Team:UNIK Copenhagen/test4

From 2014.igem.org

(Difference between revisions)
 
(25 intermediate revisions not shown)
Line 1: Line 1:
{{Team:UNIK Copenhagen/template}}
{{Team:UNIK Copenhagen/template}}
-
 
-
 
<html>
<html>
<head>
<head>
 +
<style>
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
 +
</style>
 +
 +
<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<style type="text/css">
<style type="text/css">
 +
<style type="text/css">
 +
/*---------------------------------------------*/
 +
/*            Set up of content              */
 +
/*---------------------------------------------*/
 +
.the_content{
 +
max-width: 960px;
 +
margin: -10px 30px 60px 30px;
 +
background-color: transparent;
 +
}
 +
#the_content_2{
 +
text-align: justify;
 +
max-width: 935px;
 +
margin: 0px auto 0px auto;
 +
top: 10px;
 +
display:block;
 +
position: relative;
 +
padding: 0px 0px 15px 0px;
 +
z-index: 0;
 +
}
/*---------------------------------------------*/
/*---------------------------------------------*/
Line 20: Line 42:
padding: 50px 0px;
padding: 50px 0px;
}
}
 +
.description{
.description{
width: 564px;
width: 564px;
-
margin: 0px 50px 0px 10px;
+
margin: 0px 20px 0px 10px;
padding: 25px;
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;
 
 +
/*---------------------------------------------*/
 +
/*      The go-to-top-of-page buttons        */
 +
/*---------------------------------------------*/
 +
#line{
 +
border-bottom: 1px solid #999999;
 +
width: 935px;
 +
margin: 0px auto;
 +
padding: 0px;
}
}
-
.illustration_box {
+
#go_up{
-
height: 120px;
+
border-bottom: 1px solid #0B6138;
-
width: 500px;
+
width: 765px;
-
align:center;
+
height: 16px;
-
background-color: white;
+
margin: 0px 60px;
-
border:5px solid #0B6138;
+
padding: 0px;
-
border-radius:8px;
+
float: right;
-
box-shadow: 0px 0px 10px #888888;
+
}
-
-webkit-box-shadow: 0px 0px 12px #888888;
+
#go_up img{
-
-moz-box-shadow: 0px 0px 12px #888888;
+
float:right;
 +
margin: 0px 15px 0px 0px;
 +
padding: 0px;
}
}
-
</style>
+
/*-----------------------------------------------------------*/
 +
/*            4 photos directing to other pages              */
 +
/*-----------------------------------------------------------*/
 +
#four_photos{
 +
height: 183px;
 +
width: 935px;
 +
margin: 15px auto;
 +
}
 +
#first_photo, #second_photo, #third_photo{
 +
float: left;
 +
top: 0;
 +
height: 183px;
 +
width: 218px;
 +
padding: 0px;
 +
margin: 0px 20px 0px 0px;
 +
overflow: hidden;
 +
}
 +
#fourth_photo{
 +
top: 0;
 +
float: left;
 +
height: 183px;
 +
width: 218px;
 +
padding: 0px;
 +
margin: 0px;
 +
overflow: hidden;
 +
}
 +
#first_photo img:hover, #second_photo img:hover, #third_photo img:hover, #fourth_photo img:hover{
 +
opacity: 0.7;
 +
}
-
<div class="subject">
+
/*-------------------------------------*/
-
<h3>WHAT IS iGEM?</h3>
+
/*        The four main parts         */
-
</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 bio bricks, needed in their wet lab work. After choosing a project and a track each team builds on basis of those bricks new bio bricks 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">
+
#fourParts{
-
<h3>ARE YOU A BUILDER?</h3>
+
float:left;
-
</div>
+
margin:10px 0;
-
<div class="description">
+
height:800px;
-
<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>
+
width:960px;
 +
        border:none;
 +
        background:white;
 +
}
 +
.four{
 +
margin:5px 15px;
 +
padding:20px 10px 10px 10px;
 +
height:300px;
 +
width:420px;
 +
float:left;
 +
}
 +
#fourParts h1{
 +
font-family: "Lucida sans unicode", sans-serif;
 +
font-size: 20px;
 +
}
 +
.pictures{
 +
margin:15px 0px 25px 5px;
 +
height:150px;
 +
width:150px;
 +
float:left;
 +
}
 +
