Team:UNIK Copenhagen
From 2014.igem.org
(280 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | {{Team:UNIK Copenhagen/template}} | |
- | {{Team: | + | |
- | + | ||
<html> | <html> | ||
+ | <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"> | ||
+ | /*---------------------------------------------*/ | ||
+ | /* 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; |
- | < | + | } |
- | < | + | |
- | <li> | + | /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ |
- | <li> | + | |
- | <li> | + | .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> | </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.