Difference between revisions of "Team:IONIS Paris"

 
(38 intermediate revisions by 2 users not shown)
Line 11: Line 11:
  
 
<!-- Google fonts -->
 
<!-- Google fonts -->
−
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'>
+
<link href='https://2015.igem.org/Template:IONIS_Paris/CSS_Page?action=raw&ctype=text/css' rel='stylesheet' type='text/css'>
  
 
<!-- font awesome -->
 
<!-- font awesome -->
 
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
 
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  
−
<!-- favicon -->
+
−
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
+
−
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
+
−
 
+
−
 
+
 
</head>
 
</head>
  
Line 26: Line 22:
 
<div class="topbar animated fadeInLeftBig"></div>
 
<div class="topbar animated fadeInLeftBig"></div>
  
−
<!-- Banner -->
+
<!-- Banner -->
−
<div id="home" style="margin-top:0" >
+
<div id="home" style="margin-top:0;height: 100vh; " >
−
<!-- Slider Starts -->
+
<div id="myCarousel" class="carousel slide banner-slider animated bounceInDown" data-ride="carousel">     
−
<div id="myCarousel" class="carousel slide banner-slider animated bounceInDown" data-ride="carousel">     
+
<div class="carousel-inner" >
−
    <div class="carousel-inner" >
+
<div class="item active" >
−
<div class="item active" >
+
<div class="banner row" id="banner" style="width:100vw;height: 100vh;">
−
<div class="banner row" id="banner" style="width:101%">
+
<div class="parallax text-center" style="background-image: url(https://static.igem.org/mediawiki/2015/2/2f/TEST.jpg); background-size: cover;height: 100vh; ">
−
<div class="parallax text-center" style="background-image: url(https://static.igem.org/mediawiki/2015/2/2f/TEST.jpg);">
+
<div class="parallax-pattern-overlay; " style="background: rgba(200,200,200,0.6);background-size: cover; color:#fff;height: 100vh; ">
−
<div class="parallax-pattern-overlay" style="background: rgb(200,200,200,0.6);background-size: cover; color:#fff; ">
+
<div class="container text-center" style="height:580px;padding-top:100px;">
−
<p align="right" style="padding-top:20px; padding-right:20px; margin-right:0;">
+
<h2 class="intro wow zoomIn" wow-data-delay="0.4s" wow-data-duration="0.9s" style="padding-top:0;"> </h2><br><br>
−
<i class="fa fa-angle-double-right fa-3x" style="color:#fff"></i>
+
<img id="site-title" class=" wow fadeInDown" wow-data-delay="0.0s" wow-data-duration="0.9s" src="https://static.igem.org/mediawiki/2015/d/d8/Logo-Blanc-sans_fond.png"  width="500" height=auto alt="logo"/>
−
</p>
+
</div>
−
<div class="container text-center" style="height:580px;padding-top:-150px;">
+
−
+
−
<h2 class="intro wow zoomIn" wow-data-delay="0.4s" wow-data-duration="0.9s" style="padding-top:0;"> </h2>
+
−
<br><br>
+
−
<img id="site-title" class=" wow fadeInDown" wow-data-delay="0.0s" wow-data-duration="0.9s" src="https://static.igem.org/mediawiki/2015/d/d8/Logo-Blanc-sans_fond.png"  width="500" height=auto alt="logo"/>
+
−
+
 
</div>
 
</div>
 
</div>
 
</div>
−
</div>
+
</div>
−
</div>
+
</div>
−
</div>
+
−
+
<div class="item">
−
<div class="item">
+
<div class="banner row" id="banner" style="width:100vw;height: 100vh; ">
−
<div class="banner row" id="banner" style="width:101%"; padding-top:100px;>
+
<div class="parallax text-center" style="background-image: url(https://static.igem.org/mediawiki/2015/6/68/Pour_jojo_%281%29.jpg);">
−
<div class="parallax text-center" style="background-image: url(https://static.igem.org/mediawiki/2015/e/e4/Bactman_ad.jpg);">
+
<div  style="background-size: cover; color:#fff; height: 100vh; ">
−
<div  style="background-size: cover; color:#fff; ">
+
<div class="container text-center" style="height:580px;padding-top:20px; padding-left:0; padding-right:0;">
−
<p align="right" style="padding-top:20px; padding-right:20px; margin-right:0;">
+
</div>
−
<i class="fa fa-angle-double-right fa-3x" style="color:#fff"></i>
+
−
</p>
+
−
<div class="container text-center" style="height:580px;padding-top:20px; padding-left:0; padding-right:0;">
+
−
 
