Difference between revisions of "Team:IONIS Paris/Project/Game Over"
Line 13: | Line 13: | ||
<!-- 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 --> | <!-- favicon --> | ||
Line 33: | Line 25: | ||
<!-- Header Starts --> | <!-- Header Starts --> | ||
− | |||
− | |||
− | |||
− | |||
<div class="banner row" id="banner" style="width:101%"> | <div class="banner row" id="banner" style="width:101%"> | ||
<div class="parallax text-center" style="background-image: url(https://static.igem.org/mediawiki/2015/0/07/Game_over.jpg)"> | <div class="parallax text-center" style="background-image: url(https://static.igem.org/mediawiki/2015/0/07/Game_over.jpg)"> | ||
<div class="parallax-pattern-overlay"> | <div class="parallax-pattern-overlay"> | ||
− | <div class="container text-center" style="height: | + | <div class="container text-center" style="height:650px;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 " >Game over</h1> | <h1 class="intro wow zoomIn" wow-data-delay="0.4s" wow-data-duration="0.9s" style="font-family:sans-serif; color:#B00000 " >Game over</h1> | ||
Line 47: | Line 35: | ||
</div> | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<!-- 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>What is the Game Over?</big></h2> | <h2 class="text-center wowload fadeInUp" style="color:#ff0000"><big>What is the Game Over?</big></h2> | ||
− | |||
<div class="row"> | <div class="row"> | ||
− | + | <h4><i class="fa fa-lightbulb-o" style="color:#b22222"></i> Allowing the end of the game </h4> | |
− | + | <div class="col-sm-6 wowload fadeInLeft"> | |
− | + | <p align="justify"> The game over concerns the end of one round in the Bioconsole game.<br> | |
− | + | Indeed, you can not play indefinitely with the Bioconsole, and as every funny game something can happen to the hero! | |
− | + | Here, the end of the game is the death of the bacteria. </p> | |
− | + | <p align="justify"> As you know, the goal of the game is simple: to allow BACT'Man to survive as long as possible. Stop him from getting in contact with the virtual lasers that will appear faster and faster as the game goes on. If BACT'Man were to be touched, a bright flash will appear at the microscope and will activate the liposomes opening. The toxins will eliminate our hero that will lose his fluorescence ... GAME OVER</p> | |
− | + | </div> | |
− | + | <div class="col-sm-6 wowload fadeInRight"> | |
− | + | <center> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<img src="https://static.igem.org/mediawiki/2015/7/75/Parc.png" alt="parc" width="200" height=auto/> | <img src="https://static.igem.org/mediawiki/2015/7/75/Parc.png" alt="parc" width="200" height=auto/> | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | <br> | + | <br><br> |
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
<!-- HIGHLIGHT Gameover --> | <!-- HIGHLIGHT Gameover --> | ||
− | |||
<div class="highlight-info"> | <div class="highlight-info"> | ||
− | + | <div class="overlay spacer"> | |
− | + | <div class="container" > | |
− | + | <div class="row text-center wowload fadeInDownBig"> | |
− | + | <CENTER> | |
− | + | <div class="col-sm-3 col-xs-6"> | |
− | + | <i class="fa fa-lightbulb-o fa-5x"></i><h4>Light signals</h4> | |
− | + | </div> | |
− | + | <div class="col-sm-3 col-xs-6"> | |
− | + | <i class="fa fa-circle fa-5x"></i><h4>Liposomes</h4> | |
− | + | </div> | |
+ | |||
+ | <div class="col-sm-3 col-xs-6"> | ||
+ | <i class="fa fa-gamepad fa-5x"></i><h4>Bio-Console</h4> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-3 col-xs-6"> | ||
+ | <i class="fa fa-undo fa-5x"></i><h4> Game over</h4> | ||
+ | </div> | ||
− | + | </CENTER> | |
− | + | </div> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | |||
− | |||
</div> | </div> | ||
+ | <br><br> | ||
− | + | <div id="about" class="container spacer about"> | |
− | + | <div class="row"> | |
− | < | + | <div class="col-sm-6 wowload fadeInUp"> |
− | + | <h4><i class="fa fa-bolt" style="color:#b22222"></i> The Concept </h4> | |
− | + | <h5> How to implement the "Game over" feature of the Bioconsole?</h5> | |
− | + | <p align="justify"> IN CONSTRUCTION</p> | |
− | + | <br><br> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | + | <div class="col-sm-6 wowload fadeInLeft"> | |
− | + | <h5> Using thermosensitive liposomes</h5> | |
− | + | <p align="justify"> IN CONSTRUCTION</p> | |
− | + | </div> | |
− | + | <div class="col-sm-6 wowload fadeInRight"> | |
− | + | <h5> Using toxins</h5> | |
− | + | <p align="justify"> IN CONSTRUCTION</p> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <p align=" | + | |
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | </div> | |
− | + | <div id="about" class="container spacer about"> | |
− | + | <div class="row"> | |
− | + | <div class="col-sm-6 wowload fadeInLeft"> | |
− | < | + | <h4><i class="fa fa-question" style="color:#b22222"></i> Going further on liposomes </h4> |
− | + | <p align="justify" align= "right"> In construction </p> | |
− | + | </div> | |
+ | </br> | ||
+ | <div class="col-sm-6 wowload fadeInRight" > | ||
+ | <p align="right" ></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
<!--BOXES --> | <!--BOXES --> | ||
− | |||
<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/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/Project" > |
− | + | <figcaption> | |
− | + | <h2>PROJECT</h2> | |
− | + | <p>Our reality game using bacteria<br> | |
− | + | </p> | |
+ | </figcaption> | ||
+ | </a> | ||
</figure> | </figure> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<figure class="effect-oscar wowload fadeInUp"> | <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" > |
− | + | <figcaption> | |
− | + | <h2>BIOBRICKS</h2> | |
− | + | <p>Our parts of DNA<br> | |
− | + | </p> | |
+ | </figcaption> | ||
+ | </a> | ||
</figure> | </figure> | ||
− | |||
− | |||
− | |||
<figure class="effect-oscar wowload fadeInUp"> | <figure class="effect-oscar wowload fadeInUp"> | ||
<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" > |
− | + | <figcaption> | |
− | + | <h2>MICROFLUIDICS</h2> | |
− | + | <p>Our challenge in achieving the Bio-console<br> | |
− | + | </p> | |
+ | </figcaption> | ||
+ | </a> | ||
</figure> | </figure> | ||
− | |||
</div> | </div> | ||
− | + | <br><br><br> | |
− | <br><br><br> | + | |
− | + | ||
− | + | ||
<!-- 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 232: | Line 164: | ||
<!-- 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 HOME --> | <!-- Up HOME --> | ||
− | + | <a href="#banner" class="gototop "><i class="fa fa-chevron-circle-up fa-3x"></i></a> | |
− | + | ||
− | + | ||
− | + | ||
</body> | </body> |
Revision as of 12:45, 12 September 2015
What is the Game Over?
Allowing the end of the game
The game over concerns the end of one round in the Bioconsole game.
Indeed, you can not play indefinitely with the Bioconsole, and as every funny game something can happen to the hero!
Here, the end of the game is the death of the bacteria.
As you know, the goal of the game is simple: to allow BACT'Man to survive as long as possible. Stop him from getting in contact with the virtual lasers that will appear faster and faster as the game goes on. If BACT'Man were to be touched, a bright flash will appear at the microscope and will activate the liposomes opening. The toxins will eliminate our hero that will lose his fluorescence ... GAME OVER
The Concept
How to implement the "Game over" feature of the Bioconsole?
IN CONSTRUCTION
Using thermosensitive liposomes
IN CONSTRUCTION
Using toxins
IN CONSTRUCTION
Going further on liposomes
In construction