.pictures img:hover{
 +
opacity: 0.7;
 +
}
 +
.four p{
 +
font-family:'Lato', sans-serif;
 +
font-size:10.5pt;
 +
line-height:18px;
 +
text-align:justify;
 +
}
 +
.buttonClick{
 +
float:right;
 +
height:3500px;
 +
width:240px;
 +
bottom:0;
 +
}
 +
.buttonClick a{
 +
float:right;
 +
line-height:30px;
 +
}
 +
.buttonClick a:hover{
 +
opacity: 0.7;
 +
}
-
<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 below to construct and synthesize your gene"
+
</style>
-
text2 = "Click to transform your organism"
+
-
text3 = "Click to test your system"
+
-
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 = " - What sequences should your gene consist of?"
+
</head>
-
third_text2 = " - Will your organism be a thread to the environment?"
+
-
third_text3 = " - Question 1.3"
+
-
third_text4 = " - Question 1.4"
+
-
fourth_text1 = "- Question 2.1"
+
<body>
-
fourth_text2 = "- Question 2.2"
+
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
-
fourth_text3 = "- Question 2.3"
+
<script src="/js/jquery.bxslider.min.js"></script>
-
fourth_text4 = "- Question 2.4"
+
<script src="https://2014.igem.org/Team:DTU-Denmark/imageslide.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
<link rel="stylesheet" href="https://2014.igem.org/Team:DTU-Denmark/imageslide.css?action=raw&ctype=text/css" type="text/css" />
-
function slideshowUp()
+
<script>
-
{
+
$(document).ready(function(){
-
num=num+1
+
  $('.bxslider').bxSlider({
-
if (num==5)
+
  auto: true,
-
{num=1}
+
  autoControls: true,
-
document.mypic.src=eval("img"+num+".src")
+
  responsive: false
-
document.getconstruct.makeit.value=eval("text"+num)
+
});
-
document.getconstruct.makeit2.value=eval("second_text"+num)
+
});
-
document.getconstruct.makeit3.value=eval("third_text"+num)
+
</script>
-
document.getconstruct.makeit4.value=eval("fourth_text"+num)
+
-
}
+
-
</SCRIPT>
+
<div style="width:600px;height:300px">
 +
<ul class="bxslider">
 +
  <li><img src="https://static.igem.org/mediawiki/2014/f/fc/Team_UNIK_Copenhagen_Lego_E.PNG"></li>
 +
  <li><img src="https://static.igem.org/mediawiki/2014/1/10/Team_UNIK_Copenhagen_Lego_Are_you_a_builder.PNG"></li>
 +
  <li><img src="https://static.igem.org/mediawiki/2014/f/fa/Team_UNIK_Copenhagen_Lego_S.PNG"></li>
 +
  <li><img src="https://static.igem.org/mediawiki/2014/e/eb/Team_UNIK_Copenhagen_Lego_Y.PNG"></li>
 +
  <!--<li><img src="https://static.igem.org/mediawiki/2014/f/fa/Team_UNIK_Copenhagen_Lego_S.PNG"></li>
 +
  <li><img src="https://static.igem.org/mediawiki/2014/e/eb/Team_UNIK_Copenhagen_Lego_Y.PNG"></li>-->
 +
</ul>
 +
</div>
 +
 
 +
<hr>
 +
 
 +
<div id="four_photos">
 +
<div id="first_photo">
 +
<a href="https://2014.igem.org/Team:UNIK_Copenhagen/Ethics" title="Click to read about ethics">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fc/Team_UNIK_Copenhagen_Lego_E.PNG">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fc/Team_UNIK_Copenhagen_Lego_E.PNG">
 +
</a></div>
-
<!-- The Image and Form Codes are Below -->  
+
<div id="second_photo">
 +
<a href="https://2014.igem.org/Team:UNIK_Copenhagen/About_iGEM" title="Click to make your own constuct">
 +
<img src="https://static.igem.org/mediawiki/2014/1/10/Team_UNIK_Copenhagen_Lego_Are_you_a_builder.PNG">
 +
