|
|
| Line 1: |
Line 1: |
| - | {{Team:UNIK Copenhagen/template}}
| |
| | | | |
| - |
| |
| - |
| |
| - | <html>
| |
| - | <head>
| |
| - | <style type="text/css">
| |
| - |
| |
| - |
| |
| - | /*---------------------------------------------*/
| |
| - | /* CSS of Q/A part */
| |
| - | /*---------------------------------------------*/
| |
| - | .subject, .description{
| |
| - | float: left;
| |
| - | }
| |
| - | .subject{
| |
| - | width: 130px;
| |
| - | text-align: left;
| |
| - | margin: 0px 10px 0px 40px;
| |
| - | padding: 50px 0px;
| |
| - | }
| |
| - | .description{
| |
| - | width: 564px;
| |
| - | margin: 0px 50px 0px 10px;
| |
| - | padding: 25px;
| |
| - | background-color: white;
| |
| - | }
| |
| - |
| |
| - | input.illustration_description {
| |
| - | height: 20px;
| |
| - | width: 400px;
| |
| - | background-color: white;
| |
| - | border:none;
| |
| - | font-family: "Lucida sans unicode", sans-serif;
| |
| - | font-size: 12px;
| |
| - |
| |
| - | }
| |
| - | .illustration_box {
| |
| - | height: 120px;
| |
| - | width: 500px;
| |
| - | align:center;
| |
| - | background-color: white;
| |
| - | border:5px solid #0B6138;
| |
| - | border-radius:8px;
| |
| - | box-shadow: 0px 0px 10px #888888;
| |
| - | -webkit-box-shadow: 0px 0px 12px #888888;
| |
| - | -moz-box-shadow: 0px 0px 12px #888888;
| |
| - | }
| |
| - |
| |
| - | </style>
| |
| - |
| |
| - | <div class="subject">
| |
| - | <h3>WHAT IS iGEM?</h3>
| |
| - | </div>
| |
| - | <div class="description">
| |
| - | <p align="justify"> The International Genetically Engineered Machine competition (iGEM) is a competition in the field of synthetic biology for under- and overgraduate students ranging over a wide area of disciplines. Each team starts out with a small tool box containing basic building blocks, the bricks, needed in their wet lab work. After choosing a project and a track each team builds on basis of those bricks new biobricks specific to their project and those will be included in the future registry of parts. <br><br>
| |
| - | Besides the actual wet lab project, the teams are encouraged to promote synthetic biology in public by trying to create understanding and knowledge. Thereby, their own project helps them to present and represent themselves and iGEM as ambassadors of synthetic biology.
| |
| - | </p></div>
| |
| - |
| |
| - | <div class="subject">
| |
| - | <h3>ARE YOU A BUILDER?</h3>
| |
| - | </div>
| |
| - | <div class="description">
| |
| - | <p align="justify"> Want to make your own construct? Before you start remember to think about some essential questions:<br> - what is the function?<br> - what are the concerns?<br></p>
| |
| - |
| |
| - | <SCRIPT LANGUAGE="JavaScript">
| |
| - | var num=1
| |
| - | img1 = new Image ()
| |
| - | img1.src = "https://static.igem.org/mediawiki/2014/d/db/Team_UNIK_Copenhagen_Start_construct.PNG"
| |
| - | img2 = new Image ()
| |
| - | img2.src = "https://static.igem.org/mediawiki/2014/b/bc/Team_UNIK_Copenhagen_Construct_gene.PNG"
| |
| - | img3 = new Image ()
| |
| - | img3.src = "https://static.igem.org/mediawiki/2014/5/5a/Team_UNIK_Copenhagen_Transformed_organism.PNG"
| |
| - | img4 = new Image ()
| |
| - | img4.src = "https://static.igem.org/mediawiki/2014/2/24/Team_UNIK_Copenhagen_Construct.PNG"
| |
| - |
| |
| - | text1 = "Click on 'click to go to next step' to synthesize your gene"
| |
| - | text2 = "Click to transform your organism"
| |
| - | text3 = "Click to get your construct"
| |
| - | text4 = "You are now ready for next year's iGEM competition!"
| |
| - |
| |
| - | second_text1 = "Some questions to think of when you are making your gene construct:"
| |
| - | second_text2 = "Some questions to think of"
| |
| - | second_text3 = "Some questions to think of"
| |
| - | second_text4 = "Click to start again"
| |
| - |
| |
| - | third_text1 = "- Do you want a purifying tag?"
| |
| - | third_text2 = "- Will your organism be a thread to the environment?"
| |
| - | third_text3 = "- Will your construct..."
| |
| - | third_text4 = " "
| |
| - |
| |
| - | function slideshowUp()
| |
| - | {
| |
| - | num=num+1
| |
| - | if (num==5)
| |
| - | {num=1}
| |
| - | document.mypic.src=eval("img"+num+".src")
| |
| - | document.getconstruct.makeit.value=eval("text"+num)
| |
| - | document.getconstruct.makeit2.value=eval("second_text"+num)
| |
| - | document.getconstruct.makeit3.value=eval("third_text"+num)
| |
| - | }
| |
| - |
| |
| - | </SCRIPT>
| |
| - |
| |
| - | <!-- The Image and Form Codes are Below -->
| |
| - |
| |
| - | <CENTER>
| |
| - | <IMG SRC="https://static.igem.org/mediawiki/2014/d/db/Team_UNIK_Copenhagen_Start_construct.PNG" NAME="mypic" BORDER=0 HEIGHT="150" WIDTH="150">
| |
| - | <p>
| |
| - |
| |
| - | <div class="illustration_box">
| |
| - | <br>
| |
| - | <FORM NAME="getconstruct">
| |
| - | <INPUT class="illustration_description" TYPE="text" NAME="makeit" VALUE="Click on 'click to go to next step' to synthesize your gene" multiple>
| |
| - | <br>
| |
| - | <input class="illustration_description" type="second_text" name="makeit2" value="Some questions to think of when you are making your gene construct" multiple>
| |
| - | <br>
| |
| - | <input class="illustration_description" type="third_text" name="makeit3" value=" - Do you want a purifying tag?">
| |
| - | </FORM>
| |
| - | </div>
| |
| - |
| |
| - | <br>
| |
| - |
| |
| - | <A HREF="JavaScript:slideshowUp()">Click to go to next step</A>
| |
| - |
| |
| - | </div>
| |
| - | </html>
| |
| - |
| |
| - | <html>
| |
| - | <div id="footer" style="position:absolute;bottom:0;">
| |
| - | <hr><br>
| |
| - | <p>Team UNIK Copenhagen <br> <b>e-mail:</b> igem.cph14@gmail.com<p><br>
| |
| - | </div>
| |
| - | </html>
| |
"
