Difference between revisions of "Team:IISc-Bangalore"

Latest revision as of 03:41, 2 November 2017

Sponsors

Contact

Gas vesicles (GVs) are hollow protein nanostructures synthesized by phototrophic haloarchaea and cyanobacteria to regulate their flotation in aquatic habitats.

Bioengineered GVs have been genetically modified for diverse purposes; ultrasonic molecular imaging, gauging cellular turgor pressures, and vaccine delivery - but none of their current applications exploit their most fundamental characteristic: buoyancy.

Our modelling shows that clusters of GVs float enormously better than individual GVs.

iFLOAT aims to improve the flotation of gas vesicles by clustering them using three distinct methods: charge-based flocculation, biotin-streptavidin interaction, and SpyCatcher-SpyTag heterodimerization

Future applications of these clusters can include bioremediation of oil spills, flotation-based separation, and purification of specific targets from mixtures!

@@ Line 3: / Line 3: @@
 <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:IISc-Bangalore/CSS?action=raw&ctype=text/css" />
+<style>
+    .textclass:hover {
+      text-decoration: none !important;
+    }
+</style>
 <div id="fullpage">
-	<div class="section"><div style="width: 100%l height: 100%; position: absolute; background-image: url('https://static.igem.org/mediawiki/2017/4/4e/T--IISc-Bangalore--iFLOAT_intro.gif'); background-size: contain; background-position: center center;"></div></div>
-	<div class="section"><div style="text-align: center; width: 100%; position: relative; font-size: 50px;">Project under construction...</div></div>
-	<div class="section"><div style="text-align: center; width: 100%; position: relative; font-size: 50px;">We need to make sure everything is perfect for you.</div></div>
+	<div class="section" style="background-image: url('https://static.igem.org/mediawiki/2017/8/84/T--IISc-Bangalore--gif-bg.png'); background-size: cover; background-repeat:no-repeat;">
-	<div class="section"><div style="text-align: center; width: 100%; position: relative; font-size: 50px;">So stay tuned, and we promise we will be up shortly!</div></div>
+          <div class="gifAnimated" style="background-image: url('https://static.igem.org/mediawiki/2017/4/43/T--IISc-Bangalore--iFLOAT-final.gif');"></div>
-	<!--<div class="section"><div style="text-align: center; width: 100%; position: relative; font-size: 50px;">Awesomeness on its way!</div></div>
+        </div>
-	<div class="section"><div style="text-align: center; width: 100%; position: relative; font-size: 50px;">Awesomeness on its way!</div></div>-->
+	<div class="section">
+          <div class="gifAnimated" style="background-image: url('https://static.igem.org/mediawiki/2017/2/21/T--IISc-Bangalore--home-1.gif'); background-position: left;"></div>
+          <div style="position: absolute; right: 5%; width: 35%; font-size: 2.3em; line-height: 1.4; font-family: 'Poppins'; top: 50%; transform: translateY(-50%);">Gas vesicles (GVs) are hollow protein nanostructures synthesized by phototrophic haloarchaea and cyanobacteria to regulate their flotation in aquatic habitats. </div>
+        </div>
+	<div class="section">
+          <div class="gifAnimated" style="background-image: url('https://static.igem.org/mediawiki/2017/6/63/T--IISc-Bangalore--home-2.gif'); background-position: right;"></div>
+          <div style="position: absolute; left: 3%; width: 33%; font-size: 2.3em; line-height: 1.4; font-family: 'Poppins', sans-serif; top: 55%; transform: translateY(-50%);">Bioengineered GVs have been genetically modified for diverse purposes; ultrasonic molecular imaging, gauging cellular turgor pressures, and vaccine delivery - but none of their current applications exploit their most fundamental characteristic: buoyancy.</div>
+        </div>
+	<div class="section">
+          <div class="gifAnimated" style="background-image: url('https://static.igem.org/mediawiki/2017/4/45/T--IISc-Bangalore--home-3.gif'); background-position: left;"></div>
+          <div style="position: absolute; right: 5%; width: 20%; font-size: 2.3em; line-height: 1.4; font-family: 'Poppins'; top: 55%; transform: translateY(-50%);">Our modelling shows that clusters of GVs float enormously better than individual GVs.</div>
+        </div>
+        <div class="section">
+          <div class="gifAnimated" style="background-image: url('https://static.igem.org/mediawiki/2017/7/71/T--IISc-Bangalore--home-4.gif'); background-position: right;"></div>
+          <div style="position: absolute; left: 3%; width: 30%; font-size: 2.3em; line-height: 1.4; font-family: 'Poppins', sans-serif; top: 55%; transform: translateY(-50%);">iFLOAT aims to improve the flotation of gas vesicles by clustering them using three distinct methods: charge-based flocculation, biotin-streptavidin interaction, and SpyCatcher-SpyTag heterodimerization</div>
+        </div>
+	<div class="section">
+          <div class="gifAnimated" style="background-image: url('https://static.igem.org/mediawiki/2017/6/6a/T--IISc-Bangalore--home-5.gif'); background-position: left;"></div>
+          <div style="position: absolute; right: 5%; width: 25%; font-size: 2.3em; line-height: 1.4; font-family: 'Poppins'; top: 55%; transform: translateY(-50%);"> Future applications of these clusters can include bioremediation of oil spills, flotation-based separation, and purification of specific targets from mixtures!</div>
+        </div>
+	<div class="section">
+            <div style="width: 15%; margin: 0 2.4%; float: left;">
+              <a href="https://2017.igem.org/Team:IISc-Bangalore/Team"><img src='https://static.igem.org/mediawiki/2017/8/8e/T--IISc-Bangalore--icons-about.svg' width=100% />
+              <div style="font-size: 2.5em; font-family: 'Raleway-ExtraBold', sans-serif; margin-top: 20px; text-align: center; color: black;" class='textclass'>ABOUT</div></a>
+            </div>
+            <div style="width: 15%; margin: 0 2.4%; float: left;">
+              <a href="https://2017.igem.org/Team:IISc-Bangalore/Description"><img src='https://static.igem.org/mediawiki/2017/3/3b/T--IISc-Bangalore--icons-project.svg' width=100% />
+              <div style="font-size: 2.5em; font-family: 'Raleway-ExtraBold', sans-serif; margin-top: 20px; text-align: center; color: black;" class='textclass'>PROJECT</div></a>
+            </div>
+            <div style="width: 15%; margin: 0 2.4%; float: left;">
+              <a href="https://2017.igem.org/Team:IISc-Bangalore/Assembly"><img src='https://static.igem.org/mediawiki/2017/6/6f/T--IISc-Bangalore--icons-lab.svg' width=100% />
+              <div style="font-size: 2.5em; font-family: 'Raleway-ExtraBold', sans-serif; margin-top: 20px; text-align: center; color: black;" class='textclass'>LAB</div></a>
+            </div>
+            <div style="width: 15%; margin: 0 2.4%; float: left;">
+              <a href="https://2017.igem.org/Team:IISc-Bangalore/Hardware"><img src='https://static.igem.org/mediawiki/2017/f/f7/T--IISc-Bangalore--icons-hardware.svg' width=100% />
+              <div style="font-size: 2.5em; font-family: 'Raleway-ExtraBold', sans-serif; margin-top: 20px; text-align: center; color: black;" class='textclass'>HARDWARE</div></a>
+            </div>
+            <div style="width: 15%; margin: 0 2.4%; float: left;">
+              <a href="https://2017.igem.org/Team:IISc-Bangalore/HP/Silver"><img src='https://static.igem.org/mediawiki/2017/8/8f/T--IISc-Bangalore--icons-community.svg' width=100% />
+              <div style="font-size: 2.5em; font-family: 'Raleway-ExtraBold', sans-serif; margin-top: 20px; text-align: center; color: black;" class='textclass'>COMMUNITY</div></a>
+            </div>
+        </div>
 </div>
 <script>
@@ Line 21: / Line 82: @@
      navigationPosition: 'right',
      navigationTooltips: ['first', 'second', 'third', 'fourth', 'fifth', 'sixth'],
-     showActiveTooltip: true,
+     showActiveTooltip: false,
      slidesNavigation: false,
      slidesNavPosition: 'bottom',