Difference between revisions of "Template:Groningen/Home"

 
(47 intermediate revisions by 4 users not shown)
Line 19: Line 19:
  
 
<video autoplay muted id="myVideo" loop>
 
<video autoplay muted id="myVideo" loop>
   <source src="https://static.igem.org/mediawiki/2018/0/01/T--Groningen--greentest.mp4" type="video/mp4">
+
   <source src="https://static.igem.org/mediawiki/2018/9/92/T--Groningen--greendone.mp4" type="video/mp4">
 
   Your browser does not support HTML5 video.
 
   Your browser does not support HTML5 video.
 
</video>
 
</video>
Line 31: Line 31:
  
  
<a href="#scrollhome"><i class="fa fa-arrow-circle-down startbutton"></i></a>
+
<a href="#scrollhome"><i class="fa fa-arrow-circle-down startbutton" style="margin-left: 50%;"></i></a>
  
 
   
 
   
Line 66: Line 66:
  
  
 +
    <div class="igem_2018_team_column_wrapper" style="position: relative;top:-55px;max-width:1200px;">
  
  
 +
        <div align="center" id="scrollhome" class="scrollspy">
  
 +
<!--
 +
<img  src="https://static.igem.org/mediawiki/2018/8/80/T--Groningen--2018_mainpageimage3.png" width="100%" height="auto">
 +
-->
  
 +
<img  src="https://static.igem.org/mediawiki/2018/4/4e/T--Groningen--mainpage6.png" width="1200px" height="auto" class="mainimg">
  
    <div class="igem_2018_team_column_wrapper" style="position: relative;top:-55px;width:1200px;">
+
<a href="#blok02"><i class="fa fa-arrow-circle-down greenbutton" style="position: absolute;top: 419px;left: 558px;"></i></a>
 
+
 
+
 
+
    <div align="center" id="scrollhome" >
+
<img src="https://static.igem.org/mediawiki/2018/c/cb/T--Groningen--2018_mainpageimage2.png" width="100%" height="auto">
+
 
+
 
+
  
<div id="blok01">
+
<div id="blok01" class="scrollspy">
 
<h4 class="titleblok01" style="color: #515151 !important"> <b>StyGreen,</b> </h4>
 
<h4 class="titleblok01" style="color: #515151 !important"> <b>StyGreen,</b> </h4>
 
<h4 class ="titleblok01" style="font-size: 2.2em !important"> <a id="linkblok01" href="https://2018.igem.org/Team:Groningen/Description">manufacturing the greenest Lego Bricks!</a></h4>
 
<h4 class ="titleblok01" style="font-size: 2.2em !important"> <a id="linkblok01" href="https://2018.igem.org/Team:Groningen/Description">manufacturing the greenest Lego Bricks!</a></h4>
Line 89: Line 88:
  
 
   
 
   
 +
<a href="#blok03"><i class="fa fa-arrow-circle-down blackbutton" style="position: absolute;top: 1022px;left: 538px;"></i></a>
  
<div id="blok02">
+
<div id="blok02" class="scrollspy">
 
<h4 style="color:#00140F !important;" class="titleblok02" > Fossil fuels are depleting, and <a id="linkblok02" href="https://2018.igem.org/Team:Groningen/Human_Practices_Silver#carbonfootprint">CO2 levels</a> are rising: </h4>
 
<h4 style="color:#00140F !important;" class="titleblok02" > Fossil fuels are depleting, and <a id="linkblok02" href="https://2018.igem.org/Team:Groningen/Human_Practices_Silver#carbonfootprint">CO2 levels</a> are rising: </h4>
 
<h4 class="titleblok01" style="font-size: 1.8em !important; color: #515151 !important;"> The plastic production plays a <b>significant</b> role in this process. </h4>
 
<h4 class="titleblok01" style="font-size: 1.8em !important; color: #515151 !important;"> The plastic production plays a <b>significant</b> role in this process. </h4>
Line 96: Line 96:
  
  
 +
<a href="#blok04"><i class="fa fa-arrow-circle-down brownbutton" style="position: absolute;top: 1674px;left: 524px;"></i></a>
  
<div id="blok03">
+
<div id="blok03" class="scrollspy">
 
