|
|
| 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: 420px;
| |
| - | 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>
| |
| - | </head>
| |
| - |
| |
| - | <body>
| |
| - | <div class="subject">
| |
| - | <h3>ARE YOU A BUILDER?</h3>
| |
| - | </div>
| |
| - | <div class="description">
| |
| - | <p align="justify"> Want to make your own biological system? Before you start remember to think about some essential questions:<br>
| |
| - | - what is the function?<br>
| |
| - | - what are the concerns?<br></p>
| |
| - | </div>
| |
| - |
| |
| - | <div class="subject">
| |
| - | <h3>CONSTRUCT A GENE</h3>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - | <SCRIPT LANGUAGE="JavaScript">
| |
| - | var num=1
| |
| - | img1 = new Image ()
| |
| - | img1.src = "https://static.igem.org/mediawiki/2014/f/fc/Team_UNIK_Copenhagen_Lego_E.PNG"
| |
| - | img2 = new Image ()
| |
| - | img2.src = "https://static.igem.org/mediawiki/2014/1/10/Team_UNIK_Copenhagen_Lego_Are_you_a_builder.PNG"
| |
| - | img3 = new Image ()
| |
| - | img3.src = "https://static.igem.org/mediawiki/2014/f/fa/Team_UNIK_Copenhagen_Lego_S.PNG"
| |
| - | img4 = new Image ()
| |
| - | img4.src = "https://static.igem.org/mediawiki/2014/e/eb/Team_UNIK_Copenhagen_Lego_Y.PNG"
| |
| - |
| |
| - | text1 = "Add a promoter"
| |
| - | text2 = "Add a regulator"
| |
| - | text3 = "Add ithe coding sequence"
| |
| - | text4 = "Add a terminator"
| |
| - |
| |
| - | function slideshowUp2()
| |
| - | {
| |
| - | num=num+1
| |
| - | if (num==5)
| |
| - | {num=1}
| |
| - | document.mypic2.src=eval("img"+num+".src")
| |
| - | document.getconstruct2.makeit2.value=eval("text"+num)
| |
| - | }
| |
| - | </script>
| |
| - |
| |
| - |
| |
| - | <IMG SRC="https://static.igem.org/mediawiki/2014/d/db/Team_UNIK_Copenhagen_Start_construct.PNG" NAME="mypic2" BORDER=0 HEIGHT="150" WIDTH="150">
| |
| - |
| |
| - | <div class="illustration_box">
| |
| - | <FORM NAME="getconstruct2">
| |
| - | <INPUT class="illustration_description" TYPE="text" NAME="makeit2" VALUE="Add a promoter" multiple>
| |
| - | </FORM>
| |
| - | </div>
| |
| - |
| |
| - | Enter you sequence: <input type="text" size="20">
| |
| - | <A HREF="JavaScript:slideshowUp2()">Click to add your sequence</A>
| |
| - |
| |
| - |
| |
| - |
| |
| - | <div class="subject">
| |
| - | <h3>CONSTRUCT A BIOLOGICAL SYSTEM?</h3>
| |
| - | </div>
| |
| - |
| |
| - | <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 = "Some questions to think of when you make your gene construct:"
| |
| - | text2 = "Some questions to think of before transforming your organism:"
| |
| - | text3 = "Your organism was successfully transformed!"
| |
| - | text4 = "Congratulation, your biological system works!"
| |
| - |
| |
| - | second_text1 = " - What sequences should your gene(s) contain?"
| |
| - | second_text2 = " - Will your organism leave the laboratory?"
| |
| - | second_text3 = "Now you have to test if it has the desired function."
| |
| - | second_text4 = " - Can the system be optimized?"
| |
| - |
| |
| - | third_text1 = " - Do you have to modify the sequences that you want to use?"
| |
| - | third_text2 = " - Will your organism be any thread if it comes out in the environment?"
| |
| - | third_text3 = "If it does not then think about what went wrong."
| |
| - | third_text4 = " - Can you lower the cost?"
| |
| - |
| |
| - | fourth_text1 = "Click below to construct and synthesize your gene"
| |
| - | fourth_text2 = "Click to transform your organism"
| |
| - | fourth_text3 = "Click to test your system"
| |
| - | fourth_text4 = "You are now ready for next year's iGEM competition!"
| |
| - |
| |
| - | 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)
| |
| - | document.getconstruct.makeit4.value=eval("fourth_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="Some questions to think of when you make your gene construct:" multiple>
| |
| - | <br>
| |
| - | <input class="illustration_description" type="second_text" name="makeit2" value=" - What sequences should your gene(s) contain?" multiple>
| |
| - | <br>
| |
| - | <input class="illustration_description" type="third_text" name="makeit3" value=" - Do you have to modify the sequences that you want to use?" multiple>
| |
| - | <br>
| |
| - | <input class="illustration_description" type="fourth_text" name="makeit4" value="Click below to construct and synthesize your gene" multiple>
| |
| - | </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>
| |
| - | </body>
| |
| - | </html>
| |
"