+
−
+
 
</div>
 
</div>
 
</div>
 
</div>
−
</div>
+
</div>
−
</div>
+
</div>
 +
</div>
 +
  <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon-chevron-left" style="color:rgba(250,250,250,0.001)"><i class="fa fa-angle-double-left fa-2x" style="color:#fff"></i></span></a>
 +
  <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon-chevron-right" style="color:rgba(250,250,250,0.001)"><i class="fa fa-angle-double-right fa-2x" style="color:#fff"></i></span></a>
 
</div>
 
</div>
−
</div>
 
−
        <!-- #Item 1 -->
 
−
    </div>
 
−
      <a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon-chevron-left"></span></a>
 
−
      <a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon-chevron-right"></span></a>
 
 
</div>
 
</div>
 
 
−
<!--img src="https://static.igem.org/mediawiki/2015/0/07/Fond_IONIS.jpg" alt="banner"-->
+
<!-- Introduction -->
−
 
+
−
 
+
−
<!-- Introduction -->
+
 
<div id="about"  class="container spacer about">
 
<div id="about"  class="container spacer about">
 
<h2 class="text-center wowload fadeInUp" style="color:#ff0000"> <big>  The Bio Console: BactMan's Adventures </big></h2>
 
<h2 class="text-center wowload fadeInUp" style="color:#ff0000"> <big>  The Bio Console: BactMan's Adventures </big></h2>
Line 81: Line 61:
 
<div class="row">
 
<div class="row">
 
<div class="col-sm-6 wowload fadeInLeft">
 
<div class="col-sm-6 wowload fadeInLeft">
−
<h4><i class="fa fa-gamepad"style="color:#b22222" ></i> The Bio-Console: allow BactMan to survive as long as possible </h4>
+
<h4><i class="fa fa-gamepad"style="color:#b22222" ></i> The Bio-Console: help BactMan to survive as long as possible </h4>
−
<p align="justify">Most video games are inspired by reality to create a <font style="color:#66cdaa">VIRTUAL WORLD</font>, in order to make them more realistic. When do we expect to do the opposite? Virtual draw to play with the living to revisit and perceive the gaming world in a new way and thus to have new sensations with the game. Imagine a bacterium, that you can view on your computer screen and that you can control using your joystick. </p>
+
<p align="justify">Most video games are inspired by reality to create a <font style="color:#66cdaa">VIRTUAL WORLD</font>, in order to make them more realistic. When do we expect to do the opposite? Virtual draw to play with the living to revisit and perceive the gaming world in a new way and thus to have new sensations with the game. Imagine a bacterium, that you can view on your computer screen and that you can control using your joystick. </p>
−
<p>The Bio-Console: the first game console, where the games will not be so virtual!</p>
+
<p>The Bio-Console: the first game console, where the games will not be so virtual!</p>
 
</div>
 
</div>
−
 
 
<div class="col-sm-6 wowload fadeInRight">
 
<div class="col-sm-6 wowload fadeInRight">
−
<h4><i class="fa fa-mobile" style="color:#b22222"></i> The mobile application: Biology, Synthetic Biology & Safety! </h4>
+
<h4><i class="fa fa-mobile" style="color:#b22222"></i> The mobile application: Biology, Synthetic Biology & Safety! </h4>
−
<p align="justify"> Follow <b>BactMan </b>: from the human's bowels to the iGEM laboratory. He evolves to become a super bacterium and bring the world all the innovations of synthetic biology ! To succeed, you will need to be ingenious and to discover the workings of biology. Progress, explore and help BactMan along his trip and overcome the challenges on your way.</p>     
+
<p align="justify"> Follow <b>BactMan </b>: from the human's bowels to the iGEM laboratory. He evolves to become a super bacterium and bring the world all the innovations of synthetic biology ! To succeed, you will need to be ingenious and to discover the workings of biology. Progress, explore and help BactMan along his trip and overcome the challenges on your way.</p>     
−
<p> Races, puzzles, speed games : biology and being a bacteria have never been so funny! </p>
+
<p> Races, puzzles, speed games : biology and being a bacteria have never been so funny! </p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
 
−
+
<!-- Circle -->
−
<!-- Circle -->
+
 
<div class="services container">
 
<div class="services container">
 
  <h3 class="text-center wowload fadeInUp"> A Multidisciplinary Project</h3>
 
  <h3 class="text-center wowload fadeInUp"> A Multidisciplinary Project</h3>
Line 116: Line 94:
 
</ul>
 
</ul>
 
</div>
 
</div>
−
<!-- #Cirlce Ends -->
 
 
 
−
<!--div boxes -->
+
<!--div boxes -->
−
</div>
+
</div>
  
−
<!-- BOXES -->
+
<!-- BOXES -->
 
<div id="works"  class=" clearfix grid">  
 
<div id="works"  class=" clearfix grid">  
−
 
+
<figure class="effect-oscar" >
−
<figure class="effect-oscar wowload fadeInUp" >
+
 
<img src="https://static.igem.org/mediawiki/2015/3/34/Wii.jpg" alt="img01"/>
 
<img src="https://static.igem.org/mediawiki/2015/3/34/Wii.jpg" alt="img01"/>
−
<a href="https://2015.igem.org/Team:IONIS_Paris/Project" ><figcaption>
+
<a href="https://2015.igem.org/Team:IONIS_Paris/Description">
−
<h2>BIO-CONSOLE</h2>
+
<figcaption>
−
<p>Our reality game using bacteria<br>
+
<h2>BIO-CONSOLE</h2>
−
</p>             
+
<p>Our reality game using bacteria<br>
−
</figcaption></a>
+
</p>             
 +
</figcaption>
 +
</a>
 
</figure>
 
</figure>
 
 
−
+
<figure class="effect-oscar">
−
+
−
<figure class="effect-oscar wowload fadeInUp">
+
 
<img src="https://static.igem.org/mediawiki/2015/8/83/Mobile.jpg" alt="img01"/>
 
<img src="https://static.igem.org/mediawiki/2015/8/83/Mobile.jpg" alt="img01"/>
−
+
<a href="https://2015.igem.org/Team:IONIS_Paris/Description" >
−
<a href="https://2015.igem.org/Team:IONIS_Paris/Project" ><figcaption>
+
<figcaption>
−
<h2>APPLICATION</h2>
+
<h2>APPLICATION</h2>
−
<p>BactMan, our hero<br>
+
<p>BactMan, our hero<br>
−
</p>             
+
</p>             
−
</figcaption></a>
+
</figcaption>
 +
</a>
 
</figure>
 
</figure>
 
 
−
<!--https://static.igem.org/mediawiki/2015/c/c2/Schema1_IONIS.png-->
+
<figure class="effect-oscar">
−
 
+
−
+
−
 
+
−
<!--https://static.igem.org/mediawiki/2015/thumb/9/93/Notebook.jpg/600px-Notebook.jpg-->
+
−
+
−
<figure class="effect-oscar wowload fadeInUp">
+
 
<img src="https://static.igem.org/mediawiki/2015/thumb/1/18/Brick-wall.png/800px-Brick-wall.png" alt="team"/>
 
<img src="https://static.igem.org/mediawiki/2015/thumb/1/18/Brick-wall.png/800px-Brick-wall.png" alt="team"/>
−
<a href="https://2015.igem.org/Team:IONIS_Paris/Biobricks" ><figcaption>
+
<a href="https://2015.igem.org/Team:IONIS_Paris/Biobricks" >
−
<h2>BIOBRICKS</h2>
+
<figcaption>
−
<p>Our parts of DNA<br>
+
<h2>BIOBRICKS</h2>
−
</p>             
+
<p>Our parts of DNA<br>
−
</figcaption></a>
+
</p>             
 +
</figcaption>
 +
</a>
 
</figure>
 
</figure>
  
−
<figure class="effect-oscar wowload fadeInUp">
+
<figure class="effect-oscar">
 
<img src="https://static.igem.org/mediawiki/2015/thumb/b/b1/Optogenetics.jpg/800px-Optogenetics.jpg" alt="team"/>
 
