Team:UNIK Copenhagen

From 2014.igem.org

(Difference between revisions)
 
(103 intermediate revisions not shown)
Line 1: Line 1:
{{Team:UNIK Copenhagen/template}}
{{Team:UNIK Copenhagen/template}}
-
{{Team:UNIK Copenhagen/slideshow}}
 
-
{{Team:UNIK Copenhagen/slideshow2}}
 
<html>
<html>
Line 20: Line 18:
margin: -10px 30px 60px 30px;
margin: -10px 30px 60px 30px;
background-color: transparent;
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 61: Line 49:
padding: 0px;
padding: 0px;
}
}
-
#go_up{
+
#picture_line{
-
border-bottom: 1px solid #0B6138;
+
border-bottom: 1px solid grey;
-
width: 765px;
+
width: 938px;
-
height: 16px;
+
height: 5px;
-
margin: 0px 60px;
+
margin: 15px;
-
padding: 0px;
+
-
float: right;
+
-
}
+
-
#go_up img{
+
-
float:right;
+
-
margin: 0px 15px 0px 0px;
+
padding: 0px;
padding: 0px;
 +
float: left;
}
}
Line 82: Line 65:
height: 183px;
height: 183px;
width: 935px;
width: 935px;
-
margin: 15px auto;
+
margin: 12px auto;
 +
        border: none;
 +
        background:white;
}
}
#first_photo, #second_photo, #third_photo{
#first_photo, #second_photo, #third_photo{
float: left;
float: left;
-
top: 0;
 
height: 183px;
height: 183px;
width: 218px;
width: 218px;
-
padding: 0px;
 
margin: 0px 20px 0px 0px;
margin: 0px 20px 0px 0px;
overflow: hidden;
overflow: hidden;
}
}
#fourth_photo{
#fourth_photo{
-
top: 0;
 
float: left;
float: left;
height: 183px;
height: 183px;
width: 218px;
width: 218px;
-
padding: 0px;
 
margin: 0px;
margin: 0px;
overflow: hidden;
overflow: hidden;
Line 112: Line 93:
#fourParts{
#fourParts{
float:left;
float:left;
-
margin:10px 0;
+
margin:15px;
-
height:800px;
+
height:700px;
-
width:960px;
+
width:940px;
-
         border:none;
+
         border: none;
         background:white;
         background:white;
}
}
Line 121: Line 102:
margin:5px 15px;
margin:5px 15px;
padding:20px 10px 10px 10px;
padding:20px 10px 10px 10px;
-
height:300px;
+
height:250px;
 +
width:420px;
 +
float:left;
 +
}
 +
.four2{
 +
margin:5px 15px;
 +
padding:20px 10px 10px 10px;
 +
height:500px;
width:420px;
width:420px;
float:left;
float:left;
Line 146: Line 134:
.buttonClick{
.buttonClick{
float:right;
float:right;
-
height:3500px;
 
-
width:240px;
 
bottom:0;
bottom:0;
 +
right:0;
}
}
.buttonClick a{
.buttonClick a{
float:right;
float:right;
line-height:30px;
line-height:30px;
 +
}
 +
.buttonClick img{
 +
float:right;
 +
align:bottom;
}
}
.buttonClick a:hover{
.buttonClick a:hover{
Line 158: Line 149:
}
}
 +
/*---------------------------*/
 +
/*        Slideshow        */
 +
/*---------------------------*/
 +
/**
 +
* BxSlider v4.0 - Fully loaded, responsive content slider
 +
* http://bxslider.com
 +
*
 +
* Written by: Steven Wanderski, 2012
 +
* http://stevenwanderski.com
 +
* (while drinking Belgian ales and listening to jazz)
 +
*
 +
* CEO and founder of bxCreative, LTD
 +
* http://bxcreative.com
 +
*/
-
</style>
 
 +
/** RESET AND LAYOUT
 +
===================================*/
 +
ul.bxslider {
 +
      margin: 0;
 +
}
-
</head>
 
-
<body>
+
div#wikicontent ul.bxslider, div#wikicontent ul.bxgallery {
-
<script>
+
    margin: 0;
-
$(document).ready(function(){
+
    padding: 0;
-
  $('.bxslider').bxSlider({
+
}
-
  auto: true,
+
-
  autoControls: true,
+
-
  responsive: false
+
-
});
+
-
});
+
-
</script>
+
-
<!--<ul class="bxslider">
+
.bx-wrapper {
-
  <li><img src="https://static.igem.org/mediawiki/2014/f/fc/Team_UNIK_Copenhagen_Lego_E.PNG"></li>
+
position: relative;
-
  <li><img src="https://static.igem.org/mediawiki/2014/1/10/Team_UNIK_Copenhagen_Lego_Are_you_a_builder.PNG"></li>
+
margin: 0 0;
-
  <li><img src="https://static.igem.org/mediawiki/2014/f/fa/Team_UNIK_Copenhagen_Lego_S.PNG"></li>
+
padding: 0;
-
  <li><img src="https://static.igem.org/mediawiki/2014/e/eb/Team_UNIK_Copenhagen_Lego_Y.PNG"></li
+
*zoom: 1;
-
</ul>-->
+
left:1px;
 +
}
-
<hr>
+
.bx-wrapper .bxslider img {
 +
width: 938px;
 +
height: 250px;
 +
display: block;
 +
        display: inline;
 +
}
-
<div id="four_photos">
+
.bx-wrapper .bxslider li {
-
<div id="first_photo">
+
        background: #FFFFFF;
-
<a href="https://2014.igem.org/Team:UNIK_Copenhagen/Ethics" title="Click to read about ethics">
+
        text-align: center;
-
<img src="https://static.igem.org/mediawiki/2014/f/fc/Team_UNIK_Copenhagen_Lego_E.PNG">
+
        vertical-align: center;
-
<img src="https://static.igem.org/mediawiki/2014/f/fc/Team_UNIK_Copenhagen_Lego_E.PNG">
+
}
-
</a></div>
+
-
<div id="second_photo">
+
.bx-wrapper .bxgallery img {
-
<a href="https://2014.igem.org/Team:UNIK_Copenhagen/About_iGEM" title="Click to make your own constuct">
+
width: 938px;
-
<img src="https://static.igem.org/mediawiki/2014/1/10/Team_UNIK_Copenhagen_Lego_Are_you_a_builder.PNG">
+
height: 250px;
-
</a></div>
+
display: block;
 +
margin: auto;
 +
    position: absolute;
 +
    top: 0;
 +
    left: 0;
 +
    right: 0;
 +
    bottom: 0;
 +
}
-
<div id="third_photo">
+
/** THEME
-
<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>
 
-
<hr>
+
.bx-wrapper .bx-viewport {
 +
background: #FFF;
 +
        border: none;
 +
        left: -1px;
 +
}
 +
 
 +
.box-center .bx-wrapper .bx-viewport {
 +
background: #ded6ca;
 +
}
 +
 
 +
.bx-wrapper .bx-pager,
 +
.bx-wrapper .bx-controls-auto {
 +
position: absolute;
 +
bottom: 30px;
 +
width: 938px;
 +
}
 +
 
 +
.box-center .bx-wrapper .bx-pager,
 +
.box-center .bx-wrapper .bx-controls-auto {
 +
bottom: 2px;
 +
}
 +
 
 +
/* LOADER */
 +
 
 +
.bx-wrapper .bx-loading {
 +
min-height: 50px;
 +
background: url('https://static.igem.org/mediawiki/2013/8/8d/TUM13_slider_bx_loader.gif') center center no-repeat #fff;
 +
height: 100%;
 +
width: 938px;
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
z-index: 2000;
 +
}
 +
 
 +
/* PAGER */
 +
 
 +
.bx-wrapper .bx-pager {
 +
text-align: center;
 +
font-size: .85em;
 +
font-family: Arial;
 +
font-weight: bold;
 +
color: #666;
 +
padding-top: 20px;
 +
left:20px;
 +
}
 +
 
 +
.bx-wrapper .bx-pager .bx-pager-item,
 +
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
 +
display: inline-block;
 +
*zoom: 1;
 +
*display: inline;
 +
}
 +
 
 +
.bx-wrapper .bx-pager.bx-default-pager a {
 +
background: #666;
 +
text-indent: -9999px;
 +
display: block;
 +
width: 10px;
 +
height: 10px;
 +
margin: 0 5px;
 +
outline: 0;
 +
-moz-border-radius: 5px;
 +
-webkit-border-radius: 5px;
 +
border-radius: 5px;
 +
}
 +
 
 +
.bx-wrapper .bx-pager.bx-default-pager a:hover,
 +
.bx-wrapper .bx-pager.bx-default-pager a.active {
 +
background: #000;
 +
}
 +
 
 +
/* DIRECTION CONTROLS (NEXT / PREV) */
 +
 
 +
.bx-wrapper .bx-prev {
 +
left: 20px;
 +
background: url('https://static.igem.org/mediawiki/2013/1/14/TUM13_slider_controls.png') no-repeat 0 -32px;
 +
}
 +
 
 +
.bx-wrapper .bx-next {
 +
right: 20px;
 +
background: url('https://static.igem.org/mediawiki/2013/1/14/TUM13_slider_controls.png') no-repeat -43px -32px;
 +
}
 +
 
 +
.bx-wrapper .bx-prev:hover {
 +
background-position: 0 0;
 +
}
 +
 
 +
.bx-wrapper .bx-next:hover {
 +
background-position: -43px 0;
 +
}
 +
 
 +
.bx-wrapper .bx-controls-direction a {
 +
position: absolute;
 +
top: 50%;
 +
margin-top: -16px;
 +
outline: 0;
 +
width: 32px;
 +
height: 32px;
 +
text-indent: -9999px;
 +
z-index: 9995;
 +
}
 +
 
 +
.bx-wrapper .bx-controls-direction a.disabled {
 +
display: none;
 +
}
 +
 
 +
/* AUTO CONTROLS (START / STOP) */
 +
 
 +
.bx-wrapper .bx-controls-auto {
 +
text-align: center;
 +
}
 +
 
 +
.bx-wrapper .bx-controls-auto .bx-start {
 +
display: block;
 +
text-indent: -9999px;
 +
width: 10px;
 +
height: 11px;
 +
outline: 0;
 +
background: url('https://static.igem.org/mediawiki/2013/1/14/TUM13_slider_controls.png') -86px -11px no-repeat;
 +
margin: 0 3px;
 +
}
 +
 
 +
.bx-wrapper .bx-controls-auto .bx-start:hover,
 +
.bx-wrapper .bx-controls-auto .bx-start.active {
 +
background-position: -86px 0;
 +
}
 +
 
 +
.bx-wrapper .bx-controls-auto .bx-stop {
 +
display: block;
 +
text-indent: -9999px;
 +
width: 9px;
 +
height: 11px;
 +
outline: 0;
 +
background: url('https://static.igem.org/mediawiki/2013/1/14/TUM13_slider_controls.png') -86px -44px no-repeat;
 +
margin: 0 3px;
 +
}
 +
 
 +
.bx-wrapper .bx-controls-auto .bx-stop:hover,
 +
.bx-wrapper .bx-controls-auto .bx-stop.active {
 +
background-position: -86px -33px;
 +
}
 +
 
 +
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
 +
 
 +
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
 +
text-align: left;
 +
width: 80%;
 +
}
 +
 
 +
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
 +
right: 20px;
 +
width: 35px;
 +
}
 +
 
 +
/* IMAGE CAPTIONS */
 +
 
 +
.bx-wrapper .bx-caption {
 +
position: absolute;
 +
bottom: 0;
 +
left: 0;
 +
background: #666\9;
 +
background: rgba(80, 80, 80, 0.75);
 +
width: 100%;
 +
}
 +
 
 +
.bx-wrapper .bx-caption span {
 +
color: #fff;
 +
font-family: Arial;
 +
display: block;
 +
font-size: .85em;
 +
padding: 0px;
 +
}
 +
</style>
 +
 
 +
 
 +
</head>
 +
 
 +
<body>
 +
<!--Thansk to DTU-Denmark for help with the slideshow-->
 +
<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>
 +
 
 +
<ul class="bxslider">
 +
  <li><img src="https://static.igem.org/mediawiki/2014/f/fa/Team_UNIK_Copenhagen_slideshow_movie_making.png"></li>
 +
  <li><a href="https://2014.igem.org/Team:UNIK_Copenhagen/Workshop"><img src="https://static.igem.org/mediawiki/2014/b/be/Team_UNIK_Copenhagen_slideshow_ethic_workshop.png"></a></li>
 +
  <li><img src="https://static.igem.org/mediawiki/2014/3/31/Team_UNIK_Copenhagen_slideshow_project_drawing.png"></li>
 +
</ul>
Line 216: Line 411:
                             <h1>WELCOME TO OUR WIKI</h1>
                             <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>
  <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>
+
<p>Welcome to our wiki! Unfortunately, we had to put the project down. So no more work will be done on the wiki. But you are still welcome to have a look around and read about the work that we have already done.<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>
+
</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>
</div>
<div class="four">
<div class="four">
-
<h1>SYNTHETIC BIOLOGY & iGEM</h1>
+
<h1>ARE YOU A BUILDER?</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>
+
  <div class="pictures"><a href="https://2014.igem.org/Team:UNIK_Copenhagen/Construct_a_gene" title="Click to make your own gene construct"><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>
+
<p>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> 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>Try to make your own construct and se if you a ready for next year's iGEM! Click on 'Make your own construct' in the menu.<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>
-
<div class="four">
+
<div class="four2">
<h1>EASY - OUR PROJECT</h1>
<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>
  <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>
<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>
+
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" title="Click to read more about our 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>
-
<div class="four">
+
<div class="four2">
<h1>WHO ARE WE?</h1>
<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>
  <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>
+
<p>We are an international team of 4 students - Cecilie, Henrik, Morten and Owik - based at the University of Copenhagen. More information will come soon!</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>
</div>
 +
<div id="picture_line"></div>
 +
<br>
 +
 +
<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 id="picture_line"></div>
Line 253: Line 471:
<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>
</div>
</div>
</body>
</body>
</html>
</html>

Latest revision as of 15:40, 17 October 2014




WELCOME TO OUR WIKI

Welcome to our wiki! Unfortunately, we had to put the project down. So no more work will be done on the wiki. But you are still welcome to have a look around and read about the work that we have already done.

ARE YOU A BUILDER?

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!

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

Try to make your own construct and se if you a ready for next year's iGEM! Click on 'Make your own construct' 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 4 students - Cecilie, Henrik, Morten and Owik - based at the University of Copenhagen. More information will come soon!


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