|
|
| (21 intermediate revisions by the same user not shown) |
| Line 4: |
Line 4: |
| | | | |
| | <style type="text/css"> | | <style type="text/css"> |
| − | /*Buttons for all of the pages */
| |
| − | .videobutton {
| |
| − | width: 350px;
| |
| − | height: auto;
| |
| − | white-space: nowrap;
| |
| − | vertical-align: center;
| |
| − | padding: 5px;
| |
| − | }
| |
| | | | |
| − | /*For the button class, change background on hover */
| |
| − | .videobutton:hover {
| |
| − | fre}
| |
| − |
| |
| − | #kcontainer1 {
| |
| − | border: 1px solid #ccc;
| |
| − | border-radius: 5px;
| |
| − | background-color: #f2f2f2;
| |
| − | margin-right: 5px;
| |
| − | padding: 5px;
| |
| − | width: 65%;
| |
| − | display: inline-block;
| |
| − | vertical-align: top;
| |
| − | }
| |
| − |
| |
| − | #kcontainer1 h2 {
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | #kcontainer1 > ul {
| |
| − | list-style: disc;
| |
| − | }
| |
| − |
| |
| − | #kcontainer1 > ul > li {
| |
| − | margin-bottom: 0.7em;
| |
| − | }
| |
| − |
| |
| − | #happy-fun-safety-persona {
| |
| − | border: 1px dotted #96d359;
| |
| − | border-radius: 5px;
| |
| − | padding: 5px;
| |
| − | width: 30%;
| |
| − | display: inline-block;
| |
| − | vertical-align: top;
| |
| − | }
| |
| − |
| |
| − | #happy-fun-safety-persona p {
| |
| − | font-size: 12px;
| |
| − | }
| |
| − |
| |
| − | #traci-appa {
| |
| − | width: 90px;
| |
| − | float: right;
| |
| − | margin-left: 5px;
| |
| − | }
| |
| | </style> | | </style> |
| | | | |
| | + | <div id="fullWidth"> |
| | | | |
| − | <div id="leftColumn">
| |
| − | <h4><a href= "https://2015.igem.org/Troubleshooting">Troubleshooting</a></h4>
| |
| − | <ul>
| |
| − | <a href= "https://2015.igem.org/Troubleshooting#intro"> <li>Introduction</li></a>
| |
| − | <a href= "https://2015.igem.org/Troubleshooting#tips"> <li>General Tips and Tricks</li></a>
| |
| − | <ol><a href= "https://2015.igem.org/Troubleshooting/Transformation"> <li>Transformation</li></a>
| |
| − | <a href="https://2015.igem.org/Troubleshooting/Restriction_Digest_and_Ligation"> <li>Restriction Digest and Ligation</li></ol>
| |
| − | <a href= "https://2015.igem.org/Troubleshooting#protocols"> <li>iGEM Protocols</li></a>
| |
| − | <a href= "https://2015.igem.org/Troubleshooting#answer"> <li>Answers</li></a>
| |
| − | <a href= "https://2015.igem.org/Troubleshooting#ask"> <li>Ask Your Questions</li></a>
| |
| − | </ul>
| |
| − | </div>
| |
| | | | |
| − | <div id="rightColumn">
| + | <h2>Test Custom Form</h2> |
| | | | |
| − | <!-- alert message, the text can be edited ---->
| + | <div style="border: 1px solid green; padding: 5px; margin: 5px;"> |
| | + | Currently having difficulty with CORS w/r/t SupportBee's API. Probably doing something wrong. Need to learn more. |
| | + | </div> |
| | | | |
| | | | |
| | + | <h2>Native SupportBee widgets</h2> |
| | | | |
| − | <div id="kcontainer1"> | + | <h4>Overlay Version</h4> |
| − | <h3>Learn about cloning troubleshooting here!</h3>
| + | |
| | | | |
| − | <ul> | + | < !--<a data-controls-modal=" sb-overlay" style=" cursor: pointer;"> Open the modal-overlay version of the SupportBee widget</a>- -> |
| − | <li>Read about <a href=" #tips" >General Tips and Tricks</a> with a focus on <a href=" https: //2015.igem.org/Troubleshooting/Transformation"> Transformations</a>, <a href="https://2015.igem.org/Troubleshooting/Restriction">Restriction Digests</a>, and <a href="https://2015.igem.org/Troubleshooting/Ligation">Ligations</a></li> | + | |
| − | <li>Have a cloning problem? <a href="#ask">Ask a question!</a></li>
| + | |
| − | <li>See the <a href="#answers">Answers to Your Questions</a> (which will be updated throughout the iGEM season!) </li>
| + | |
| − | <li>While we want teams to use this resource, also make sure that you talk to your local resources as well - ask your instructors and more experienced students around you!</li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| | | | |
| − | <div id="happy-fun-safety-persona"> | + | <h4>Embedded Iframe Version</h4> |
| − | <a href="https://2014.igem.org/File:Traci_Haddock_BU14.jpg"><img id="traci-appa" src="https://static.igem.org/mediawiki/2014/9/99/Traci_Haddock_BU14.jpg"></a>
| + | |
| − | <p style="font-size: 15px; font-weight: bold; color: #337f53;">Welcome to the Troubleshooting page!</p>
| + | |
| − | <p>My name is Traci, and I'm here to help you with your cloning problems.</p>
| + | |
| − | <p style="clear: both;">You can contact me by email at <i>traci AT igem DOT org</i>, on Reddit <a href="http://www.reddit.com/user/Traci_at_iGEM/">Traci_at_iGEM</a>, or on Twitter <a href="https://twitter.com/Traci_Haddock">@Traci_Haddock</a> <br/></p>
| + | |
| − | </div>
| + | |
| | | | |
| − | <br> | + | <!--This is how you do parameters in the iframe version--> |
| − | <h2 id="ask">Ask Your Questions and Submit Comments Here!</h2> | + | <!--<iframe src="https://igem.supportbee.com/web_tickets/new?company=igem&embed=true&locale=en&captcha=true&ticket[forwarding_address_id]=8799&ticket[requester_name]=Cheesy%20Poofs&ticket[requester_email]=cheesy@poofs.com&ticket[subject]=Insufficient%20Cheese" style="width:500px; height: 500px; border:none"></iframe>--> |
| − | <p>
| + | |
| − | text
| + | |
| − | </p>
| + | |
| | | | |
| − | <br><br> | + | <!--<iframe src="https://igem.supportbee.com/web_tickets/new?company=igem&embed=true&locale=en&captcha=true&ticket[forwarding_address_id]=8799&ticket[subject]=[Troubleshooting]%20Type%20your%20question%20here" style="width:500px; height: 700px; border: 1px solid #ccc;">Fallback content</iframe>--> |
| − | | + | |
| − | <p>FORM GOES HERE</p>
| + | |
| | | | |
| | <div class="clear"></div><div class="clear"></div> | | <div class="clear"></div><div class="clear"></div> |
| Line 118: |
Line 40: |
| | </html> {{2015Bottom}}<html> | | </html> {{2015Bottom}}<html> |
| | </div> | | </div> |
| | + | |
| | + | <!-- |
| | + | <script> |
| | + | //<![CDATA[ |
| | + | var sbhost = (("https:" == document.location.protocol) ? "https://" : "http://"); |
| | + | document.write(unescape("%3Cscript src='" + sbhost +"d3932137p5ikt7.cloudfront.net/widget_v3/loader.min.js' type='text/javascript'%3E%3C/script%3E"));//]]> |
| | + | </script> |
| | + | <script> |
| | + | sb_contact_form('initialize',{ |
| | + | company: 'igem', |
| | + | height: '500px', |
| | + | position: 'none', |
| | + | locale: 'en', |
| | + | captcha: 'true', |
| | + | forwarding_address_id: '8799', |
| | + | subject: "[Troubleshooting] Type your question here" |
| | + | }); |
| | + | </script> |
| | + | --> |
| | + | |
| | + | <script type="text/javascript" src="http://k.igem.org/common/sb.js"></script> |
| | + | |
| | </html> | | </html> |
Test Custom Form
Currently having difficulty with CORS w/r/t SupportBee's API. Probably doing something wrong. Need to learn more.
Native SupportBee widgets
Overlay Version
Embedded Iframe Version
