Team:UNIK Copenhagen

From 2014.igem.org

(Difference between revisions)
 
(94 intermediate revisions not shown)
Line 18: 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 59: 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 80: 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 110: 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 119: 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 144: 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 159: Line 152:
/*        Slideshow        */
/*        Slideshow        */
/*---------------------------*/
/*---------------------------*/
-
.slideshow{
+
/**
-
height:250px;
+
* BxSlider v4.0 - Fully loaded, responsive content slider
-
width:940px;
+
* http://bxslider.com
-
border:none;
+
*
-
margin:30px,10px,10px,10px;
+
* 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
 +
*/
 +
 
 +
 
 +
/** RESET AND LAYOUT
 +
===================================*/
 +
ul.bxslider {
 +
      margin: 0;
 +
}
 +
 
 +
 
 +
div#wikicontent ul.bxslider, div#wikicontent ul.bxgallery {
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
 
 +
.bx-wrapper {
 +
position: relative;
 +
margin: 0 0;
 +
padding: 0;
 +
*zoom: 1;
 +
left:1px;
 +
}
 +
 
 +
.bx-wrapper .bxslider img {
 +
width: 938px;
 +
height: 250px;
 +
display: block;
 +
        display: inline;
 +
}
 +
 
 +
.bx-wrapper .bxslider li {
 +
        background: #FFFFFF;
 +
        text-align: center;
 +
        vertical-align: center;
 +
}
 +
 
 +
.bx-wrapper .bxgallery img {
 +
width: 938px;
 +
height: 250px;
 +
display: block;
 +
margin: auto;
 +
    position: absolute;
 +
    top: 0;
 +
    left: 0;
 +
    right: 0;
 +
    bottom: 0;
 +
}
 +
 
 +
/** THEME
 +
===================================*/
 +
 
 +
 
 +
.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>
</style>
Line 175: Line 397:
<script src="/js/jquery.bxslider.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>
<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="slideshow">
+
<ul class="bxslider">
<ul class="bxslider">
   <li><img src="https://static.igem.org/mediawiki/2014/f/fa/Team_UNIK_Copenhagen_slideshow_movie_making.png"></li>
   <li><img src="https://static.igem.org/mediawiki/2014/f/fa/Team_UNIK_Copenhagen_slideshow_movie_making.png"></li>
-
   <li><img src="https://static.igem.org/mediawiki/2014/b/be/Team_UNIK_Copenhagen_slideshow_ethic_workshop.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/f/fa/Team_UNIK_Copenhagen_slideshow_movie_making.png"></li>
+
   <li><img src="https://static.igem.org/mediawiki/2014/3/31/Team_UNIK_Copenhagen_slideshow_project_drawing.png"></li>
   <li><img src="https://static.igem.org/mediawiki/2014/3/31/Team_UNIK_Copenhagen_slideshow_project_drawing.png"></li>
</ul>
</ul>
 +
 +
 +
<div id="fourParts">
 +
 +
<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! 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>
 +
</p>
 +
</div>
 +
 +
 +
<div class="four">
 +
<h1>ARE YOU A BUILDER?</h1>
 +
  <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>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>
 +
 +
 +
<div class="four2">
 +
<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" title="Click to read more about our project"><font color="0B6138"><b>here</b></font></a> to read more about our project. </p>
 +
</div>
 +
 +
<div class="four2">
 +
<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 4 students - Cecilie, Henrik, Morten and Owik - based at the University of Copenhagen. More information will come soon!</p>
 +
</div>
 +
</div>
</div>
-
<hr>
+
<div id="picture_line"></div>
 +
<br>
<div id="four_photos">
<div id="four_photos">
Line 220: Line 464:
</div>
</div>
-
<hr>
+
<div id="picture_line"></div>
-
 
+
-
 
+
-
 
+
-
<div id="fourParts">
+
-
 
+
-
<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>
+
-
 
+
-
 
+
-
<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>
+
-
 
+
Line 266: 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"