Team:UNIK Copenhagen/test2

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
{{Team:UNIK Copenhagen/template}}
 +
 +
 +
<html>
<html>
<head>
<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">
<SCRIPT LANGUAGE="JavaScript">
Line 15: Line 82:
text1 = "Add a promoter"
text1 = "Add a promoter"
text2 = "Add a regulator"
text2 = "Add a regulator"
-
text3 = "Add ithe coding sequence"
+
text3 = "Add the coding sequence"
text4 = "Add a terminator"
text4 = "Add a terminator"
-
function slideshowUp2()
+
function slideshowUp()
{
{
num=num+1
num=num+1
if (num==5)
if (num==5)
{num=1}
{num=1}
-
document.mypic2.src=eval("img"+num+".src")
+
document.mypic.src=eval("img"+num+".src")
-
document.getconstruct2.makeit2.value=eval("text"+num)
+
document.getconstruct.makeit.value=eval("text"+num)
}
}
</script>
</script>
-
</head>
+
<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>
-
<body>
+
<div class="illustration_box">
-
<IMG SRC="https://static.igem.org/mediawiki/2014/d/db/Team_UNIK_Copenhagen_Start_construct.PNG" NAME="mypic2" BORDER=0 HEIGHT="150" WIDTH="150">
+
<FORM NAME="getconstruct">
-
 
+
<INPUT class="illustration_description" TYPE="text" NAME="makeit" VALUE="Add a promoter" multiple>
-
<FORM NAME="getconstruct2">
+
-
<INPUT class="illustration_description" TYPE="text" NAME="makeit2" VALUE="Add a promoter" multiple>
+
</FORM>
</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">  
Enter you sequence:  <input type="text" size="20">  
-
<A HREF="JavaScript:slideshowUp2()">Click to add your sequence</A>
+
<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>
-
</body>
+
<script>
 +
function preferedColor() {
 +
    prefer = document.forms[0].colors.value;
 +
    alert("You prefer the color " + prefer);
 +
}
 +
</script>
 +
<form>
 +
Choose which color you prefer:
 +
<select id="colors" onchange="preferedColor()">
 +
<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>
 +
</body>
</html>
</html>

Revision as of 13:01, 24 August 2014





ARE YOU A BUILDER?

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.

Do you want to make your own gene construct? Here are some questions to think of before you start synthesizing:
- what is the function of the coding sequence?
- can concerns can the function cause?
- do you need to add a linker?
- do you need to add a marker or a puryfication tag?
- do you need to do codon optimization?

UNDER CONSTRUCTION!!
On this page you will be able to put different sequences together to construct your own gene.


This system is highly advanced. You can enter a DNA sequence, a protein sequence or even just your desired function of the sequence.


Enter you sequence: Click to add your sequence


Go to make your own bio-system to insert your gene into an organism and thereby forming a biological system.

Choose which color you prefer: