Team:UNIK Copenhagen

From 2014.igem.org

(Difference between revisions)
 
(255 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- https://2014.igem.org/Team:UNIK_Copenhagen -->
+
{{Team:UNIK Copenhagen/template}}
-
{{:Team:UNIK_Copenhagen/blocks/header.html |}}
+
-
 
+
<html>
<html>
 +
<head>
 +
<style>
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
 +
</style>
-
<link rel="stylesheet" href="https://2013.igem.org/Team:SDU-Denmark/core/stylesheet2?action=raw&ctype=text/css" type="text/css" />
+
<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
 +
<style type="text/css">
-
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
+
<style type="text/css">
-
  <div class="container-fluid">
+
/*---------------------------------------------*/
-
    <!-- Brand and toggle get grouped for better mobile display -->
+
/*            Set up of content              */
-
    <div class="navbar-header">
+
/*---------------------------------------------*/
-
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+
.the_content{
-
        <span class="sr-only">Toggle navigation</span>
+
max-width: 960px;
-
        <span class="icon-bar"></span>
+
margin: -10px 30px 60px 30px;
-
        <span class="icon-bar"></span>
+
background-color: transparent;
-
        <span class="icon-bar"></span>
+
}
-
      </button>
+
-
      <a class="navbar-brand" href="#">Brand</a>
+
-
    </div>
+
-
    <!-- Collect the nav links, forms, and other content for toggling -->
+
/*---------------------------------------------*/
-
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
/*              CSS of Q/A part              */
-
      <ul class="nav navbar-nav">
+
/*---------------------------------------------*/
-
        <li class="active"><a href="#">Link</a></li>
+
.subject, .description{
-
        <li><a href="#">Link</a></li>
+
float: left;
-
        <li class="dropdown">
+
}
-
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+
.subject{
-
          <ul class="dropdown-menu">
+
width: 130px;
-
            <li><a href="#">Action</a></li>
+
text-align: left;
-
            <li><a href="#">Another action</a></li>
+
margin: 0px 10px 0px 40px;
-
            <li><a href="#">Something else here</a></li>
+
padding: 50px 0px;
-
            <li class="divider"></li>
+
}
-
            <li><a href="#">Separated link</a></li>
+
-
            <li class="divider"></li>
+
-
            <li><a href="#">One more separated link</a></li>
+
-
          </ul>
+
-
        </li>
+
-
      </ul>
+
-
      <form class="navbar-form navbar-left" role="search">
+
-
        <div class="form-group">
+
-
          <input type="text" class="form-control" placeholder="Search">
+
-
        </div>
+
-
        <button type="submit" class="btn btn-default">Submit</button>
+
-
      </form>
+
-
      <ul class="nav navbar-nav navbar-right">
+
-
        <li><a href="#">Link</a></li>
+
-
        <li class="dropdown">
+
-
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+
-
          <ul class="dropdown-menu">
+
-
            <li><a href="#">Action</a></li>
+
-
            <li><a href="#">Another action</a></li>
+
-
            <li><a href="#">Something else here</a></li>
+
-
            <li class="divider"></li>
+
-
            <li><a href="#">Separated link</a></li>
+
-
          </ul>
+
-
        </li>
+
-
      </ul>
+
-
    </div><!-- /.navbar-collapse -->
+
-
  </div><!-- /.container-fluid -->
+
-
</nav>
+
 +
.description{
 +
width: 564px;
 +
margin: 0px 20px 0px 10px;
 +
padding: 25px;
 +
}
-
<h1>gong</h1>
+
/*---------------------------------------------*/
 +
/*      The go-to-top-of-page buttons        */
 +
/*---------------------------------------------*/
 +
#line{
 +
border-bottom: 1px solid #999999;
 +
width: 935px;
 +
margin: 0px auto;
 +
padding: 0px;
 +
}
 +
#picture_line{
 +
border-bottom: 1px solid grey;
 +
width: 938px;
 +
height: 5px;
 +
margin: 15px;
 +
padding: 0px;
 +
float: left;
 +
}
-
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
 
-
</html>
+
/*-----------------------------------------------------------*/
 +
/*            4 photos directing to other pages              */
 +
/*-----------------------------------------------------------*/
 +
#four_photos{
 +
height: 183px;
 +
width: 935px;
 +
margin: 12px auto;
 +
        border: none;
 +
        background:white;
 +
}
 +
#first_photo, #second_photo, #third_photo{
 +
float: left;
 +
height: 183px;
 +
width: 218px;
 +
margin: 0px 20px 0px 0px;
 +
overflow: hidden;
 +
}
 +
#fourth_photo{
 +
float: left;
 +
height: 183px;
 +
width: 218px;
 +
margin: 0px;
 +
overflow: hidden;
 +
}
 +
#first_photo img:hover, #second_photo img:hover, #third_photo img:hover, #fourth_photo img:hover{
 +
opacity: 0.7;
 +
}
-
{{{1| }}}
+
/*-------------------------------------*/
 +
/*        The four main parts        */
 +
/*-------------------------------------*/
 +
 
 +
#fourParts{
 +
float:left;
 +
margin:15px;
 +
height:700px;
 +
width:940px;
 +
        border: none;
 +
        background:white;
 +
}
 +
.four{
 +
margin:5px 15px;
 +
padding:20px 10px 10px 10px;
 +
height:250px;
 +
width:420px;
 +
float:left;
 +
}
 +
.four2{
 +
margin:5px 15px;
 +
padding:20px 10px 10px 10px;
 +
height:500px;
 +
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;
 +
bottom:0;
 +
right:0;
 +
}
 +
.buttonClick a{
 +
float:right;
 +
line-height:30px;
 +
}
 +
.buttonClick img{
 +
float:right;
 +
align:bottom;
 +
}
 +
.buttonClick a:hover{
 +
opacity: 0.7;
 +
}
 +
 
 +
/*---------------------------*/
 +
/*        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
 +
*/
 +
 
 +
 
 +
/** 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>
 +
 
 +
 
 +
</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>
 +
 
 +
 
 +
<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 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>
 +
 
 +
 
 +
 
 +
<div id="footer" style="position:absolute;bottom:0;">
 +
<hr><br>
 +
<p>Team UNIK Copenhagen <br> <b>e-mail:</b> igem.cph14@gmail.com<p><br>
 +
</div>
 +
</div>
 +
</div>
 +
</body>
 +
</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"