<img src="https://static.igem.org/mediawiki/2015/thumb/b/b1/Optogenetics.jpg/800px-Optogenetics.jpg" alt="team"/>
−
<a href="https://2015.igem.org/Team:IONIS_Paris/Project/Optogenetics" ><figcaption>
+
<a href="https://2015.igem.org/Team:IONIS_Paris/Project/Optogenetics" >
−
<h2>OPTOGENETICS</h2>
+
<figcaption>
−
<p>Our scientific core of the project<br>
+
<h2>OPTOGENETICS</h2>
−
</p>             
+
<p>Our scientific core of the project<br>
−
</figcaption></a>
+
</p>             
 +
</figcaption>
 +
</a>
 
</figure>
 
</figure>
 
 
−
<figure class="effect-oscar wowload fadeInUp">
+
<figure class="effect-oscar">
 
<img src="https://static.igem.org/mediawiki/2015/1/18/GRID.jpg" alt="team"/>
 
<img src="https://static.igem.org/mediawiki/2015/1/18/GRID.jpg" alt="team"/>
−
<a href="https://2015.igem.org/Team:IONIS_Paris/Project/Microfluidics" ><figcaption>
+
<a href="https://2015.igem.org/Team:IONIS_Paris/Project/Microfluidics" >
−
<h2>MICROFLUIDICS</h2>
+
<figcaption>
−
<p>Our challenge in achieving the Bio-console<br>
+
<h2>MICROFLUIDICS</h2>
−
</p>             
+
<p>Our challenge in achieving the Bio-console<br>
−
</figcaption></a>
+
</p>             
 +
</figcaption>
 +
</a>
 
</figure>
 
</figure>
 
 
−
<figure class="effect-oscar wowload fadeInUp">
+
<figure class="effect-oscar">
 
<img src="https://static.igem.org/mediawiki/2015/e/e4/Gameover-box.jpg" alt="team"/>
 
<img src="https://static.igem.org/mediawiki/2015/e/e4/Gameover-box.jpg" alt="team"/>
−
<a href="https://2015.igem.org/Team:IONIS_Paris/Project/Game_Over" ><figcaption>
+
<a href="https://2015.igem.org/Team:IONIS_Paris/Project/Game_Over" >
−
<h2>GAME OVER</h2>
+
<figcaption>
−
<p>Allowing the end of the game<br>
+
<h2>GAME OVER</h2>
−
</p>             
+
<p>Allowing the end of the game<br>
−
</figcaption></a>
+
</p>             
 +
</figcaption>
 +
</a>
 
</figure>
 
</figure>
−
 
 
</div>
 
</div>
 +
</br>
 +
</br>
  
−
<!-- END BOXES -->
+
<!-- HIGHLIGHT INFO -->
−
 
+
−
</br>
+
−
</br>
+
−
 
+
−
<!-- HIGHLIGHT INFO -->
+
 
<div class="highlight-info">
 
<div class="highlight-info">
−
<div class="overlay spacer">
+
<div class="overlay spacer">
−
<div class="container" >
+
<div class="container" >
−
<div class="row text-center  wowload fadeInDownBig">
+
<div class="row text-center  wowload fadeInDownBig">
−
<CENTER>
+
<CENTER>
−
<div class="col-sm-3 col-xs-6">
+
<div class="col-sm-3 col-xs-6">
−
<i class="fa fa-smile-o  fa-5x"></i><h4>13 Members</h4>
+
<i class="fa fa-smile-o  fa-5x"></i><h4>13 Members</h4>
−
</div>
+
</div>
−
 
+
<div class="col-sm-3 col-xs-6">
−
<div class="col-sm-3 col-xs-6">
+
<i class="fa fa-map-marker fa-5x"></i><h4>3 Schools</h4>
−
<i class="fa fa-map-marker fa-5x"></i><h4>3 Schools</h4>
+
</div>
−
</div>
+
<div class="col-sm-3 col-xs-6">
−
+
<i class="fa fa-gamepad  fa-5x"></i><h4>1 Bio-Console</h4>
−
<div class="col-sm-3 col-xs-6">
+
</div>
−
<i class="fa fa-gamepad  fa-5x"></i><h4>1 Bio-Console</h4>
+
<div class="col-sm-3 col-xs-6">
−
</div>
+
<i class="fa fa-tablet fa-5x"></i><h4>1 Mobile Application</h4>
−
+
</div>
−
<div class="col-sm-3 col-xs-6">
+
</CENTER>
−
<i class="fa fa-tablet fa-5x"></i><h4>1 Mobile Application</h4>
+
</div>
−
</div>
+
</div>
−
</CENTER>
+
 
</div>
 
</div>
−
</div>
 
−
</div>
 
 
</div>
 
</div>
  
−
<!-- VIDEO -->
+
<!-- VIDEO -->
 
<div id="contact" class="spacer">
 
<div id="contact" class="spacer">
−
<div class="container">
+
<div class="container">
−
<h2 class="text-center wowload fadeInUp">What is iGEM ?</h2>
+
<h2 class="text-center">What is iGEM ?</h2>
−
<CENTER>
+
<CENTER>
−
<video width="500" height="281.25" poster="https://static.igem.org/mediawiki/2015/8/83/Logo_IONIS.png" controls>
+
<video width="500" height="281.25" style="width:40vw" poster="https://static.igem.org/mediawiki/2015/8/83/Logo_IONIS.png" controls>
−
<source src="https://static.igem.org/mediawiki/2015/7/73/Video-1438606819.mp4.mp4" type='video/mp4'/>
+
<source src="https://static.igem.org/mediawiki/2015/7/73/Video-1438606819.mp4.mp4" type='video/mp4'/>
−
<source src="https://static.igem.org/mediawiki/2015/9/90/Video-1438606819.mp4.ogg" type='video/ogg; codecs="theora, vorbis"'/>
+
<source src="https://static.igem.org/mediawiki/2015/9/90/Video-1438606819.mp4.ogg" type='video/ogg; codecs="theora, vorbis"'/>
−
<source src="https://static.igem.org/mediawiki/2015/f/fb/Video-1438606819.mp4.webm" type='video/webm; codecs="vp8, vorbis"'/>
+
<source src="https://static.igem.org/mediawiki/2015/f/fb/Video-1438606819.mp4.webm" type='video/webm; codecs="vp8, vorbis"'/>
−
<a href="https://www.youtube.com/watch?v=DWUxy4g_p7w"><img border="0" src="https://static.igem.org/mediawiki/2015/8/83/Logo_IONIS.png" alt="Click to view on Youtube" width="500" height="281.25"></a>
+
<a href="https://www.youtube.com/watch?v=DWUxy4g_p7w"><img border="0" src="https://static.igem.org/mediawiki/2015/8/83/Logo_IONIS.png" alt="Click to view on Youtube" width="500" height="281.25"></a>
−
<p style="font-style:italic;color:red;border-style:solid;border-width:2px;border-color:red">Your browser either does not support HTML5 or cannot handle MediaWiki open video formats. Please consider upgrading your browser, installing the appropriate plugin or switching to a Firefox or Chrome install.</p>
+
<p style="font-style:italic;color:red;border-style:solid;border-width:2px;border-color:red">Your browser either does not support HTML5 or cannot handle MediaWiki open video formats. Please consider upgrading your browser, installing the appropriate plugin or switching to a Firefox or Chrome install.</p>
−
</video>
+
</video>
−
</CENTER>
+
</CENTER>
−
</div>
+
</div>
 
</div>
 
</div>
  
 +
<!-- HIGHLIGHT INFO 2 -->
 
<div class="highlight-info">
 
<div class="highlight-info">
−
<div class="overlay spacer">
+
<div class="overlay spacer">
−
<div class="container" >
+
<div class="container" >
−
<div class="row text-center  wowload fadeInDownBig">
+
<div class="row text-center  wowload fadeInDownBig">
−
<CENTER>
+
<CENTER>
−
+
<div class="col-sm-3 col-xs-6">
−
<div class="col-sm-3 col-xs-6">
+
<i class="fa fa-cogs fa-5x"></i><h4>iGEM</h4>
−
<i class="fa fa-cogs fa-5x"></i><h4>iGEM</h4>
+
</div>
−
</div>
+
<div class="col-sm-3 col-xs-6">
−
+
<i class="fa fa-users  fa-5x"></i><h4>Teams</h4>
−
<div class="col-sm-3 col-xs-6">
+
</div>
−
<i class="fa fa-users  fa-5x"></i><h4>Teams</h4>
+
<div class="col-sm-3 col-xs-6">
−
</div>
+
<i class="fa fa-cubes  fa-5x"></i><h4>BioBricks</h4>
−
 
