Difference between revisions of "Template:IONIS Paris-test"

 
(92 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
<html lang="en">
+
<html lang="en">
−
<head>
+
<head>
 
<meta charset="UTF-8" />
 
<meta charset="UTF-8" />
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Line 11: Line 11:
 
<!-- 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">
−
 
−
<!-- bootstrap -->
 
−
 
−
<!-- animate.css -->
 
−
 
−
 
−
<!-- gallery -->
 
−
 
  
 
<!-- favicon -->
 
<!-- favicon -->
Line 25: Line 17:
  
  
−
</head>
+
</head>
  
−
<body>
+
<body>
 
<div class="topbar animated fadeInLeftBig"></div>
 
<div class="topbar animated fadeInLeftBig"></div>
  
−
<!-- Header Starts -->
+
<!-- Banner -->
  
−
 
+
<div class="banner row" id="banner">
−
<!-- #Header Starts -->
+
<div class="parallax text-center" style="background-image: url(https://static.igem.org/mediawiki/2015/2/2f/TEST.jpg);width:100%;">
−
 
+
−
<div class="banner row" id="banner" href="#home">
+
−
<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: rgb(200,200,200,0.6);background-size: cover; color:#fff; ">
 
<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:20px;">
 
<div class="container text-center" style="height:580px;padding-top:20px;">
 
<h2 class="intro wow zoomIn" wow-data-delay="0.4s" wow-data-duration="0.9s" style="padding-top:75px;">IONIS Paris iGEM</h2>
 
<h2 class="intro wow zoomIn" wow-data-delay="0.4s" wow-data-duration="0.9s" style="padding-top:75px;">IONIS Paris iGEM</h2>
−
<a href="#"><img id="site-title" class=" wow fadeInDown" wow-data-delay="0.0s" wow-data-duration="0.9s" src="https://static.igem.org/mediawiki/2015/8/83/Logo_IONIS.png" alt="logo"/></a>
+
<a href="#"><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"/></a>
 +
<!-- https://static.igem.org/mediawiki/2015/8/83/Logo_IONIS.png -->
 
 
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
−
</div>
+
</div>
−
 
+
−
 
+
  
  
−
  <!--img src="https://static.igem.org/mediawiki/2015/0/07/Fond_IONIS.jpg" alt="banner"-->
+
<!--img src="https://static.igem.org/mediawiki/2015/0/07/Fond_IONIS.jpg" alt="banner"-->
 
   
 
   
  
−
<!-- works -->
+
<!-- Introduction -->
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<!-- Cirlce Starts -->
+
 
<div id="about"  class="container spacer about">
 
<div id="about"  class="container spacer about">
−
<h2 class="text-center wowload fadeInUp">BACT'Man: The hero of the Bio-Console!</h2>   
+
<h2 class="text-center wowload fadeInUp" style="color:#ff0000"> <big>Popularization of Synthetic Biology</big></h2>
−
  <div class="row">
+
<h3 class="text-center wowload fadeInUp">BACT'Man: The hero of the Bio-Console!</h3>   
−
  <div class="col-sm-6 wowload fadeInLeft">
+
<div class="row">
−
<h4><i class="fa fa-gamepad"></i> The Bio-Console: allow BACT'Man to survive as long as possible </h4>
+
<div class="col-sm-6 wowload fadeInLeft">
−
<p align="justify">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. </p>
+
<h4><i class="fa fa-gamepad"style="color:#b22222" ></i> The Bio-Console: allow BACT'Man to survive as long as possible </h4>
−
<p>The Bio-Console: the first game console, where the games will not be so virtual!</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>
−
  </div>
+
</div>
  
−
  <div class="col-sm-6 wowload fadeInRight">
+
<div class="col-sm-6 wowload fadeInRight">
−
  <h4><i class="fa fa-mobile"></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 BACT’Man : 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 Bact’man along his trip and overcome the challenges on your way.</p>     
+
<p align="justify"> Follow <b>BACT’Man </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 Bact’man 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>
 
 
−
<div class="services">
+
−
  <h2 class="text-center wowload fadeInUp"> A Multidisciplinary Project</h2>
+
<!-- Circle -->
 +
<div class="services container">
 +
  <h3 class="text-center wowload fadeInUp"> A Multidisciplinary Project</h3>
 
<ul class="row text-center list-inline  wowload bounceInUp">
 
<ul class="row text-center list-inline  wowload bounceInUp">
 
<li>
 
<li>
Line 97: Line 81:
 
</li>
 
</li>
 
</ul>
 
</ul>
−
  </div>
 
 
</div>
 
</div>
 
<!-- #Cirlce Ends -->
 
<!-- #Cirlce Ends -->
 +
 +
<!--div boxes -->
 +
</div>
  
−
 
+
<!-- BOXES -->
−
<!-- works -->
+
 
<div id="works"  class=" clearfix grid">  
 
<div id="works"  class=" clearfix grid">  
−
<figure class="effect-oscar  wowload fadeInUp">
+
 
−
<img src="https://static.igem.org/mediawiki/2015/2/2f/TEST.jpg" alt="img01"/>
+
<figure class="effect-oscar  wowload fadeInUp" >
−
+
<img src="https://static.igem.org/mediawiki/2015/3/34/Wii.jpg" alt="img01"/>
 
<figcaption>
 
<figcaption>
−
<h2>HOME</h2>
+
<h2>BIO-CONSOLE</h2>
−
<p>IONIS Paris iGEM<br>
+
<p>Our reality game using bacteria<br>
−
<a href="https://2015.igem.org/Team:IONIS_Paris" >View more</a></p>             
+
<a href="https://2015.igem.org/Team:IONIS_Paris/Project" >View more</a></p>             
 
</figcaption>
 
</figcaption>
 
</figure>
 
</figure>
 +
 
 
−
+
−
<figure class="effect-oscar  wowload fadeInUp">
+
<figure class="effect-oscar  wowload fadeInUp">
−
<img src="https://static.igem.org/mediawiki/2015/c/c2/Schema1_IONIS.png" alt="img01"/>
+
<img src="https://static.igem.org/mediawiki/2015/8/83/Mobile.jpg" alt="img01"/>
 +
 
<figcaption>
 
<figcaption>
−
<h2>PROJECT</h2>
+
<h2>APPLICATION</h2>
−
<p>The Bio-console<br>
+
<p>Bact'man, our hero<br>
 
<a href="https://2015.igem.org/Team:IONIS_Paris/Project" >View more</a></p>             
 
<a href="https://2015.igem.org/Team:IONIS_Paris/Project" >View more</a></p>             
 
</figcaption>
 
</figcaption>
 
</figure>
 
</figure>
 
 
−
+
<!--https://static.igem.org/mediawiki/2015/c/c2/Schema1_IONIS.png-->
−
<figure class="effect-oscar  wowload fadeInUp">
+
 
−
<img src="https://static.igem.org/mediawiki/2015/4/40/Boston-MIT-01.png" alt="team"/>
+
−
<figcaption>
+
−
<h2>TEAM</h2>
+
−
<p>Our creative team that is making everything possible<br>
+
−
<a href="https://2015.igem.org/Team:IONIS_Paris/Team" >View more</a></p>           
+
−
</figcaption>
+
−
</figure>
+
−
</div>
+
−
+
−
<div id="works"  class=" clearfix grid">  
+
−
+
 
<figure class="effect-oscar  wowload fadeInUp">
 
<figure class="effect-oscar  wowload fadeInUp">
−
<img style="width:auto"; src="https://static.igem.org/mediawiki/2015/thumb/9/93/Notebook.jpg/600px-Notebook.jpg" alt="img01"/>
+
<img style="width:auto"; src="https://static.igem.org/mediawiki/2015/1/19/NOTE.jpg" alt="img01"/>
 
<figcaption>
 
<figcaption>
 
<h2>NOTEBOOK</h2>
 
<h2>NOTEBOOK</h2>
Line 145: Line 121:
 
</figcaption>
 
</figcaption>
 
</figure>
 
</figure>
 +
<!--https://static.igem.org/mediawiki/2015/thumb/9/93/Notebook.jpg/600px-Notebook.jpg-->
 
 
 
<figure class="effect-oscar  wowload fadeInUp">
 
<figure class="effect-oscar  wowload fadeInUp">
−
<img src="https://static.igem.org/mediawiki/2015/4/40/Boston-MIT-01.png" alt="team"/>
+
<img src="https://static.igem.org/mediawiki/2015/thumb/1/18/Brick-wall.png/800px-Brick-wall.png" alt="team"/>
 
<figcaption>
 
<figcaption>
−
<h2>ATTRIBUTIONS</h2>
+
<h2>BIOBRICKS</h2>
−
<p>Our creative team that is making everything possible<br>
+
<p>Our parts of DNA<br>
−
<a href="https://2015.igem.org/Team:IONIS_Paris/Attributions" >View more</a></p>             
+
<a href="https://2015.igem.org/Team:IONIS_Paris/Biobricks" >View more</a></p>             
 
</figcaption>
 
</figcaption>
 
</figure>
 
</figure>
−
+
 
 
<figure class="effect-oscar  wowload fadeInUp">
 
<figure class="effect-oscar  wowload fadeInUp">
−
<img src="https://static.igem.org/mediawiki/2015/4/40/Boston-MIT-01.png" alt="team"/>
+
<img src="https://static.igem.org/mediawiki/2015/thumb/b/b1/Optogenetics.jpg/800px-Optogenetics.jpg" alt="team"/>
 
<figcaption>
 
<figcaption>
−
<h2>COLLABORATIONS</h2>
+
<h2>OPTOGENETICS</h2>
−
<p>Our collaborators and partners for the project<br>
+
<p>Our scientific core of the project<br>
−
<a href="https://2015.igem.org/Team:IONIS_Paris/Collaborations" >View more</a></p>             
+
<a href="https://2015.igem.org/Team:IONIS_Paris/Project/Optogenetics" >View more</a></p>             
 
</figcaption>
 
</figcaption>
 
</figure>
 
</figure>
−
</div>
 
−
 
−
<div id="works"  class=" clearfix grid">
 
 
 
 
<figure class="effect-oscar  wowload fadeInUp">
 
<figure class="effect-oscar  wowload fadeInUp">
−
<img src="https://static.igem.org/mediawiki/2015/4/40/Boston-MIT-01.png" alt="team"/>
+
<img src="https://static.igem.org/mediawiki/2015/1/18/GRID.jpg" alt="team"/>
 
<figcaption>
 
<figcaption>
−
<h2>HUMAN PRACTICES</h2>
+
<h2>MICROFLUIDICS</h2>
−
<p>Our mobile application, but not only<br>
+
<p>Our challenge in achieving the Bio-console<br>
−
<a href="https://2015.igem.org/Team:IONIS_Paris/Human_practices" >View more</a></p>             
+
<a href="https://2015.igem.org/Team:IONIS_Paris/Project/Microfluidics" >View more</a></p>             
 
</figcaption>
 
</figcaption>
 
</figure>
 
</figure>
 
 
−
<figure class="effect-oscar  wowload fadeInUp">
+
−
<img src="https://static.igem.org/mediawiki/2015/d/d5/Safety.jpg" alt="team"/>
+
−
<figcaption>
+
−
<h2>SAFETY</h2>
+
−
<p>Our safety measures<br>
+
−
<a href="https://2015.igem.org/Team:IONIS_Paris/Safety" >View more</a></p>           
+
−
</figcaption>
+
−
</figure>
+
−
+
−
<figure class="effect-oscar  wowload fadeInUp">
+
−
<img src="https://static.igem.org/mediawiki/2015/4/40/Boston-MIT-01.png" alt="team"/>
+
−
<figcaption>
+
−
<h2>MODELING</h2>
+
−
<p>Our models<br>
+
−
<a href="https://2015.igem.org/Team:IONIS_Paris/Modeling" >View more</a></p>           
+
−
</figcaption>
+
−
</figure>
+
−
+
 
</div>
 
</div>
−
<!-- works -->
 
−
 
−
 
−
 
−
 
−
 
  
 +
<!-- END BOXES -->
  
 +
</br>
 +
</br>
  
−
<!-- About Starts -->
+
<!-- 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>4 Schools</h4>
+
<i class="fa fa-map-marker fa-5x"></i><h4>4 Schools</h4>
 +
</div>
 +
 +
<div class="col-sm-3 col-xs-6">
 +
<i class="fa fa-gamepad  fa-5x"></i><h4>1 Bio-Console</h4>
 +
</div>
 +
 +
<div class="col-sm-3 col-xs-6">
 +
<i class="fa fa-tablet fa-5x"></i><h4>1 Mobile Application</h4>
 +
</div>
 +
</CENTER>
 
</div>
 
</div>
−
<div class="col-sm-3 col-xs-6">
 
−
<i class="fa fa-gamepad  fa-5x"></i><h4>1 Bio-Console</h4>
 
−
</div>
 
−
<div class="col-sm-3 col-xs-6">
 
−
<i class="fa fa-tablet fa-5x"></i><h4>1 Mobile Application</h4>
 
−
</div>
 
−
</CENTER>
 
 
</div>
 
</div>
 
</div>
 
</div>
 +
</div>
 +
 +
<!-- VIDEO -->
 +
<div id="contact" class="spacer">
 +
<div class="container">
 +
<h2 class="text-center  wowload fadeInUp">What is iGEM ?</h2>
 +
<CENTER>
 +
<video width="500" height="281.25" 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/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"'/>
 +
<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>
 +
</video>
 +
</CENTER>
 
</div>
 
</div>
 
</div>
 
</div>
−
<!-- About Ends -->
 
−
 
−
 
  
−
<!--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:#fff">Our sponsors</h2>
−
<h2 class="text-center  wowload fadeInUp" style="color:#000000">Our sponsors</h2>
+
<br>
−
</br>
+
<CENTER>
−
<CENTER>
+
<div class="col-sm-3 col-xs-6">
−
 
+
<a href="http://www.supbiotech.fr/en/index.aspx">
−
<div class="col-sm-3 col-xs-6">
+
<img src="https://static.igem.org/mediawiki/2015/3/30/LOGO-SUPBIOTECH-2015-QUADRI.png" alt="partners" width="150" height=auto>
−
<img src="https://static.igem.org/mediawiki/2015/3/30/LOGO-SUPBIOTECH-2015-QUADRI.png" alt="partners" width="100" height=auto>
+
</a>
−
</div>
+
</div>
−
<div class="col-sm-3 col-xs-6">
+
<div class="col-sm-3 col-xs-6">
−
<img src="https://static.igem.org/mediawiki/2015/9/98/Logo-e-artsup.png" alt="partners" width="100" height=auto>
+
<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=auto>
 +
</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="150" height=auto>
 +
</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="150" height=auto>
 +
</a>
 +
</div>
 +
</CENTER>
 
</div>
 
</div>
−
<div class="col-sm-3 col-xs-6">
+
<br>
−
<img src="https://static.igem.org/mediawiki/2015/9/9b/Logo-epita-hd.png" alt="partners" width="100" height=auto>
+
−
</div>
+
−
<div class="col-sm-3 col-xs-6">
+
−
<img src="https://static.igem.org/mediawiki/2015/2/2e/Logo_ionis.jpg" alt="partners" width="100" height=auto>
+
−
</div>
+
−
+
−
</div>
+
−
</br>
+
−
<div class="container contactform center">
+
 
 
−
</br>
+
<div class="container contactform center">
−
<div class="col-sm-3 col-xs-6">
+
<br>
−
<img src="https://static.igem.org/mediawiki/2015/c/c1/Fluigent-basic.png" alt="partners" width="100" height=auto>
+
<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="150" height=auto>
 +
</a>
 +
</div>
 +
 +
<div class="col-sm-3 col-xs-6">
 +
<a href="https://www.qiagen.com">
 +
<img src="https://static.igem.org/mediawiki/2015/a/a0/Qiagen_logo.png" alt="partners" width="150" height=auto>
 +
</a>
 +
</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="150" height=auto>
 +
</a>
 +
</div>
 +
 +
<div class="col-sm-3 col-xs-6">
 +
<a href="https://www.uni-freiburg.de/start-en.html?set_language=en">
 +
<img src="https://static.igem.org/mediawiki/2015/5/59/Uni_Logo.png" alt="partners" width="150" height=auto>
 +
</a>
 +
</div>
 +
</CENTER>
 
</div>
 
</div>
−
<div class="col-sm-3 col-xs-6">
+
<br>
−
<img src="https://static.igem.org/mediawiki/2015/a/a0/Qiagen_logo.png" alt="partners" width="100" height=auto>
+
<div class="container contactform center">
−
</div>
+
<CENTER>
−
<div class="col-sm-3 col-xs-6">
+
<div class="col-sm-3 col-xs-6">
−
<img src="https://static.igem.org/mediawiki/2015/5/59/Uni_Logo.png" alt="partners" width="100" height=auto>
+
<a href="https://www.exzellenz.uni-freiburg.de/einrichtungen-en/bioss-en/bioss-en?set_language=en">
−
</div>
+
<img src="https://static.igem.org/mediawiki/2015/4/41/Bioss-4.jpg" alt="partners" width="150" height=auto>
−
+
</a>
−
<div class="col-sm-3 col-xs-6">
+
</div>
−
<img src="https://static.igem.org/mediawiki/2015/4/41/Bioss-4.jpg" alt="partners" width="100" height=auto>
+
 +
<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=auto>
 +
</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="150" height=auto>
 +
</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="150" height=auto>
 +
</a>
 +
</div>
 +
</CENTER>
 
</div>
 
</div>
 +
 +
 
</div>
 
</div>
−
 
+
</div>
−
</CENTER>
+
−
</div>
+
−
</div>
+
−
</div>
+
  
  
Line 297: Line 312:
  
  
−
<!-- jquery -->
+
<!-- UP TOP -->
−
 
+
−
 
+
−
<!-- wow script -->
+
−
 
+
−
 
+
−
 
+
−
<!-- boostrap -->
+
−
 
+
−
 
+
−
<!-- jquery mobile -->
+
−
 
+
−
 
+
−
 
+
−
<!-- gallery -->
+
  
 +
<a href="#banner" class="gototop "><i class="fa fa-chevron-circle-up  fa-3x"></i></a>
  
−
<!-- custom script -->
 
  
  
−
</body>
+
</body>
−
</html>
+
</html>

Latest revision as of 10:33, 26 August 2015

IONIS Paris

Popularization of Synthetic Biology

BACT'Man: The hero of the Bio-Console!

The Bio-Console: allow BACT'Man 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 BACT’Man : 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 Bact’man 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
View more

img01

APPLICATION

Bact'man, our hero
View more

img01

NOTEBOOK

Our Lab experiments notebook
View more

team

BIOBRICKS

Our parts of DNA
View more

team

OPTOGENETICS

Our scientific core of the project
View more

team

MICROFLUIDICS

Our challenge in achieving the Bio-console
View more



13 Members

4 Schools

1 Bio-Console

1 Mobile Application

What is iGEM ?