<h4 class="titleblok01" style="font-size: 1.8em !important; color: #515151 !important;"> Can we use <b style="color:#805113 !important;">recycled toilet paper</b> to generate glucose? </h4>
 
<h4 class="titleblok01" style="font-size: 1.8em !important; color: #515151 !important;"> Can we use <b style="color:#805113 !important;">recycled toilet paper</b> to generate glucose? </h4>
  
<h4 style="color:#805113 !important;" class="titleblok03"> Our <a id="linkblok03" href="https://2018.igem.org/Team:Groningen/Model/Stochastic_Modeling">stochastic model</a> says; </h4>
+
<h4 style="color:#805113 !important;" class="titleblok03"> Our <a id="linkblok03" href="https://2018.igem.org/Team:Groningen/Model/Stochastic_Modeling">Integrated  models</a> say; </h4>
  
 
<h4 class="titleblok01" style="color: #515151 !important; font-size: 4em !important;"> <b>we can!</b> </h4>
 
<h4 class="titleblok01" style="color: #515151 !important; font-size: 4em !important;"> <b>we can!</b> </h4>
Line 106: Line 107:
 
</div>
 
</div>
  
 +
<a href="#blok05"><i class="fa fa-arrow-circle-down redbutton" style="position: absolute;top: 2215px;left: 563px;"></i></a>
  
<div id="blok04">
+
<div id="blok04" class="scrollspy">
 
<h4 style="color:#E4140F !important;" class="titleblok04"> <b> Let’s <a id="linkblok04" href="https://2018.igem.org/Team:Groningen/Design">design</a> a yeast! </b> </h4>
 
<h4 style="color:#E4140F !important;" class="titleblok04"> <b> Let’s <a id="linkblok04" href="https://2018.igem.org/Team:Groningen/Design">design</a> a yeast! </b> </h4>
  
Line 114: Line 116:
 
</div>
 
</div>
  
Large amounts of glucose, what can we do with it? Give our yeast tools to create styrene, by knocking out unnecessary pathways. 
+
<a href="#blok06"><i class="fa fa-arrow-circle-down bluebutton" style="position: absolute;top: 2859px;left: 532px;"></i></a>
  
<div id="blok05">
+
<div id="blok05" class="scrollspy">
 
<h4 style="color:#174290 !important;" class="titleblok05"> Large amounts of glucose, what can we do with it? </h4>
 
<h4 style="color:#174290 !important;" class="titleblok05"> Large amounts of glucose, what can we do with it? </h4>
  
Line 127: Line 129:
  
  
<div id="blok06">
+
<div id="blok06" class="scrollspy">
 
<h4 style="color:#93B131 !important;" class="titleblok06"> <b><a id="linkblok06" href="https://2018.igem.org/Team:Groningen/Entrepreneurship">Scale</a> up to save the world!</b> </h4>
 
<h4 style="color:#93B131 !important;" class="titleblok06"> <b><a id="linkblok06" href="https://2018.igem.org/Team:Groningen/Entrepreneurship">Scale</a> up to save the world!</b> </h4>
  
<h4 class="titleblok01" style="font-size: 1.8em !important; color: #515151 !important;"> Use <b style="color:#93B131; "> StyGreen</b> to build the greenest Lego Brick!</h4>
+
<h4 class="titleblok01" style="font-size: 1.8em !important; color: #515151 !important;"> Use <b style="color:#93B131; "> StyGreen</b> to build the greenest Lego Bricks!</h4>
 
</div>
 
</div>
  

Latest revision as of 23:29, 17 October 2018

StyGreen,

manufacturing the greenest Lego Bricks!

StyGreen is bio-plastic produced out of recycled toilet paper.

Fossil fuels are depleting, and CO2 levels are rising:

The plastic production plays a significant role in this process.

Can we use recycled toilet paper to generate glucose?

Our Integrated models say;

we can!

Let’s design a yeast!

How would this look under a computational microscope?

Large amounts of glucose, what can we do with it?

Give our yeast tools to create styrene, by knocking out unnecessary pathways.

Scale up to save the world!

Use StyGreen to build the greenest Lego Bricks!