+
</div>
−
+
<div class="col-sm-3 col-xs-6">
−
+
<i class="fa fa-university fa-5x"></i><h4>MIT</h4>
−
<div class="col-sm-3 col-xs-6">
+
</div>
−
<i class="fa fa-cubes  fa-5x"></i><h4>BioBricks</h4>
+
</CENTER>
−
</div>
+
</div>
−
+
</div>
−
<div class="col-sm-3 col-xs-6">
+
−
<i class="fa fa-university fa-5x"></i><h4>MIT</h4>
+
−
</div>
+
−
</CENTER>
+
 
</div>
 
</div>
 
</div>
 
</div>
−
</div>
+
 
−
</div>
+
−
+
−
+
 
 
 
<!--SPONSORS-->
 
<!--SPONSORS-->
 
<div class="sponsors">
 
<div class="sponsors">
−
<div id="contact" class="overlay spacer" >
+
<div id="contact" class="overlay spacer" >
−
<div class="container contactform center">
+
<div class="container contactform center">
−
<h2 class="text-center wowload fadeInUp" style="color:#B00000"><b><big>Our sponsors</big></b></h2>
+
<h2 class="text-center" style="color:#B00000"><b><big>Our sponsors</big></b></h2>
 +
<br>
 +
<CENTER>
 +
<div class="col-sm-3 col-xs-6">
 +
<a href="http://www.supbiotech.fr/en/index.aspx">
 +
<img src="https://static.igem.org/mediawiki/2015/3/30/LOGO-SUPBIOTECH-2015-QUADRI.png" alt="partners" width=auto height="100">
 +
</a>
 +
</div>
 +
<div class="col-sm-3 col-xs-6 ">
 +
<a href="http://www.e-artsup.net/">
 +
<img src="https://static.igem.org/mediawiki/2015/9/98/Logo-e-artsup.png" alt="partners" width="150" height="80">
 +
</a>
 +
</div>
 +
<div class="col-sm-3 col-xs-6">
 +
<a href="http://www.epita.fr/international/">
 +
<img src="https://static.igem.org/mediawiki/2015/9/9b/Logo-epita-hd.png" alt="partners" width=auto height="100">
 +
</a>
 +
</div>
 +
<div class="col-sm-3 col-xs-6">
 +
<a href="http://ionis-group.com/">
 +
<img src="https://static.igem.org/mediawiki/2015/2/2e/Logo_ionis.jpg" alt="partners" width=auto height="80">
 +
</a>
 +
</div>
 +
</CENTER>
 +
</div>
 
<br>
 
<br>
−
<CENTER>
 
−
<div class="col-sm-3 col-xs-6">
 
−
<a href="http://www.supbiotech.fr/en/index.aspx">
 
−
<img src="https://static.igem.org/mediawiki/2015/3/30/LOGO-SUPBIOTECH-2015-QUADRI.png" alt="partners" width=auto height="100">
 
−
</a>
 
−
</div>
 
−
<div class="col-sm-3 col-xs-6 ">
 
−
<a href="http://www.e-artsup.net/">
 
−
<img src="https://static.igem.org/mediawiki/2015/9/98/Logo-e-artsup.png" alt="partners" width="150" height="80">
 
−
</a>
 
−
</div>
 
−
<div class="col-sm-3 col-xs-6">
 
−
<a href="http://www.epita.fr/international/">
 
−
<img src="https://static.igem.org/mediawiki/2015/9/9b/Logo-epita-hd.png" alt="partners" width=auto height="100">
 
−
</a>
 
−
</div>
 
−
<div class="col-sm-3 col-xs-6">
 
−
<a href="http://ionis-group.com/">
 
−
<img src="https://static.igem.org/mediawiki/2015/2/2e/Logo_ionis.jpg" alt="partners" width=auto height="80">
 