</a></div>
-
<CENTER>
+
<div id="third_photo">
-
<IMG SRC="https://static.igem.org/mediawiki/2014/d/db/Team_UNIK_Copenhagen_Start_construct.PNG" NAME="mypic" BORDER=0 HEIGHT="150" WIDTH="150">
+
<a href="https://2014.igem.org/Team:UNIK_Copenhagen/Safety" title="Click to read about safety">
-
<p>
+
<img src="https://static.igem.org/mediawiki/2014/f/fa/Team_UNIK_Copenhagen_Lego_S.PNG">
 +
</a></div>
-
<div class="illustration_box">
+
<div id="fourth_photo">
-
<br>
+
<a href="https://2014.igem.org/Team:UNIK_Copenhagen/Team" title="Click to go to read about the team">
-
<FORM NAME="getconstruct">
+
<img src="https://static.igem.org/mediawiki/2014/e/eb/Team_UNIK_Copenhagen_Lego_Y.PNG">
-
<INPUT class="illustration_description" TYPE="text" NAME="makeit" VALUE="Click on 'click to go to next step' to synthesize your gene" multiple>
+
</a></div>
-
<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=" - Question 1" multiple>
+
-
<br>
+
-
<input class="illustration_description" type="fourth_text" name="makeit4" value=" - Question 2" multiple>
+
-
</FORM>
+
</div>
</div>
-
<A HREF="JavaScript:slideshowUp()">Click to go to next step</A>
+
<hr>
-
<script>
+
<div id="fourParts">
-
var num=1
+
-
function changetext(id) {
+
<div class="four">
-
    id.innerHTML = "Ooops!";
+
                            <h1>WELCOME TO OUR WIKI</h1>
-
    id.innerHTML = "cool";
+
  <div class="pictures"><img src="https://static.igem.org/mediawiki/2014/f/fc/Team_UNIK_Copenhagen_Lego_E.PNG" alt="" height="150" width="150"/></div>
-
    id.innerHTML = "work work";
+
<p>Welcome to our wiki! It is currently under construction. More information, photos etc. will come as our work proceeds, so please just have a look around.<br><br>
-
    id.innerHTML = "the end";
+
We will try to make a clickable wiki with several click and learn features. You can already click on some of the pictures. Try it out!<br><br></p>
-
}
+
<div class="buttonClick"><a href="https://2014.igem.org/Team:UNIK_Copenhagen" ><img src="https://static.igem.org/mediawiki/2014/7/73/Team_UNIK_Copenhagen_green_lego_brick.PNG" width="50" height="50"/></a></div>
-
</script>
+
</div>
-
function slideshowNext()
 
-
{
 
-
num=num+1
 
-
if (num==5)
 
-
{num=1}
 
-
document.mypic.src=eval("img"+num+".src")
 
-
document.getconstruct.makeit.value=eval("function changetext(id)"+num)
 
-
document.getconstruct.makeit2.value=eval("function changetext2(id)"+num)
 
-
document.getconstruct.makeit3.value=eval("function changetext3(id)"+num)
 
-
document.getconstruct.makeit4.value=eval("function changetext4(id)"+num)
 
-
}
 
-
</script>
 
-
<div class="illustration_box">
+
<div class="four">
-
<br>
+
<h1>SYNTHETIC BIOLOGY & iGEM</h1>
-
<p onclick="changetext(this)">Click on the bottom below</p>
+
  <div class="pictures"><a href="https://2014.igem.org/Team:UNIK_Copenhagen/About_synthetic_biology" title="Click to read about our synthetic biology"><img src="https://static.igem.org/mediawiki/2014/7/70/Team_UNIK_Copenhagen_Lego_A.PNG" alt="" height="150" width="150"/></a></div>
-
<br>
+
<p>Are synthetic biology and/or iGEM new to you? Then click on 'Synthetic biology' in the menu or on the picture in this box.<br><br>Are you a builder? You can try to make your own construct! Click on 'about iGEM' in the menu.<br><br><br><br></p>
-
</div>
+
<div class="buttonClick"><a href="https://2014.igem.org/Team:UNIK_Copenhagen/About_synthetic_biology" ><img src="https://static.igem.org/mediawiki/2014/7/73/Team_UNIK_Copenhagen_green_lego_brick.PNG" width="50" height="50" title="Click to read about synthetic biology"/></a></div>
 +
