|
|
| 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: 380px;
| |
| - | background-color: white;
| |
| - | border:none;
| |
| - | font-family: "Lucida sans unicode", sans-serif;
| |
| - | font-size: 12px;
| |
| - | }
| |
| - | .illustration_box {
| |
| - | height: 80px;
| |
| - | width: 400px;
| |
| - | 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>
| |
| - |
| |
| - | <br>UNDER CONSTRUCTION!!<br>
| |
| - | On this page you will be able to put different sequences together to construct your own gene.<br></p>
| |
| - |
| |
| - | <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 slideshowUp()
| |
| - | {
| |
| - | num=num+1
| |
| - | if (num==5)
| |
| - | {num=1}
| |
| - | document.mypic.src=eval("img"+num+".src")
| |
| - | document.getconstruct.makeit.value=eval("text"+num)
| |
| - | }
| |
| - | </script>
| |
| - |
| |
| - | <center>
| |
| - | <IMG SRC="https://static.igem.org/mediawiki/2014/f/fc/Team_UNIK_Copenhagen_Lego_E.PNG" NAME="mypic" BORDER=0 HEIGHT="150" WIDTH="150">
| |
| - | <p>
| |
| - |
| |
| - | <div class="illustration_box">
| |
| - | <FORM NAME="getconstruct">
| |
| - | <INPUT class="illustration_description" TYPE="text" NAME="makeit" VALUE="Add a promoter" multiple>
| |
| - | </FORM>
| |
| - | </div>
| |
| - | <br>
| |
| - | Enter you sequence: <input type="text" size="20">
| |
| - | <A HREF="JavaScript:slideshowUp()">Click to add your sequence</A>
| |
| - | </div>
| |
| - |
| |
| - | <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>
| |
"