−
</a>
 
−
</div>
 
−
</CENTER>
 
−
</div>
 
−
<br>
 
−
 
−
<div class="container contactform center">
 
−
<br>
 
−
<CENTER>
 
−
<div class="col-sm-3 col-xs-6">
 
−
<a href="http://www.fluigent.com/">
 
−
<img src="https://static.igem.org/mediawiki/2015/c/c1/Fluigent-basic.png" alt="partners" width=auto height="100">
 
−
</a>
 
−
</div>
 
 
 
−
<div class="col-sm-3 col-xs-6">
+
<div class="container contactform center">
−
<a href="https://www.qiagen.com">
+
<br>
−
<img src="https://static.igem.org/mediawiki/2015/a/a0/Qiagen_logo.png" alt="partners" width=auto height="100">
+
<CENTER>
−
</a>
+
<div class="col-sm-3 col-xs-6">
−
</div>
+
<a href="http://www.fluigent.com/">
−
+
<img src="https://static.igem.org/mediawiki/2015/c/c1/Fluigent-basic.png" alt="partners" width=auto height="80">
−
<div class="col-sm-3 col-xs-6">
+
</a>
−
<a href="https://www.neb.com/">
+
</div>
−
<img src="https://static.igem.org/mediawiki/2015/e/e1/NEB.png" alt="partners" width=auto height="100">
+
<div class="col-sm-3 col-xs-6">
−
</a>
+
<a href="https://www.qiagen.com">
−
</div>
+
<img src="https://static.igem.org/mediawiki/2015/a/a0/Qiagen_logo.png" alt="partners" width=auto height="100">
−
+
</a>
−
<div class="col-sm-3 col-xs-6">
+
</div>
 +
<div class="col-sm-3 col-xs-6">
 +
<a href="https://www.neb.com/">
 +
<img src="https://static.igem.org/mediawiki/2015/e/e1/NEB.png" alt="partners" width=auto height="100">
 +
</a>
 +
</div>
 +
<div class="col-sm-3 col-xs-6">
 
<a href="http://www.glowee.fr/">
 
<a href="http://www.glowee.fr/">
−
<img src="https://static.igem.org/mediawiki/2015/5/5a/LogoEnCouleur.png.jpeg" alt="partners" width=auto height="60" style="margin-top:30px">
+
<img src="https://static.igem.org/mediawiki/2015/5/5a/LogoEnCouleur.png.jpeg" alt="partners" width=auto height="60" style="margin-top:30px">
−
</a>
+
</a>
−
</div>
+
</div>
−
</CENTER>
+
</CENTER>
 +
</div>
 +
<br><br><br>
 +
 +
<div class="container contactform center">
 +
<CENTER>
 +
<div class="col-sm-3 col-xs-6">
 +
<a href="https://www.exzellenz.uni-freiburg.de/einrichtungen-en/bioss-en/bioss-en?set_language=en">
 +
<img src="https://static.igem.org/mediawiki/2015/e/e6/BIOSS.jpeg" alt="partners" width=auto height="100">
 +
</a>
 +
</div>
 +
<div class="col-sm-3 col-xs-6">
 +
<a href="https://www.kickstarter.com/">
 +
<img src="https://static.igem.org/mediawiki/2015/thumb/2/26/Kickstarter-logo-light.png/800px-Kickstarter-logo-light.png" alt="partners" width="150" height="50" style="margin-top:30px">
 +
</a>
 +
</div>
 +
<div class="col-sm-3 col-xs-6">
 +
<a href="http://fr.ambafrance-us.org/">
 +
<img src="https://static.igem.org/mediawiki/2015/b/b8/Logo_Embassy-of-France_OS%26T_300_dpi.jpg" alt="partners" width=auto height="100">
 +
</a>
 +
</div>
 +
<div class="col-sm-3 col-xs-6">
 +
<a href="https://communicationmicrofactory.wordpress.com/nous/">
 +
<img src="https://static.igem.org/mediawiki/2015/0/01/Microfactory.png" alt="partners" width=auto height="100">
 +
</a>
 +
</div>
 +
</CENTER>
 +
</div>
 
</div>
 
</div>
−
<br> <br> <br>
 
−
<div class="container contactform center">
 
−
<CENTER>
 
