Team:Groningen/DesignTest2
From 2012.igem.org
m |
|||
Line 1: | Line 1: | ||
+ | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> | ||
+ | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | ||
+ | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> | ||
+ | <script type="text/javascript" src="js/prototype.js"></script> | ||
+ | <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> | ||
+ | <script type="text/javascript" src="js/lightbox.js"></script> | ||
+ | <script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script> | ||
+ | |||
+ | <head> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=EDGE" charset="utf-8" /> | ||
+ | <style> | ||
+ | div.cogbig{ | ||
+ | position:absolute; | ||
+ | padding: 0px; | ||
+ | margin: 0px 0px; | ||
+ | opacity:0.4; | ||
+ | filter:alpha(opacity=40); | ||
+ | z-index:-1; | ||
+ | } | ||
+ | |||
+ | /*Windmill*/ | ||
+ | #img1{ | ||
+ | width:120px; | ||
+ | height:104px; | ||
+ | position:absolute; | ||
+ | z-index:10; | ||
+ | left:-19px; | ||
+ | top:-31px; | ||
+ | } | ||
+ | |||
+ | /*Menu*/ | ||
+ | #navigation { | ||
+ | margin: 0; | ||
+ | padding: 0 0em; | ||
+ | height: 20px; | ||
+ | list-style: none; | ||
+ | display:block; | ||
+ | font-size: 12px; | ||
+ | font-weight: 300; | ||
+ | color:#fff; | ||
+ | z-index:2; | ||
+ | } | ||
+ | #navigation > li { | ||
+ | float: left; | ||
+ | height: 100%; | ||
+ | margin-right: 18px; | ||
+ | margin-left: 18px; | ||
+ | left:100px; | ||
+ | padding: 0 0em; | ||
+ | } | ||
+ | #navigation > li > a { | ||
+ | float: left; | ||
+ | height: 100%; | ||
+ | color: #00; | ||
+ | text-decoration: none; | ||
+ | font-weight: 300; | ||
+ | } | ||
+ | #navigation > li > a:hover { | ||
+ | color: Black; | ||
+ | |||
+ | |||
+ | |||
+ | } | ||
+ | #navigation > li.sub { | ||
+ | position: relative; | ||
+ | |||
+ | } | ||
+ | #navigation > li.sub ul { | ||
+ | width: 130px; | ||
+ | margin: 0; | ||
+ | padding: 0.0em 0; | ||
+ | list-style: none; | ||
+ | position: absolute; | ||
+ | top: -800em; | ||
+ | text-align:center; | ||
+ | padding-left:13px; | ||
+ | background-color: rgba(0,0,0,0.5); | ||
+ | } | ||
+ | #navigation > li.sub ul li { | ||
+ | width: 90%; | ||
+ | background-color: rgba(0,0,0,0.9); | ||
+ | } | ||
+ | #navigation > li.sub ul li a { | ||
+ | height: 100%; | ||
+ | display: block; | ||
+ | padding: 0.0em; | ||
+ | color: #fff; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #navigation > li.sub ul li a:hover { | ||
+ | color: rgb(255,103,0); | ||
+ | font-weight: 700; | ||
+ | } | ||
+ | #navigation > li.sub:hover ul { | ||
+ | top: 100px; | ||
+ | left:-35px; | ||
+ | } | ||
+ | |||
+ | #expand | ||
+ | .expand-down span | ||
+ | { | ||
+ | font-family: Arial,Helvetica,sans-serif; | ||
+ | line-height: normal; | ||
+ | margin-bottom: 0px; | ||
+ | margin-top: 0px; | ||
+ | z-index:1; | ||
+ | font-weight: 300; | ||
+ | } | ||
+ | .expand-down * { | ||
+ | margin: 0px; | ||
+ | padding: 0; | ||
+ | z-index:1; | ||
+ | } | ||
+ | .expand-down ul { | ||
+ | padding-top:100px; | ||
+ | z-index:1; | ||
+ | } | ||
+ | .expand-down ul li { | ||
+ | list-style-type:none; | ||
+ | z-index:1; | ||
+ | } | ||
+ | .expand-down ul li a { | ||
+ | text-decoration:none; | ||
+ | z-index:1; | ||
+ | } | ||
+ | .expand-down ul li a img { | ||
+ | width:80px; | ||
+ | height:82px; | ||
+ | border:none; | ||
+ | z-index:1; | ||
+ | } | ||
+ | .expand-down ul li a span { | ||
+ | //span bar under picture text | ||
+ | z-index:1; | ||
+ | text-align:center; | ||
+ | font-size:14px; | ||
+ | display: block; | ||
+ | padding: 0.0em; | ||
+ | color: #fff; | ||
+ | } | ||
+ | .expand-down ul li:hover a span { | ||
+ | display:block; | ||
+ | font-size:14px; | ||
+ | z-index:1; | ||
+ | color: rgb(255,103,0); | ||
+ | font-weight: 700; | ||
+ | background-color: rgba(0,0,0,0.5); | ||
+ | } | ||
+ | .expand-down ul li:hover a img { | ||
+ | width:80px; | ||
+ | height:82px; | ||
+ | z-index:1; | ||
+ | } | ||
+ | .expand-down ul li:hover + li a img { | ||
+ | width:80px; | ||
+ | height:82px; | ||
+ | z-index:1; | ||
+ | } | ||
+ | .expand-down ul li:hover + li + li a img { | ||
+ | width:80px; | ||
+ | height:82px; | ||
+ | z-index:1; | ||
+ | } | ||
+ | |||
+ | /*Body*/ | ||
+ | body{ | ||
+ | background-attachment:fixed; | ||
+ | background-color:rgb(118,28,17); | ||
+ | text-align: justify; | ||
+ | border: none; | ||
+ | } | ||
+ | #content{ | ||
+ | position: relative; | ||
+ | top:-5px; | ||
+ | width: 1024px; | ||
+ | padding: 0px 0px 0px 0px; | ||
+ | background-color:transparent; | ||
+ | border: none; | ||
+ | } | ||
+ | #bodyContent{ | ||
+ | width: 1024px; | ||
+ | position: relative; | ||
+ | padding: 0px 0px 0px 0px; | ||
+ | background-color:transparent; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*Suppress iGEM defaults*/ | ||
+ | a[title="Main Page"]{display: none;} | ||
+ | .firstHeading{display: none;} | ||
+ | .noprint{display: none;} | ||
+ | #menubar{ | ||
+ | display: block; | ||
+ | background-color:transparent; | ||
+ | } | ||
+ | #search-controls{display: none;} | ||
+ | #contentSub{display: none;} | ||
+ | #catlinks{display: none;} | ||
+ | #footer-box{display: none;} | ||
+ | #p-logo{display: block;} | ||
+ | #top-section { | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | height: 98px; | ||
+ | width: 975px; | ||
+ | margin: 0px auto; | ||
+ | border-left: 1px solid rgb(118,28,17); | ||
+ | border-right: 1px solid rgb(118,28,17); | ||
+ | border-bottom: 1px solid rgb(118,28,17); | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | |||
+ | <div style="position:absolute; left: 197px; top: 30px;opacity:0.4; | ||
+ | filter:alpha(opacity=40);"> | ||
+ | <img id="cog1" src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png" /> | ||
+ | </div> | ||
+ | |||
+ | <div style="position:absolute; left: 313px; top: 30px;opacity:0.4; | ||
+ | filter:alpha(opacity=40);"> | ||
+ | <img id="cog2" src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png" /> | ||
+ | </div> | ||
+ | |||
+ | <div style="position:absolute; left: 429px; top: 30px;opacity:0.4; | ||
+ | filter:alpha(opacity=40);"> | ||
+ | <img id="cog3" src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png" /> | ||
+ | </div> | ||
+ | |||
+ | <div style="position:absolute; left: 545px; top: 30px;opacity:0.4; | ||
+ | filter:alpha(opacity=40);"> | ||
+ | <img id="cog4" src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png" /> | ||
+ | </div> | ||
+ | |||
+ | <div style="position:absolute; left: 661px; top: 30px;opacity:0.4; | ||
+ | filter:alpha(opacity=40);"> | ||
+ | <img id="cog5" src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png" /> | ||
+ | </div> | ||
+ | |||
+ | <div style="position:absolute; left: 777px; top: 30px;opacity:0.4; | ||
+ | filter:alpha(opacity=40);"> | ||
+ | <img id="cog6" src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png" /> | ||
+ | </div> | ||
+ | |||
+ | <div class="expand-down"> | ||
+ | <ul id="navigation" > | ||
+ | <li class="sub" id="menuhome"> | ||
+ | |||
+ | <a href="https://2012.igem.org/Team:Groningen" title="Home" rel="nofollow"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/6/61/Groningen2012_ID_20120808_Menu_Home.png" alt="Home" title="Home" /> | ||
+ | <span>home</span> | ||
+ | </a> | ||
+ | |||
+ | <div class="cogbig"> | ||
+ | <img id="cogbighome" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80"> | ||
+ | </div> | ||
+ | |||
+ | </li> | ||
+ | <li class="sub" id="menuteam"> | ||
+ | <div class="cogbig"> | ||
+ | <img id="cogbigteam" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80"> | ||
+ | </div> | ||
+ | <a href="https://2012.igem.org/Team:Groningen/Team" title="Team" rel="nofollow" > | ||
+ | <img src="https://static.igem.org/mediawiki/2012/f/fc/Groningen2012_ID_20120808_Menu_Team.png" alt="team" title="Team" /> | ||
+ | <span>team</span> | ||
+ | <ul> | ||
+ | <li><a href="https://2012.igem.org/Team:Groningen/Team">about us</a></li> | ||
+ | <li><a href="https://igem.org/Team.cgi?id=818" TARGET="_blank">official profile</a></li> | ||
+ | |||
+ | <li><a href="https://2012.igem.org/Team:Groningen/Attributions">attributions</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Groningen/acknowledgements">acknowledgements</a></li> | ||
+ | |||
+ | <li><a href="https://2012.igem.org/Team:Groningen/Contact">contact</a></li> | ||
+ | </ul> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="sub" id="menuproject"> | ||
+ | <div class="cogbig"> | ||
+ | <img id="cogbigproject" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80"> | ||
+ | </div> | ||
+ | <a href="https://2012.igem.org/Team:Groningen/Project" title="Project" rel="nofollow" > | ||
+ | <img src="https://static.igem.org/mediawiki/2012/1/19/Groningen2012_ID_20120808_Menu_Project.png" alt="Project" title="Project" /> | ||
+ | <span>project</span> | ||
+ | <ul> | ||
+ | <li><a href="https://2012.igem.org/Team:Groningen/Project">abstract</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Groningen/Sticker">sticker</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Groningen/volatiles">volatiles</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Groningen/Sensor">sensor</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Groningen/pigmentproduction">pigment</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Groningen/Construct">construct</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Groninge/Kill_Switch">kill switch</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Groningen/Modeling">modeling</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Groningen/Notebook">notebook</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="sub" id="menuparts"> | ||
+ | <div class="cogbig"> | ||
+ | <img id="cogbigparts" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80"> | ||
+ | </div> | ||
+ | <a href="https://2012.igem.org/Team:Groningen/OurBiobrick" title="Parts" rel="nofollow" > | ||
+ | <img src="https://static.igem.org/mediawiki/2012/0/06/Groningen2012_ID_20120808_Menu_Parts.png" alt="Parts" title="Parts" /> | ||
+ | <span>parts</span> | ||
+ | <ul> | ||
+ | <li><a href="https://2012.igem.org/Team:Groningen/OurBiobrick">our biobricks</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Groningen/parts_fail">improvements</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Groningen/in_development">in development</a></li> | ||
+ | </ul> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="sub" id="menusafety"> | ||
+ | <div class="cogbig"> | ||
+ | <img id="cogbigsafety" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80"> | ||
+ | </div> | ||
+ | <a href="https://2012.igem.org/Team:Groningen/Safety" title="Safety" rel="nofollow" > | ||
+ | <img src="https://static.igem.org/mediawiki/2012/d/d4/Groningen2012_ID_20120808_Menu_Safety.png" alt="Safety" title="Safety" /> | ||
+ | <span>safety</span> | ||
+ | <ul> | ||
+ | |||
+ | <li><a href="https://2012.igem.org/Team:Groningen/Safety">general safety</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Groningen/10com">in the lab</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Groningen/publicsafety">public safety</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Groningen/environment">environment</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Groningen/foodsafety">food safety</a></li> | ||
+ | </ul> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="sub" id="menupr"> | ||
+ | <div class="cogbig"> | ||
+ | <img id="cogbigpr" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80"> | ||
+ | </div> | ||
+ | <a href="https://2012.igem.org/Team:Groningen/overview" title="Public Relation" rel="nofollow" > | ||
+ | <img src="https://static.igem.org/mediawiki/2012/6/6f/Groningen2012_ID_20120808_Menu_Public_Relations.png" alt="Public Relation" title="Public Relation" /> | ||
+ | <span>human<br>practice</span> | ||
+ | <ul> | ||
+ | <li><a href="https://2012.igem.org/Team:Groningen/overview">overview</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Groningen/summer_school">summerschool</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Groningen/Stop_the_food_waste_initiative">stop food waste</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Groningen/market_research">market research</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Groningen/Festivals">festivals</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Groningen/symposia">presentations</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Groningen/international_cooperation">collaboration</a></li> | ||
+ | </ul> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="sub" id="menusponsors"> | ||
+ | <div class="cogbig"> | ||
+ | <img id="cogbigsponsors" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80"> | ||
+ | </div> | ||
+ | <a href="https://2012.igem.org/Team:Groningen/Sponsors" title="Sponsors" rel="nofollow" > | ||
+ | <img src="https://static.igem.org/mediawiki/2012/d/d4/Groningen2012_ID_20120808_Menu_Sponsors.png" alt="Sponsors" title="Sponsors" /> | ||
+ | <span>sponsors</span> | ||
+ | <ul> | ||
+ | <li><a href="https://2012.igem.org/Team:Groningen/our_sponsors">our sponsors</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Groningen/become_a_sponsor">become a sponsor</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Groningen/sponsor_levels">sponsorship levels</a></li> | ||
+ | </ul> | ||
+ | </a> | ||
+ | |||
+ | <img id="img1" img src="https://static.igem.org/mediawiki/2012/e/e4/Groningen2012_AD_20120802_WindmillArms.png" width="120"height="104" /> | ||
+ | |||
+ | |||
+ | </script> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </body> | ||
+ | <script> | ||
+ | $(document).ready(function(){ | ||
+ | $("ul#navigation").mouseenter(function(){ | ||
+ | cog = 1; | ||
+ | }); | ||
+ | $("li#navigation").mouseleave(function(){ | ||
+ | cog = 0; | ||
+ | angle = 0; | ||
+ | }); | ||
+ | $("li#menuhome").mouseenter(function(){ | ||
+ | target = "#cogbighome"; | ||
+ | }); | ||
+ | $("li#menuteam").mouseenter(function(){ | ||
+ | target = "#cogbigteam"; | ||
+ | }); | ||
+ | $("li#menuproject").mouseenter(function(){ | ||
+ | target = "#cogbigproject"; | ||
+ | }); | ||
+ | $("li#menuparts").mouseenter(function(){ | ||
+ | target = "#cogbigparts"; | ||
+ | }); | ||
+ | $("li#menusafety").mouseenter(function(){ | ||
+ | target = "#cogbigsafety"; | ||
+ | }); | ||
+ | $("li#menupr").mouseenter(function(){ | ||
+ | target = "#cogbigpr"; | ||
+ | }); | ||
+ | $("li#menusponsors").mouseenter(function(){ | ||
+ | target = "#cogbigsponsors"; | ||
+ | |||
+ | }); | ||
+ | }); | ||
+ | |||
+ | var cogangle = 0; | ||
+ | var cog = 0; | ||
+ | var angle = 0; | ||
+ | |||
+ | var target = ".cogbig"; | ||
+ | setInterval(function(){ | ||
+ | cogangle-=cog; | ||
+ | $(target).rotate(cogangle); | ||
+ | if (target=="#cogbigsponsors") | ||
+ | { | ||
+ | $("#img1").rotate(-cogangle); | ||
+ | $("#cogbighome").rotate(cogangle); | ||
+ | $("#cogbigteam").rotate(cogangle); | ||
+ | $("#cogbigproject").rotate(cogangle); | ||
+ | $("#cogbigsafety").rotate(cogangle); | ||
+ | $("#cogbigparts").rotate(cogangle); | ||
+ | $("#cogbigpr").rotate(cogangle); | ||
+ | $("#cog1").rotate(-cogangle*3); | ||
+ | $("#cog2").rotate(-cogangle*3); | ||
+ | $("#cog3").rotate(-cogangle*3); | ||
+ | $("#cog4").rotate(-cogangle*3); | ||
+ | $("#cog5").rotate(-cogangle*3); | ||
+ | $("#cog6").rotate(-cogangle*3); | ||
+ | document.getElementById('cog1').style.display = "block"; | ||
+ | document.getElementById('cog2').style.display = "block"; | ||
+ | document.getElementById('cog3').style.display = "block"; | ||
+ | document.getElementById('cog4').style.display = "block"; | ||
+ | document.getElementById('cog5').style.display = "block"; | ||
+ | document.getElementById('cog6').style.display = "block"; | ||
+ | } | ||
+ | else | ||
+ | { | ||
+ | document.getElementById('cog1').style.display = "none"; | ||
+ | document.getElementById('cog2').style.display = "none"; | ||
+ | document.getElementById('cog3').style.display = "none"; | ||
+ | document.getElementById('cog4').style.display = "none"; | ||
+ | document.getElementById('cog5').style.display = "none"; | ||
+ | document.getElementById('cog6').style.display = "none"; | ||
+ | |||
+ | } | ||
+ | },30); | ||
+ | |||
+ | |||
+ | |||
+ | </script> | ||
+ | |||
+ | </html> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <html> | ||
+ | <head> | ||
+ | <style> | ||
+ | #img2{ | ||
+ | position:absolute; | ||
+ | z-index:0; | ||
+ | left:0px; | ||
+ | top:80px; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | #img3{ | ||
+ | position:absolute; | ||
+ | z-index:0; | ||
+ | left:800px; | ||
+ | top:130px; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | <img id="img2" img src="https://static.igem.org/mediawiki/2012/4/41/Groningen_2012_logoFW.png" width="220px"/><a href="https://2012.igem.org/Main_Page"> | ||
+ | <img id="img3" img src="https://static.igem.org/mediawiki/igem.org/1/17/IGEM_basic_Logo_white_stylized.png" width="100px"/></a> | ||
+ | |||
+ | </head> | ||
+ | </html> | ||
+ | |||
+ | <html> | ||
+ | <script type="text/javascript"> | ||
+ | |||
+ | var _gaq = _gaq || []; | ||
+ | _gaq.push(['_setAccount', 'UA-34029773-1']); | ||
+ | _gaq.push(['_trackPageview']); | ||
+ | |||
+ | (function() { | ||
+ | var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; | ||
+ | ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; | ||
+ | var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); | ||
+ | })(); | ||
+ | |||
+ | </script> | ||
+ | </html> | ||
+ | |||
+ | |||
<html> | <html> | ||
<head> | <head> | ||
- | + | <style> | |
- | + | body { | |
- | font-size:21pt; | + | font-family: Helvetica, Arial, sans-serif; |
+ | } | ||
+ | z1 { | ||
+ | font-size:18pt; | ||
+ | line-height:21pt; | ||
color:white; | color:white; | ||
- | |||
- | |||
- | |||
} | } | ||
- | . | + | .ctd { |
- | width: | + | width: 170px; |
+ | height: 25px; | ||
+ | text-align: center; | ||
background: #000; | background: #000; | ||
- | + | background-color: rgba(0,0,0,0.3); | |
- | + | padding: 5px ; | |
- | + | margin: 30px auto; | |
- | background-color: rgba(0,0,0,0. | + | |
color: #FFF; | color: #FFF; | ||
} | } | ||
- | + | .cte { | |
- | + | width: 200px; | |
- | + | height: 35px; | |
- | + | text-align: center; | |
- | + | background: #000; | |
- | + | padding-right:10px; | |
- | background: | + | padding-left:10px; |
- | + | margin: -20px auto; | |
+ | background-color: rgba(0,0,0,0.3); | ||
+ | color: #FFF; | ||
} | } | ||
- | + | ||
- | + | z2 { | |
- | + | font-size:18pt; | |
- | + | line-height:21pt; | |
- | + | color:white; | |
- | + | ||
- | + | ||
} | } | ||
- | + | .ctd2 { | |
- | height: | + | width: 230px; |
- | + | height: 25px; | |
- | + | text-align: center; | |
- | + | background: #000; | |
- | padding | + | background-color: rgba(0,0,0,0.3); |
- | + | padding: 5px ; | |
+ | margin: 30px auto; | ||
+ | color: #FFF; | ||
} | } | ||
- | + | .cte2 { | |
- | height: | + | width: 260px; |
- | + | height: 35px; | |
- | + | text-align: center; | |
- | padding- | + | background: #000; |
- | padding-left: | + | padding-right:10px; |
- | + | padding-left:10px; | |
+ | margin: 0 auto; | ||
+ | background-color: rgba(0,0,0,0.3); | ||
+ | color: #FFF; | ||
} | } | ||
- | + | z3 { | |
- | + | font-size:18pt; | |
- | + | line-height:21pt; | |
- | + | color:white; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | .ctd3 { | |
- | height: | + | width: 180px; |
- | + | height: 25px; | |
- | + | text-align: center; | |
- | + | background: #000; | |
- | padding | + | background-color: rgba(0,0,0,0.3); |
- | + | padding: 5px ; | |
+ | margin: 30px auto; | ||
+ | color: #FFF; | ||
} | } | ||
- | + | .cte3 { | |
+ | width: 210px; | ||
+ | height: 35px; | ||
+ | text-align: center; | ||
+ | background: #000; | ||
+ | padding-right:10px; | ||
+ | padding-left:10px; | ||
+ | margin: 0 auto; | ||
+ | background-color: rgba(0,0,0,0.3); | ||
+ | color: #FFF; | ||
+ | } | ||
+ | p.margin{ | ||
font-size:12pt; | font-size:12pt; | ||
- | line-height: | + | line-height:14pt; |
- | color: | + | color:white; |
+ | margin-top:0px; | ||
+ | margin-bottom:20px; | ||
+ | margin-right:0px; | ||
+ | margin-left:125px; | ||
+ | margin-right:130px; | ||
} | } | ||
- | + | p{ | |
- | + | margin-left:150px; | |
- | + | font-size:12pt; | |
+ | line-height:14pt; | ||
+ | margin-right:150px; | ||
+ | color:white; | ||
+ | } | ||
+ | p.marginleft{ | ||
+ | font-size:12pt; | ||
+ | line-height:14pt; | ||
+ | color:white; | ||
+ | margin-top:0px; | ||
+ | margin-bottom:20px; | ||
+ | margin-right:0px; | ||
+ | margin-left:110px; | ||
+ | margin-right:130px; | ||
+ | } | ||
+ | p.marginleftheader{ | ||
+ | font-size:12pt; | ||
+ | line-height:14pt; | ||
+ | color:white; | ||
+ | margin-top:38px; | ||
+ | margin-bottom:0px; | ||
+ | margin-left:650px; | ||
+ | margin-right:200px; | ||
+ | } | ||
+ | p.marginChecklist{ | ||
+ | font-size:12pt; | ||
+ | line-height:16pt; | ||
+ | color:white; | ||
+ | margin-top:0px; | ||
+ | margin-bottom:38px; | ||
+ | margin-right:0px; | ||
+ | margin-left:150px; | ||
+ | margin-right:115px; | ||
+ | } | ||
+ | a:link { | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | a:visited { | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | a:hover { | ||
+ | color: #FF6700; | ||
+ | } | ||
+ | a:active { | ||
+ | color: #FF6700; | ||
+ | } | ||
+ | |||
+ | .hoverbox | ||
+ | { | ||
+ | cursor: default; | ||
+ | list-style: none; | ||
+ | margin-left: 100px; | ||
+ | margin-right: 100px; | ||
+ | } | ||
+ | |||
+ | .hoverbox a | ||
+ | { | ||
+ | cursor: default; | ||
+ | } | ||
+ | |||
+ | .hoverbox a .preview | ||
+ | { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .hoverbox a:hover .preview | ||
+ | { | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | top: -60px; | ||
+ | left: -60px; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | .hoverbox img | ||
+ | { | ||
+ | background: #761C11; | ||
+ | color: inherit; | ||
+ | padding: 2px; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | .hoverbox li | ||
+ | { | ||
+ | background: #761C11; | ||
+ | border-width: 0px; | ||
+ | color: inherit; | ||
+ | display: inline; | ||
+ | float: left; | ||
+ | margin: 3px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .hoverbox .preview | ||
+ | { | ||
+ | background: #52140C; | ||
+ | border-color: #761C11; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
+ | |||
+ | <br> | ||
+ | <div class="cte"> | ||
+ | <div class="ctd"> | ||
+ | <z1 >Food Warden</z1><br> | ||
+ | </div> | ||
+ | </div> | ||
</head> | </head> | ||
+ | |||
<body> | <body> | ||
- | + | <br><br><br> | |
- | + | <p class="margin"> | |
- | + | <img src="https://static.igem.org/mediawiki/2012/9/97/Groningen2012_AD20121915_Sticker.png" width="130" height="130" align=left style="padding-right: 10px"><a href="https://2012.igem.org/Team:Groningen/Project"><font color=#ff6700 size=4><b>The Food Warden</b></font></a><br> | |
- | + | The Food Warden is a system which detects meat spoilage. It uses <i>Bacillus subtilis</i> cells. Their natural genetic response to the gases of rotten meat has been identified and linked to a pigment production system. In this way, a consumer can easily see when the meat is spoiled: it's rotten and you know it!<br> | |
- | + | <a href="https://2012.igem.org/Team:Groningen/Project"><font color=#ff6700 size=2pt>read more</font></a> | |
- | + | </p> | |
+ | <p class="marginleft"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/f/f2/Groningen2012_AD20120915_StopFoodWaste.png" width="130" height="130" align=right style="padding-left: 10px"><br><a href="https://2012.igem.org/Team:Groningen/Stop_the_food_waste_initiative"><font color=#ff6700 size=4><b>Stop the food waste!</b></font></a><br> | ||
+ | Every year, 1,300,000,000 tons of food are thrown away worldwide. This is one third of the global food production. One of the reasons for this is the fact that best before dates are imprecise. A reliable way of monitoring whether food is spoiled or not could save up to 600 euro per household per year.<br> | ||
+ | <a href="https://2012.igem.org/Team:Groningen/Stop_the_food_waste_initiative"><font color=#ff6700 SIZE=2pt>read more</font></a> | ||
+ | </p> | ||
+ | <p class="margin"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/0/08/Gorningen2012_AD201290915_InTheLab.png" width="130" height="130" align=left style="padding-right: 10px"><a href="https://2012.igem.org/Team:Groningen/Wetwork"><font color=#ff6700 size=4><b>Now in the lab</b></font></a><br> | ||
+ | With the iGEM deadline being just a couple of days away, the lab is now always occupied in order to make the Food Warden work. The newly identified genes in the running to become our PBADmeat promoter are ready to be tested, the pigments are waiting to be transformed. But <i>Bacillus</i> biobricks are tricky things...<br> | ||
+ | <a href="https://2012.igem.org/Team:Groningen/Wetwork"><font color=#ff6700 SIZE=2pt>read more</font></a> | ||
+ | </p> | ||
+ | <div class="cte3"> | ||
+ | <div class="ctd3"> | ||
+ | <z3 >Picture gallery</z3><br> | ||
</div> | </div> | ||
- | + | </div> | |
- | + | <br> | |
- | + | <ul class="hoverbox"> | |
+ | <li> | ||
+ | <a href="#"><img src="https://static.igem.org/mediawiki/2012/e/ee/Groningen2012_ADGallery1.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/6/65/Groningen2012_ADGallery1prev.png" class="preview" width=250 height=280 /></a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"><img src="https://static.igem.org/mediawiki/2012/f/f6/Groningen2012_ADGallery4.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/3/35/Groningen2012_ADGallery4prev.png" class="preview" width=250 height=280 /></a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"><img src="https://static.igem.org/mediawiki/2012/1/1c/Groningen2012_ADGallery2.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/0/0f/Groningen2012_ADGallery2prev.png" class="preview" width=250 height=280 /></a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"><img src="https://static.igem.org/mediawiki/2012/6/69/Groningen2012_ADGallery13.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/6/61/Groningen2012_ADGallery13prev.png" class="preview" width=250 height=280 /></a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"><img src="https://static.igem.org/mediawiki/2012/5/55/Groningen2012_ADGallery7.png" width=250 height=125 /><img src="https://static.igem.org/mediawiki/2012/b/b2/Groningen2012_AD20120924_Gallery7prev.png" width=420 height=231 class="preview" /></a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"><img src="https://static.igem.org/mediawiki/2012/b/b3/Groningen2012_ADGallery5.png" width=260 height=125 /><img src="https://static.igem.org/mediawiki/2012/e/eb/Groningen2012_AD20120924_Gallery5prev.png" class="preview" width=420 height=231 /></a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"><img src="https://static.igem.org/mediawiki/2012/9/9e/Groningen2012_ADGallery20.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/8/84/Groningen2012_ADGallery20prev.png" class="preview" width=250 height=280 /></a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"><img src="https://static.igem.org/mediawiki/2012/0/09/Groningen2012_ADGallery10b.png" width=250 height=260 /><img src="https://static.igem.org/mediawiki/2012/7/7b/Groningen2012_ADGallery10prev.png" class="preview" width=325 height=355 /></a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"><img src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_ADGallery6.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/4/40/Groningen2012_ADGallery6prev.png" class="preview" width=250 height=280 /></a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | |||
+ | <div style="position: relative; float: left; top: -140px;"> | ||
+ | <ul class="hoverbox"> | ||
+ | <li> | ||
+ | <a href="#"><img src="https://static.igem.org/mediawiki/2012/8/8c/Groningen2012_ADGallery11.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/9/90/Groningen2012_ADGallery11prev.png" class="preview" width=250 height=280 /></a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"><img src="https://static.igem.org/mediawiki/2012/e/e3/Groningen2012_ADGallery8.png" width=260 height=125 /><img src="https://static.igem.org/mediawiki/2012/8/8a/Groningen2012_ADGallery8prev.png" class="preview" width=420 height=231 /></a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | <div style="position: relative; float: left; top: -140px; left: 60px;"> | ||
+ | <ul class="hoverbox"> | ||
+ | <li> | ||
+ | <a href="#"><img src="https://static.igem.org/mediawiki/2012/0/0c/Groningen2012_ADGallery9.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/5/5a/Groningen2012_ADGallery9prev.png" class="preview" width=250 height=280 /></a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | <div style="position: relative; float: left; top: -145px;"> | ||
+ | <ul class="hoverbox"> | ||
+ | <li> | ||
+ | <a href="#"><img src="https://static.igem.org/mediawiki/2012/f/f4/Groningen2012_ADGallery22.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/d/dc/Groningen2012_ADGallery22prev.png" class="preview" width=250 height=280 /></a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"><img src="https://static.igem.org/mediawiki/2012/0/04/Groningen2012_ADGallery14.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/2/20/Groningen2012_ADGallery14prev.png" class="preview" width=250 height=280 /></a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"><img src="https://static.igem.org/mediawiki/2012/c/ce/Groningen2012_ADGallery21.png" width=250 height=125 /><img src="https://static.igem.org/mediawiki/2012/a/a9/Groningen2012_ADGallery21prev.png" class="preview" width=420 height=231 /></a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"><img src="https://static.igem.org/mediawiki/2012/a/a6/Groningen2012_ADGallery18.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/0/0b/Groningen2012_ADGallery18prev.png" class="preview" width=250 height=280 /></a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="#"><img src="https://static.igem.org/mediawiki/2012/e/ec/Groningen2012_ADGallery3.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/c/cb/Groningen2012_ADGallery3prev.png" class="preview" width=250 height=280 /></a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> | ||
+ | <br><br><br><br><br><br><br><br><br> | ||
+ | <div style="position: relative; top: -100px;"> | ||
+ | <div class="cte2"> | ||
+ | <div class="ctd2"> | ||
+ | <z2 >Gold medal checklist</z2><br> | ||
</div> | </div> | ||
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
- | + | <p align=center><font color=white size=2>Click on any of the list below to see the appropriate wiki section!</font></p> | |
- | + | <p class="marginChecklist"><b>BRONZE</b> | |
- | </ | + | <br> |
- | < | + | <br> |
- | + | <a href="https://igem.org/Team.cgi" target="_blank"><img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> Team registration done</a><br> | |
- | + | <a href="https://igem.org/2012_Judging_Form?id=818" target="_blank"><img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> Judging form completed</a><br> | |
- | + | <a href="https://2012.igem.org/Team:Groningen" target="_blank"><img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> Beautiful Team Wiki finished</a><br> | |
- | + | <img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> We present our poster and project at iGEM Jamboree in Amsterdam at Saturday 6 October 2012<br> | |
- | + | <a href="https://2012.igem.org/Team:Groningen/OurBiobrick" target="_blank"><img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> Our Biobricks</a> | |
+ | <br> | ||
+ | <br> | ||
+ | <b>SILVER</b> (in addition to bronze medal requirements) | ||
+ | <br> | ||
+ | <br> | ||
+ | <a href="http://partsregistry.org/Part:BBa_K818000" target="_blank"><img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> Proof that our BioBrick works!</a><br> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> <a href="http://partsregistry.org/Part:BBa_K818600" target=_blank>Characterization of our BioBrick's operation: BBa_K818600</a> | ||
+ | <br> | ||
+ | <br> | ||
+ | <b>GOLD</b> (in addition to silver and bronze medal requirements, any one or more of the following) | ||
+ | <br> | ||
+ | <br> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> We improved the function of existing BioBricks: <a href="http://partsregistry.org/Part:BBa_K592010" target=_blank>BBa_K592010</a>, <a href="http://partsregistry.org/Part:BBa_K592009" target=_blank>BBa_K592009</a>, <a href="http://partsregistry.org/Part:BBa_K818000" target=_blank>BBa_K818000</a><br> | ||
+ | <a href="https://2012.igem.org/Team:Groningen/international_cooperation#LMUMunich" target="_blank"><img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> We helped iGEM LMU Munich by characterizing their parts</a><br> | ||
+ | <a href="https://2012.igem.org/Team:Groningen/Safety" target="_blank"><img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> We explored the topic of safety for GMOs that would be used near food</a><br> | ||
+ | <a href="https://2012.igem.org/Team:Groningen/Stop_the_food_waste_initiative" target="_blank"><img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> We raised public awareness about food waste in developed countries</a><br> | ||
+ | <a href="https://2012.igem.org/Team:Groningen/market_research" target="_blank"><img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> We surveyed the broad public about the need for Food Warden product and GMOs safety</a> | ||
+ | </p> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> | ||
+ | {{Template:SponsorsGroningen2012}} |
Revision as of 17:23, 26 September 2012
The Food Warden
The Food Warden is a system which detects meat spoilage. It uses Bacillus subtilis cells. Their natural genetic response to the gases of rotten meat has been identified and linked to a pigment production system. In this way, a consumer can easily see when the meat is spoiled: it's rotten and you know it!
read more
Stop the food waste!
Every year, 1,300,000,000 tons of food are thrown away worldwide. This is one third of the global food production. One of the reasons for this is the fact that best before dates are imprecise. A reliable way of monitoring whether food is spoiled or not could save up to 600 euro per household per year.
read more
Now in the lab
With the iGEM deadline being just a couple of days away, the lab is now always occupied in order to make the Food Warden work. The newly identified genes in the running to become our PBADmeat promoter are ready to be tested, the pigments are waiting to be transformed. But Bacillus biobricks are tricky things...
read more
Click on any of the list below to see the appropriate wiki section!
BRONZE
Team registration done
Judging form completed
Beautiful Team Wiki finished
We present our poster and project at iGEM Jamboree in Amsterdam at Saturday 6 October 2012
Our Biobricks
SILVER (in addition to bronze medal requirements)
Proof that our BioBrick works!
Characterization of our BioBrick's operation: BBa_K818600
GOLD (in addition to silver and bronze medal requirements, any one or more of the following)
We improved the function of existing BioBricks: BBa_K592010, BBa_K592009, BBa_K818000
We helped iGEM LMU Munich by characterizing their parts
We explored the topic of safety for GMOs that would be used near food
We raised public awareness about food waste in developed countries
We surveyed the broad public about the need for Food Warden product and GMOs safety