Team:UNIK Copenhagen

From 2014.igem.org

(Difference between revisions)
 
(204 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>
+
<head>
-
<meta charset="utf-8">
+
<style>
-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
-
<meta name="viewport" content="width=device-width, initial-scale=1">
+
</style>
-
<meta name="description" content="">
+
 
-
<meta name="author" content="">
+
<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' 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;
 +
}
 +
 
 +
/*---------------------------------------------*/
 +
/*              CSS of Q/A part              */
 +
/*---------------------------------------------*/
 +
.subject, .description{
 +
float: left;
 +
}
 +
.subject{
 +
width: 130px;
 +
text-align: left;
 +
margin: 0px 10px 0px 40px;
 +
padding: 50px 0px;
 +
}
 +
 
 +
.description{
 +
width: 564px;
 +
margin: 0px 20px 0px 10px;
 +
padding: 25px;
 +
}
 +
 
 +
 
 +
/*---------------------------------------------*/
 +
/*      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;
 +
}
 +
 
 +
 
 +
/*-----------------------------------------------------------*/
 +
/*            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;
 +
}
 +
 
 +
/*-------------------------------------*/
 +
/*        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>
 +
 
-
<title>iGEM CPH</title>
+
<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>
-
<!-- Bootstrap core CSS -->
+
<div class="four2">
-
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
+
<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>
-
<!-- Custom CSS -->
+
</div>
-
<link rel="stylesheet" href="https://2014.igem.org/Team:UNIK_Copenhagen/css/main.css?action=raw&ctype=text/css" type="text/css" />
+
-
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
+
<div id="picture_line"></div>
-
<!--[if lt IE 9]>
+
<br>
-
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+
-
  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+
-
<![endif]-->
+
-
</head>
+
-
<body id="page-top" data-spy="scroll" data-target=".navbar-custom">
+
-
    <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
+
<div id="four_photos">
-
        <div class="container">
+
<div id="first_photo">
-
            <div class="navbar-header page-scroll">
+
<a href="https://2014.igem.org/Team:UNIK_Copenhagen/Ethics" title="Click to read about ethics">
-
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
+
<img src="https://static.igem.org/mediawiki/2014/f/fc/Team_UNIK_Copenhagen_Lego_E.PNG">
-
                    <i class="fa fa-bars"></i>
+
<img src="https://static.igem.org/mediawiki/2014/f/fc/Team_UNIK_Copenhagen_Lego_E.PNG">  
-
                </button>
+
</a></div>
-
                <a class="navbar-brand" href="#page-top">
+
-
                    <i class="fa fa-play-circle"></i>  <span class="light">iGEM</span> Copenhagen University
+
-
                </a>
+
-
            </div>
+
-
            <!-- Collect the nav links, forms, and other content for toggling -->
+
<div id="second_photo">
-
            <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
+
<a href="https://2014.igem.org/Team:UNIK_Copenhagen/About_iGEM" title="Click to make your own constuct">
-
                <ul class="nav navbar-nav">
+
<img src="https://static.igem.org/mediawiki/2014/1/10/Team_UNIK_Copenhagen_Lego_Are_you_a_builder.PNG">
-
                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
+
</a></div>
-
                    <li class="hidden">
+
-
                        <a href="#page-top"></a>
+
-
                    </li>
+
-
                    <li class="page-scroll">
+
-
                        <a href="#welcome">welcome</a>
+
-
                    </li>
+
-
                    <li class="page-scroll">
+
-
                        <a href="#our project">our project</a>
+
-
                    </li>
+
-
                    <li class="page-scroll">
+
-
                        <a href="#the team">the team</a>
+
-
                    </li>
+
-
                </ul>
+
-
            </div>
+
-
            <!-- /.navbar-collapse -->
+
-
        </div>
+
-
        <!-- /.container -->
+
-
    </nav>
+
-
    <section class="intro">
+
<div id="third_photo">
-
        <div class="intro-body">
+
<a href="https://2014.igem.org/Team:UNIK_Copenhagen/Safety" title="Click to read about safety">
-
            <div class="container">
+
<img src="https://static.igem.org/mediawiki/2014/f/fa/Team_UNIK_Copenhagen_Lego_S.PNG">
-
                <div class="row">
+
</a></div>
-
                    <div class="col-md-8 col-md-offset-2">
+
-
                        <h1 class="brand-heading">EASY</h1>
+
-
                       
+
-
                        <div class="page-scroll">
+
-
                            <a href="#about" class="btn btn-circle">
+
-
                                <i class="fa fa-angle-double-down animated"></i>
+
-
                            </a>
+
-
                        </div>
+
-
                    </div>
+
-
                </div>
+
-
            </div>
+
-
        </div>
+
-
    </section>
+
-
    <section id="welcome" class="container content-section text-center">
+
<div id="fourth_photo">
-
        <div class="row">
+
<a href="https://2014.igem.org/Team:UNIK_Copenhagen/Team" title="Click to go to read about the team">
-
            <div class="col-lg-8 col-lg-offset-2">
+
<img src="https://static.igem.org/mediawiki/2014/e/eb/Team_UNIK_Copenhagen_Lego_Y.PNG">
-
                <h2>Welcome to our wiki</h2>
+
</a></div>
-
         
+
</div>
-
                <p>Our wiki-page is currently under construction. More information will show up as the work proceeds</p>
+
-
 
+
-
            </div>
+
-
        </div>
+
-
    </section>
+
-
    <section id="Our project" class="content-section text-center">
+
<div id="picture_line"></div>
-
        <div class="download-section">
+
-
            <div class="container">
+
-
                <div class="col-lg-8 col-lg-offset-2">
+
-
                    <h2>Our project</h2>
+
-
                    <p>Demands for fast, cheap and environmentally responsible detection methods are rising. To accomondate this, the iGEM Team of the University aims at creating a bio-engineered diagnostic tool based on antibodies with novel flourescent markers for a fast, non-toxic and easy-to-use detection of pathogens</p>
+
-
                   
+
-
                </div>
+
-
            </div>
+
-
        </div>
+
-
    </section>
+
-
    <section id="the team" class="container content-section text-center">
 
-
        <div class="row">
 
-
            <div class="col-lg-8 col-lg-offset-2">
 
-
                <h2>The team</h2>
 
-
                <p>We are a team of danish and international students.
 
-
            </div>
 
-
        </div>
 
-
    </section>
 
-
    <div id="map"></div>
 
-
    <!-- Core JavaScript Files -->
+
<div id="footer" style="position:absolute;bottom:0;">
-
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+
<hr><br>
-
    <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
+
<p>Team UNIK Copenhagen <br> <b>e-mail:</b> igem.cph14@gmail.com<p><br>
-
    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
+
</div>
 +
</div>
 +
</div>
</body>
</body>
-
 
</html>
</html>
-
{{:Team:UNIK_Copenhagen/blocks/footer.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"