−
<div class="col-sm-3 col-xs-6">
 
−
<a href="https://www.exzellenz.uni-freiburg.de/einrichtungen-en/bioss-en/bioss-en?set_language=en">
 
−
<img src="https://static.igem.org/mediawiki/2015/e/e6/BIOSS.jpeg" alt="partners" width=auto height="100">
 
−
</a>
 
−
</div>
 
−
 
−
<div class="col-sm-3 col-xs-6">
 
−
<a href="https://www.kickstarter.com/">
 
−
<img src="https://static.igem.org/mediawiki/2015/thumb/2/26/Kickstarter-logo-light.png/800px-Kickstarter-logo-light.png" alt="partners" width="150" height="50" style="margin-top:30px">
 
−
</a>
 
−
</div>
 
−
 
−
<div class="col-sm-3 col-xs-6">
 
−
<a href="http://fr.ambafrance-us.org/">
 
−
<img src="https://static.igem.org/mediawiki/2015/b/b8/Logo_Embassy-of-France_OS%26T_300_dpi.jpg" alt="partners" width=auto height="100">
 
−
</a>
 
−
</div>
 
−
 
−
<div class="col-sm-3 col-xs-6">
 
−
<a href="https://communicationmicrofactory.wordpress.com/nous/">
 
−
<img src="https://static.igem.org/mediawiki/2015/0/01/Microfactory.png" alt="partners" width=auto height="100">
 
−
</a>
 
−
</div>
 
−
</CENTER>
 
−
</div>
 
−
 
−
 
 
</div>
 
</div>
−
</div>
 
−
 
−
 
−
 
−
 
−
 
  
 
<!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body -->
 
<!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body -->
Line 376: Line 330:
 
<!-- The modal dialog, which will be used to wrap the lightbox content -->     
 
<!-- The modal dialog, which will be used to wrap the lightbox content -->     
 
</div>
 
</div>
−
 
−
 
  
 
<!-- UP TOP -->
 
<!-- UP TOP -->
−
 
+
<a href="#banner" id="gototop" class="gototop"><i class="fa fa-chevron-circle-up  fa-3x"></i></a>
−
<a href="#banner" class="gototop "><i class="fa fa-chevron-circle-up  fa-3x"></i></a>
+
−
 
+
−
 
+
  
 
</body>
 
</body>
 
</html>
 
</html>
−
 
−
 
−
 
  
 
{{IONIS_Paris-menu}}
 
{{IONIS_Paris-menu}}
 
{{IONIS_Paris/FootPage}}
 
{{IONIS_Paris/FootPage}}

Latest revision as of 12:23, 6 October 2015


IONIS Paris

The Bio Console: BactMan's Adventures

Popularization of Synthetic Biology

The Bio-Console: help BactMan to survive as long as possible

Most video games are inspired by reality to create a VIRTUAL WORLD, in order to make them more realistic. When do we expect to do the opposite? Virtual draw to play with the living to revisit and perceive the gaming world in a new way and thus to have new sensations with the game. Imagine a bacterium, that you can view on your computer screen and that you can control using your joystick.

The Bio-Console: the first game console, where the games will not be so virtual!

The mobile application: Biology, Synthetic Biology & Safety!

Follow BactMan : from the human's bowels to the iGEM laboratory. He evolves to become a super bacterium and bring the world all the innovations of synthetic biology ! To succeed, you will need to be ingenious and to discover the workings of biology. Progress, explore and help BactMan along his trip and overcome the challenges on your way.

Races, puzzles, speed games : biology and being a bacteria have never been so funny!

A Multidisciplinary Project

  • Playful
  • Engineering
  • Microfluidics
  • Computer Sciences
  • Safety issues
img01

BIO-CONSOLE

Our reality game using bacteria
img01

APPLICATION

BactMan, our hero
team

BIOBRICKS

Our parts of DNA
team

OPTOGENETICS

Our scientific core of the project
team

MICROFLUIDICS

Our challenge in achieving the Bio-console
team

GAME OVER

Allowing the end of the game


13 Members

3 Schools

1 Bio-Console

1 Mobile Application

What is iGEM ?

iGEM

Teams

BioBricks

MIT

IONIS Paris team. 2015 Edition