|
|
| 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">Biological parts - the BioBricks - can be used to design and construct novel biological devices and systems or re-design already naturally existing ones. The BioBricks have a defined structure and function and they can be inserted into e.g. a plasmid and then incorporated into an organism such as E. Coli or S. Cerevisiae, thereby forming a biological system. In addition, the BioBricks can be assembled in any desired order to form complex systems.<br><br>
| |
| - |
| |
| - | Do you want to make your own gene construct? Here are some questions to think of before you start synthesizing:<br>
| |
| - | - what is the function of the coding sequence?<br>
| |
| - | - can concerns can the function cause?<br>
| |
| - | - do you need to add a linker?<br>
| |
| - | - do you need to add a marker or a puryfication tag?<br>
| |
| - | - do you need to do codon optimization?<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 the 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>
| |
| - | <p>This system is highly advanced. You can enter a DNA sequence, a protein sequence or even just your desired function of the sequence.</p><br>
| |
| - | Enter you sequence: <input type="text" size="20">
| |
| - | <A HREF="JavaScript:slideshowUp()">Click to add your sequence</A>
| |
| - | <br><br><br>
| |
| - | <p>Go to make your own bio-system to insert your gene into an organism and thereby forming a biological system.</p>
| |
| - |
| |
| - | <form>
| |
| - | Choose which color you prefer:
| |
| - | <select id="colors2" onchange="slideShowUp()">
| |
| - | <option value="Red">Red</option>
| |
| - | <option value="Green">Green</option>
| |
| - | <option value="Blue">Blue</option>
| |
| - | </select>
| |
| - | </form>
| |
| - |
| |
| - |
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | <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>
| |
"
