Team:UNIK Copenhagen/test4

From 2014.igem.org

(Difference between revisions)
(Created page with " <html> <head> <style type="text/css"> /*---------------------------------------------*/ - →CSS of Q/A part: /*--------------------------------...")
 
(37 intermediate revisions not shown)
Line 1: Line 1:
-
 
+
{{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: 100px;
+
/*---------------------------------------------*/
-
width: 350px;
+
/*      The go-to-top-of-page buttons        */
-
background-color: white;
+
/*---------------------------------------------*/
-
border:5px solid #0B6138;
+
#line{
-
border-radius:8px;
+
border-bottom: 1px solid #999999;
-
box-shadow: 0px 0px 10px #888888;
+
width: 935px;
-
-webkit-box-shadow: 0px 0px 12px #888888;
+
margin: 0px auto;
-
-moz-box-shadow: 0px 0px 12px #888888;
+
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-family: "Lucida sans unicode", sans-serif;
-
font-size: 12px;
+
font-size: 20px;
-
text-align:center;
+
}
 +
.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>
+
</head>
 +
 
 +
<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"> 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">
+
<hr>
-
<h3>ARE YOU A BUILDER?</h3>
+
 
 +
<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>
 +
 
 +
<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>
 +
 
 +
<div id="third_photo">
 +
<a href="https://2014.igem.org/Team:UNIK_Copenhagen/Safety" title="Click to read about safety">
 +
<img src="https://static.igem.org/mediawiki/2014/f/fa/Team_UNIK_Copenhagen_Lego_S.PNG">
 +
</a></div>
 +
 
 +
<div id="fourth_photo">
 +
<a href="https://2014.igem.org/Team:UNIK_Copenhagen/Team" title="Click to go to read about the team">
 +
<img src="https://static.igem.org/mediawiki/2014/e/eb/Team_UNIK_Copenhagen_Lego_Y.PNG">
 +
</a></div>
</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"
+
-
var nCols = 3;
 
-
text = new Array(4);
 
-
text1 = new Array(
 
-
        "Click on 'click to go to next step' to synthesize your gene",
 
-
        "Some questions to think of",
 
-
        "- do you need a purifying tag?",
 
-
);
 
-
text2 = new Array(
 
-
        "Click to transform your organism",
 
-
        "Some questions to think of",
 
-
        "- will the organism be a thread to the environment?"
 
-
);
 
-
text3 = new Array(
 
-
        "Click to get your construct"
 
-
);
 
-
text4 = new Array(
 
-
        "Click to start again"
 
-
);
 
-
function slideshowUp()
+
<div id="fourParts">
-
{
+
-
num=num+1
+
-
if (num==5)
+
-
{num=1}
+
-
document.mypic.src=eval("img"+num+".src")
+
-
document.getconstruct.makeit.value=eval("text"+num)
+
-
}
+
-
</SCRIPT>
+
<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>
-
<!-- The Image and Form Codes are Below -->
 
-
<CENTER>
+
<div class="four">
-
<IMG SRC="https://static.igem.org/mediawiki/2014/d/db/Team_UNIK_Copenhagen_Start_construct.PNG" NAME="mypic" BORDER=0 HEIGHT="150" WIDTH="150">
+
<h1>SYNTHETIC BIOLOGY & iGEM</h1>
-
<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>
 +
<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>
-
<FORM NAME="getconstruct">
 
-
<INPUT class="illustration_description" TYPE="text" NAME="makeit" VALUE="Click on 'click to go to next step' to synthesize your gene">
 
-
</FORM>
 
 +
<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>
-
<A HREF="JavaScript:slideshowUp()">Click to go to next step</A>
+
<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"