Team:UNIK Copenhagen/test4

From 2014.igem.org

(Difference between revisions)
 
(26 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;
 +
}
 +
 
 +
 
 +
/*-----------------------------------------------------------*/
 +
/*            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;
}
}
Line 51: Line 159:
</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 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">
+
</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 biological system? 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 below to construct and synthesize your gene"
+
<div id="four_photos">
-
text2 = "Click to transform your organism"
+
<div id="first_photo">
-
text3 = "Click to test your system"
+
<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">
-
second_text4 = "Click to start again"
+
</a></div>
-
third_text1 = " - What sequences should your gene consist of?"
+
<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 = " - Question 1.3"
+
<img src="https://static.igem.org/mediawiki/2014/f/fa/Team_UNIK_Copenhagen_Lego_S.PNG">
-
third_text4 = " - Question 1.4"
+
</a></div>
-
fourth_text1 = "- Question 2.1"
+
<div id="fourth_photo">
-
fourth_text2 = "- Question 2.2"
+
<a href="https://2014.igem.org/Team:UNIK_Copenhagen/Team" title="Click to go to read about the team">
-
fourth_text3 = "- Question 2.3"
+
<img src="https://static.igem.org/mediawiki/2014/e/eb/Team_UNIK_Copenhagen_Lego_Y.PNG">
-
fourth_text4 = "- Question 2.4"
+
</a></div>
 +
</div>
-
function slideshowUp()
+
<hr>
-
{
+
-
num=num+1
+
-
if (num==5)
+
-
{num=1}
+
-
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)
+
-
document.getconstruct.makeit4.value=eval("fourth_text"+num)
+
-
}
+
-
</SCRIPT>
 
-
<!-- The Image and Form Codes are Below -->
 
-
<CENTER>
+
<div id="fourParts">
-
<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>
+
-
<div class="illustration_box">
+
<div class="four">
-
<br>
+
                            <h1>WELCOME TO OUR WIKI</h1>
-
<FORM NAME="getconstruct">
+
  <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>
-
<INPUT class="illustration_description" TYPE="text" NAME="makeit" VALUE="Click on 'click to go to next step' to synthesize your gene" multiple>
+
<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>
-
<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>
-
<input class="illustration_description" type="second_text" name="makeit2" value="Some questions to think of when you are making your gene construct" multiple>
+
<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>
-
<br>
+
</div>
-
<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>
+
-
<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>
-
<script>
+
<div class="four">
-
var num=1
+
<h1>EASY - OUR PROJECT</h1>
-
function changetext(id) {
+
  <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>
-
    id.innerHTML = "Ooops!";
+
<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>
-
function changetext2(id) {
+
<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>
-
    id.innerHTML = "It is working";
+
</div>
-
}
+
-
function changetext3(id) {
+
-
    id.innerHTML = "This is cool";
+
-
}
+
-
function changetext4(id) {
+
-
    id.innerHTML = "the end";
+
-
}
+
-
function slideshowNext()
+
<div class="four">
-
{
+
<h1>WHO ARE WE?</h1>
-
num=num+1
+
  <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>
-
if (num==5)
+
<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>
-
{num=1}
+
<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>
-
document.mypic.src=eval("img"+num+".src")
+
</div>
-
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">
 
-
<br>
 
-
<p onclick="changetext(this)">Click on the bottom below</p>
 
-
<br>
 
</div>
</div>
-
<A HREF="JavaScript:slideshowNext()">Click on me</A>
 
-
</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"