</div>
-
<A HREF="JavaScript:slideshowNext()">Click on me</A>
+
 
 +
<div class="four">
 +
<h1>EASY - OUR PROJECT</h1>
 +
  <div class="pictures"><a href="https://2014.igem.org/Team:UNIK_Copenhagen/Project" title="Click to read about our project"><img src="https://static.igem.org/mediawiki/2014/f/fa/Team_UNIK_Copenhagen_Lego_S.PNG" alt="" height="150" width="150" /></a></div>
 +
<p>Demands for fast, cheap and environmentally responsible detection methods are rising. To accommodate this, the iGEM Team of the University of Copenhagen aims at creating a bio-engineered diagnostic tool based on antibodies with novel fluorescent markers for a fast, non-toxic and easy-to-use detection of pathogens. We call it EASY - Engineered Antibody Sensing. <br><br>
 +
We want our bio-detection tool to be both environmentally responsible and effective without relying on trained personnel. By using bacteria and yeast as our production platform, we aim at reducing cost, chemicals and waste in production. Click <a href="https://2014.igem.org/Team:UNIK_Copenhagen/Project" ><font color="0B6138"><b>here</b></font></a> to read more about our project. </p>
 +
<div class="buttonClick"><a href="https://2014.igem.org/Team:UNIK_Copenhagen/Project" > <img src="https://static.igem.org/mediawiki/2014/7/73/Team_UNIK_Copenhagen_green_lego_brick.PNG" width="50" height="50" title="Click to read about our project"/></a></div>
 +
</div>
 +
 
 +
<div class="four">
 +
<h1>WHO ARE WE?</h1>
 +
  <div class="pictures"><a href="https://2014.igem.org/Team:UNIK_Copenhagen/Team" title="Click to read about our team"><img src="https://static.igem.org/mediawiki/2014/e/eb/Team_UNIK_Copenhagen_Lego_Y.PNG" alt="" height="150" width="150"/></a></div>
 +
<p>We are an international team of 5 students based at the University of Copenhagen.<br><br><br><br><br><br><br><br><br><br><br><br><br><br></p>
 +
<div class="buttonClick"><a href="https://2014.igem.org/Team:UNIK_Copenhagen/Team" ><img src="https://static.igem.org/mediawiki/2014/7/73/Team_UNIK_Copenhagen_green_lego_brick.PNG" width="50" height="50" title="Click to read about our team"/></a></div>
 +
</div>
</div>
</div>
-
</html>
 
-
<html>
+
 
 +
 
 +
 
<div id="footer" style="position:absolute;bottom:0;">
<div id="footer" style="position:absolute;bottom:0;">
<hr><br>
<hr><br>
<p>Team UNIK Copenhagen <br> <b>e-mail:</b> igem.cph14@gmail.com<p><br>
<p>Team UNIK Copenhagen <br> <b>e-mail:</b> igem.cph14@gmail.com<p><br>
</div>
</div>
 +
</div>
 +
</body>
</html>
</html>

Latest revision as of 17:47, 21 August 2014




WELCOME TO OUR WIKI

Welcome to our wiki! It is currently under construction. More information, photos etc. will come as our work proceeds, so please just have a look around.

We will try to make a clickable wiki with several click and learn features. You can already click on some of the pictures. Try it out!

SYNTHETIC BIOLOGY & iGEM

Are synthetic biology and/or iGEM new to you? Then click on 'Synthetic biology' in the menu or on the picture in this box.

Are you a builder? You can try to make your own construct! Click on 'about iGEM' in the menu.



EASY - OUR PROJECT

Demands for fast, cheap and environmentally responsible detection methods are rising. To accommodate this, the iGEM Team of the University of Copenhagen aims at creating a bio-engineered diagnostic tool based on antibodies with novel fluorescent markers for a fast, non-toxic and easy-to-use detection of pathogens. We call it EASY - Engineered Antibody Sensing.

We want our bio-detection tool to be both environmentally responsible and effective without relying on trained personnel. By using bacteria and yeast as our production platform, we aim at reducing cost, chemicals and waste in production. Click here to read more about our project.

WHO ARE WE?

We are an international team of 5 students based at the University of Copenhagen.













Retrieved from "http://2014.igem.org/Team:UNIK_Copenhagen/test4"