Difference between revisions of "Team:IONIS Paris/Notebook"

(Prototype team page)
 
Line 1: Line 1:
−
{{IONIS_Paris}}
+
{{IONIS_Paris/JS}}
−
<html>
+
{{IONIS_Paris-testcss}}
 +
{{IONIS_Paris-menu}}
 +
<html lang="en">
 +
<head>
 +
<meta charset="UTF-8" />
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
 +
<title >Notebook</title>
  
−
<h2>Notebook</h2>
+
<!-- Google fonts -->
 +
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'>
  
−
<p> Document the dates you worked on your project.</p>
+
<!-- font awesome -->
 +
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  
−
<h5>What should this page have?</h5>
+
<!-- favicon -->
−
<ul>
+
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
−
<li>Chronological notes of what your team is doing.</li>
+
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
−
<li> Brief descriptions of daily important events.</li>
+
−
<li>Pictures of your progress. </li>
+
−
<li>Mention who participated in what task.</li>
+
−
</ul>
+
  
  
−
<h4>Inspiration</h4>
+
</head>
−
<p>You can see what others teams have done to organize their notes:</p>
+
  
−
<ul>  
+
<body>
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
<div class="topbar animated fadeInLeftBig"></div>
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
−
</ul>
+
  
−
</div>
+
<!-- Header Starts -->
 +
 
 +
<div class="banner row" id="banner">
 +
<div class="parallax text-center" style="background-image: url(https://2015.igem.org/Team:IONIS_Paris/Notebook);">
 +
<div class="parallax-pattern-overlay">
 +
<div class="container text-center" style="height:580px;padding-top:200px;">
 +
<h1 class="intro wow zoomIn" wow-data-delay="0.4s" wow-data-duration="0.9s"  style="font-family:sans-serif; color:#B00000 " >Notebook</h1>
 +
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 +
 +
<!-- INTRODUCTION -->
 +
 +
<div id="about"  class="container spacer about">
 +
<h2 class="text-center wowload fadeInUp" style="color:#ff0000">Notebook</h2>
 +
<h3 class="text-center wowload fadeInUp">By 2 different approaches</h3> 
 +
<div class="row">
 +
<div class="col-sm-6 wowload fadeInLeft">
 +
<h4><i class="fa fa-gamepad" style="color:#b22222"></i> Design of a real synthetic biology game: the Bio-console </h4>
 +
<p align="justify">It is based on the control of engineered bacteria in a microfluidic chip connected to a computer interface. Our game is dependent on <font style="color:#66cdaa">optogenetic signals</font> leading to either the fluorescence of our bacteria in order to visualize it, or the death of our bacteria. The latter allows us to control our system leading to an efficient kill switch.</p>
 +
 +
<div class="col-sm-6 wowload fadeInRight">
 +
<p align="right"><img src="https://static.igem.org/mediawiki/2015/a/a6/0cae0046396704c3436562c784c63f50_original.jpg" alt="Mobile Application"  width="400" height=auto></p>
 +
<br>
 +
<br>
 +
    </div>
 +
 
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 +
<!-- ALL PAGES  -->
 +
 +
 
 +
 
 +
 
 +
 
 +
 +
<!--div boxes  -->
 +
</div>
 +
 
 +
 
 +
 
 +
<!--BOXES -->
 +
<div id="works"  class=" clearfix grid">
 +
 +
<figure class="effect-oscar  wowload fadeInUp">
 +
<img src="https://static.igem.org/mediawiki/2015/3/34/Wii.jpg" alt="img01"/>
 +
 +
<figcaption>
 +
<h2>Project</h2>
 +
<p>Our reality game using bacteria<br>
 +
<a href="https://2015.igem.org/Team:IONIS_Paris/Project" >View more</a></p>           
 +
</figcaption>
 +
</figure>
 +
 
 +
<figure class="effect-oscar  wowload fadeInUp">
 +
<img src="https://static.igem.org/mediawiki/2015/thumb/b/b1/Optogenetics.jpg/800px-Optogenetics.jpg" alt="team"/>
 +
<figcaption>
 +
<h2>OPTOGENETICS</h2>
 +
<p>Our scientific core of the project<br>
 +
<a href="https://2015.igem.org/Team:IONIS_Paris/Project/Optogenetics" >View more</a></p>           
 +
</figcaption>
 +
</figure>
 +
 +
<figure class="effect-oscar  wowload fadeInUp">
 +
<img src="https://static.igem.org/mediawiki/2015/1/18/GRID.jpg" alt="team"/>
 +
<figcaption>
 +
<h2>MICROFLUIDICS</h2>
 +
<p>Our challenge in achieving the Bio-console<br>
 +
<a href="https://2015.igem.org/Team:IONIS_Paris/Microfluidics" >View more</a></p>           
 +
</figcaption>
 +
</figure>
 +
 
 +
</div>
 +
 
 +
 
 +
<br>
 +
<br>
 +
 
 +
<!-- div suplementaire -->
 +
</div>
 +
 +
<!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body -->
 +
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
 +
<!-- The container for the modal slides -->
 +
<div class="slides"></div>
 +
<!-- Controls for the borderless lightbox -->
 +
<h3 class="title">Title</h3>
 +
<a class="prev">‹</a>
 +
<a class="next">›</a>
 +
<a class="close">×</a>
 +
<!-- The modal dialog, which will be used to wrap the lightbox content -->   
 +
</div>
 +
 
 +
 
 +
 
 +
<!-- UP TOP -->
 +
 
 +
<a href="#banner" class="gototop "><i class="fa fa-chevron-circle-up  fa-3x"></i></a>
 +
 
 +
 
 +
 
 +
</body>
 
</html>
 
</html>
 +
 +
{{IONIS_Paris/FootPage}}

Revision as of 17:48, 8 August 2015

Notebook

Notebook

By 2 different approaches

Design of a real synthetic biology game: the Bio-console

It is based on the control of engineered bacteria in a microfluidic chip connected to a computer interface. Our game is dependent on optogenetic signals leading to either the fluorescence of our bacteria in order to visualize it, or the death of our bacteria. The latter allows us to control our system leading to an efficient kill switch.

Mobile Application



img01

Project

Our reality game using bacteria
View more

team

OPTOGENETICS

Our scientific core of the project
View more

team

MICROFLUIDICS

Our challenge in achieving the Bio-console
View more



IONIS Paris team. 2015 Edition