View source for Team:IONIS Paris/Project/Game Over

{{IONIS_Paris/JS}}
{{IONIS_Paris-testcss}}
<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 >Game Over</title>

		<!-- Google fonts -->
		<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'>

		<!-- font awesome -->
		<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>

	<body>
		<div class="topbar animated fadeInLeftBig"></div>

		<!-- Header Starts -->
		<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-pattern-overlay">
						<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>
						</div>
					</div>
				</div>
		</div>
	
	<!-- INTRODUCTION -->
		<div id="about"  class="container spacer about">
		<h2 class="text-center wowload fadeInUp" style="color:#ff0000"><big>What is the Game Over?</big></h2>
			<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
						<br>
						Our game over is composed of two parts : Toxin-mediated delivery by photopolymerizable liposomes , clean-up of the microfluidic channel.
					</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/>
					</div>
			</div>		
			<br><br>
		</div>		
				
<!-- HIGHLIGHT Gameover -->
		<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-o  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>		


<!-- TEXTE -->		
	<div id="about"  class="container spacer about">
		<h2 class="text-center wowload fadeInUp" style="color:#ff0000"><big>Photopolymerizable liposome</big></h2>
		<div class="row">
		<h4><i class="fa fa-circle-o" style="color:#b22222"></i> Toxin-mediated delivery toxins </h4>
			<div class="col-sm-6 wowload fadeInLeft">	
				<p align="justify"> 
					In order to kill our bacteria which would imply the end of the game, we thought to use liposomes as toxin-mediated delivery. The idea is to create a bubble into the microfluidic chip containing the bacteria and the liposomes. As a result, when the bubble would touch the lasers, the liposomes would free up toxins that would kill the bacteria afterwards. 
				</p>
				<p align="justify">
					For this to be possible, we wanted to use photopolymerizable liposomes. The latter composed of photopolymerizable phospholipid (DC8,9PC) would release entrapped toxins upon visible light treatment (The photopolymerization occurs at 514 nm). 
					Liposomes prepared from DC8,9PC alone form tube like structures that are not suitable for molecule entrapment, therefore, we thought to make a formulation containing a mixture of lipids (<a href="#" style="text-decoration:none">VIEW PROTOCOLE</a>) .
				<br>
					In order to ensure a functional liposomes, we took as reference the article written by Yavlovich et al. (2011) entitled  “A Novel class of Photo-triggerable liposomes containing DPPC:DC8,9PC as Vehicles for Delivery of Doxorubcin to Cells”. 
				</p> 
			</div>
			<div class="col-sm-6 wowload fadeInRight">
				<p align="center"> <br><br><br>
					<img src="https://static.igem.org/mediawiki/2015/9/96/LIPOSOME.png" alt="Liposome"  width="500" height=auto>
				</p> 
			</div>
		</div>

			<h4><i class="fa fa-times-circle-o" style="color:#b22222"></i>  BactMan - Game Over  </h4>
					<p align="justify" > 
						Because of a time issue, we did not have enough time to synthesize the liposome and therefore test the first part of our game over. 
						According Yavlovich’s paper and if we follow carefully its liposome formation protocol, this system has a high probability to work efficiently. 
						<br>
						Nevertheless, visible-light induced solute leakage from the liposome and depends on the spectral properties of entrapped solutes. As we did not test the liposome with the toxins, we cannot say if the leakage will be important or not. In any case, we do not really have to worry about it since we play upon red light. 
					</p>
	</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"/>
				<a href="https://2015.igem.org/Team:IONIS_Paris/Project" >
					<figcaption>
						<h2>PROJECT</h2>
						<p>BactMan's Adventures<br>
						</p>            
					</figcaption>
				</a>
			</figure>

			<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"/>
				<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 class="effect-oscar  wowload fadeInUp">
				<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>
						<h2>MICROFLUIDICS</h2>
						<p>Our challenge in achieving the Bio-console<br>
						</p>            
					</figcaption>
				</a>
			</figure>	
		</div>
		<br><br><br>

		<!-- 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 HOME -->
		<a href="#banner" class="gototop "><i class="fa fa-chevron-circle-up   fa-3x"></i></a>

	</body>
</html>
{{IONIS_Paris-menu}}
{{IONIS_Paris/FootPage}}