Team:UNIK Copenhagen/test4

From 2014.igem.org

(Difference between revisions)
 
(31 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;
 +
}
 +
#go_up{
 +
border-bottom: 1px solid #0B6138;
 +
width: 765px;
 +
height: 16px;
 +
margin: 0px 60px;
 +
padding: 0px;
 +
float: right;
 +
}
 +
#go_up img{
 +
float:right;
 +
margin: 0px 15px 0px 0px;
 +
padding: 0px;
}
}
 +
 +
 +
/*-----------------------------------------------------------*/
 +
/*            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;
 +
}
 +
 +
/*-------------------------------------*/
 +
/*        The four main parts        */
 +
/*-------------------------------------*/
 +
 +
#fourParts{
 +
float:left;
 +
margin:10px 0;
 +
height:800px;
 +
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;
 +
}
 +
</style>
</style>
-
<div class="subject">
 
-
<h3>WHAT IS iGEM?</h3>
 
-
</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 bricks, needed in their wet lab work. After choosing a project and a track each team builds on basis of those bricks new biobricks 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">
+
</head>
-
<h3>ARE YOU A BUILDER?</h3>
+
 
 +
<body>
 +
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
 +
<script src="/js/jquery.bxslider.min.js"></script>
 +
<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" />
 +
 
 +
<script>
 +
$(document).ready(function(){
 +
  $('.bxslider').bxSlider({
 +
  auto: true,
 +
  autoControls: true,
 +
  responsive: false
 +
});
 +
});
 +
</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>
</div>
-
<div class="description">
 
-
<p align="justify"> Want to make your own construct? Before you start remember to think about some essential questions:<br> - what is the function?<br> - what are the concerns?<br></p>
 
-
<SCRIPT LANGUAGE="JavaScript">
+
<hr>
-
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 on 'click to go to next step' to synthesize your gene"
+
<div id="four_photos">
-
text2 = "Click to transform your organism"
+
<div id="first_photo">
-
text3 = "Click to get your construct"
+
<a href="https://2014.igem.org/Team:UNIK_Copenhagen/Ethics" title="Click to read about ethics">
-
text4 = "You are now ready for next year's iGEM competition!"
+
<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>
-
second_text1 = "Some questions to think of when you are making your gene construct:"
+
<div id="second_photo">
-
second_text2 = "Some questions to think of"
+
<a href="https://2014.igem.org/Team:UNIK_Copenhagen/About_iGEM" title="Click to make your own constuct">
-
second_text3 = "Some questions to think of"
+
<img src="https://static.igem.org/mediawiki/2014/1/10/Team_UNIK_Copenhagen_Lego_Are_you_a_builder.PNG">
-
sencon_text4 = "Click to start again"
+
</a></div>
-
third_text1 = "- Do you want a purifying tag?"
+
<div id="third_photo">
-
third_text2 = "- Will your organism be a thread to the environment?"
+
<a href="https://2014.igem.org/Team:UNIK_Copenhagen/Safety" title="Click to read about safety">
-
third_text3 = "- Will your construct..."
+
<img src="https://static.igem.org/mediawiki/2014/f/fa/Team_UNIK_Copenhagen_Lego_S.PNG">
-
third_text4 = ""
+
</a></div>
-
function slideshowUp()
+
<div id="fourth_photo">
-
{
+
<a href="https://2014.igem.org/Team:UNIK_Copenhagen/Team" title="Click to go to read about the team">
-
num=num+1
+
<img src="https://static.igem.org/mediawiki/2014/e/eb/Team_UNIK_Copenhagen_Lego_Y.PNG">
-
if (num==5)
+
</a></div>
-
{num=1}
+
</div>
-
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)
+
-
}
+
-
</SCRIPT>
+
<hr>
-
<!-- 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>
 
-
<FORM NAME="getconstruct">
+
<div id="fourParts">
-
<INPUT class="illustration_description" TYPE="text" NAME="makeit" VALUE="Click on 'click to go to next step' to synthesize your gene" multiple>
+
-
<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=" - Do you want a purifying tag?">
+
-
</FORM>
+
-
<br>
+
<div class="four">
 +
                            <h1>WELCOME TO OUR WIKI</h1>
 +
  <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>
 +
<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>
 +
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>
 +
</div>
-
<A HREF="JavaScript:slideshowUp()">Click to go to next step</A>
+
 
 +
<div class="four">
 +
<h1>SYNTHETIC BIOLOGY & iGEM</h1>
 +
  <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>
 +
<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 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>
 +
 
 +
 
 +
<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"