(54 intermediate revisions by 2 users not shown) | |||
Line 23: | Line 23: | ||
.neant { | .neant { | ||
− | height : | + | height : 65px; |
width : 100%; | width : 100%; | ||
} | } | ||
section.page-header { | section.page-header { | ||
− | + | ||
margin-bottom: 35px; | margin-bottom: 35px; | ||
} | } | ||
Line 41: | Line 41: | ||
} | } | ||
#u1570{ | #u1570{ | ||
+ | |||
height:600px; | height:600px; | ||
} | } | ||
Line 48: | Line 49: | ||
margin-left : 37.5%; | margin-left : 37.5%; | ||
text-align : center; | text-align : center; | ||
+ | overflow : visible; | ||
} | } | ||
#projectdescription { | #projectdescription { | ||
Line 55: | Line 57: | ||
position : relative; | position : relative; | ||
min-height : 500px; | min-height : 500px; | ||
+ | overflow : visible; | ||
} | } | ||
#projectdescription h4 { | #projectdescription h4 { | ||
text-align : center; | text-align : center; | ||
+ | text-indent : 0px; | ||
+ | overflow : visible; | ||
} | } | ||
#project1 { | #project1 { | ||
Line 63: | Line 68: | ||
width : 20%; | width : 20%; | ||
float : left; | float : left; | ||
+ | overflow : visible; | ||
} | } | ||
#project2 { | #project2 { | ||
position : absolute; | position : absolute; | ||
− | width : 20%; | + | max-width : 20%; |
margin-left : 26.66%; | margin-left : 26.66%; | ||
float : left; | float : left; | ||
+ | overflow : visible !important; | ||
} | } | ||
#project3 { | #project3 { | ||
Line 75: | Line 82: | ||
margin-left : 53.333%; | margin-left : 53.333%; | ||
float : left; | float : left; | ||
+ | overflow : visible; | ||
+ | z-index : 49; | ||
} | } | ||
#project4 { | #project4 { | ||
Line 84: | Line 93: | ||
.logo { | .logo { | ||
padding : auto; | padding : auto; | ||
+ | overflow : visible; | ||
} | } | ||
.logosubp { | .logosubp { | ||
display : none; | display : none; | ||
margin : auto; | margin : auto; | ||
+ | overflow : visible; | ||
} | } | ||
.logosubpinerte { | .logosubpinerte { | ||
display : block; | display : block; | ||
margin : auto; | margin : auto; | ||
+ | overflow : visible; | ||
} | } | ||
.logo:hover .logosubp { | .logo:hover .logosubp { | ||
Line 105: | Line 117: | ||
#maintitle { | #maintitle { | ||
font-family : "Avenir", Lato, sans-serif; | font-family : "Avenir", Lato, sans-serif; | ||
+ | } | ||
+ | |||
+ | #blockverticalcenter { | ||
+ | display : table; | ||
+ | text-align : center; | ||
+ | vertical-align : middle; | ||
+ | padding : 0 auto; | ||
+ | } | ||
+ | #blockverticalcenter p { | ||
+ | display : table-cell; | ||
+ | } | ||
+ | |||
+ | |||
+ | #block1 { | ||
+ | display : flex !important; | ||
+ | vertical-align : middle !important; | ||
} | } | ||
</style> | </style> | ||
Line 118: | Line 146: | ||
<div class=textbody> | <div class=textbody> | ||
<h1 id=maintitle>BRINGING CONTROL TO THE</br>THIRD DIMENSION</h1> | <h1 id=maintitle>BRINGING CONTROL TO THE</br>THIRD DIMENSION</h1> | ||
+ | <div class=text4 id=block1> | ||
+ | <div class=text4left><video width="560" height="315" controls><source src="https://static.igem.org/mediawiki/2017/7/7e/PB_MedusaTrailer.mp4" type="video/mp4"></source></video></div> | ||
+ | <div class=text4right id=blockverticalcenter>By creating logic circuits with photo sensitive proteins, we <b>control and study cells in 3D.</b></div> | ||
+ | </div> | ||
+ | |||
<div class=text1><b>Proof of concept - 3D printer: </b> | <div class=text1><b>Proof of concept - 3D printer: </b> | ||
by creating a printer, it is a clear and easily quantified way to validate our 3D controls. | by creating a printer, it is a clear and easily quantified way to validate our 3D controls. | ||
Line 123: | Line 156: | ||
biotech. We also optimised production by creating local concnetrations of enzymes in | biotech. We also optimised production by creating local concnetrations of enzymes in | ||
the RNA organelles. | the RNA organelles. | ||
− | |||
− | |||
− | |||
</div> | </div> | ||
<div id="projectdescription"> | <div id="projectdescription"> | ||
− | <a href="https://2017.igem.org/Team:Paris_Bettencourt/Biomaterials"> | + | <div id="project1"><div class="logo"> |
− | + | <a href="https://2017.igem.org/Team:Paris_Bettencourt/Biomaterials"><img class="logosubpinerte" src="https://static.igem.org/mediawiki/2017/2/2c/RocheinertePB.png"><img class="logosubp" src="https://static.igem.org/mediawiki/2017/6/61/RochePB.gif"></div><h2>Biomaterials</div></a> | |
<div id="project2"><div class="logo"> | <div id="project2"><div class="logo"> | ||
− | <a href="https://2017.igem.org/Team:Paris_Bettencourt/Transmembrane_Proteins"><img class="logosubpinerte" src="https://static.igem.org/mediawiki/2017/5/51/LaserinertePB.png"><img class="logosubp" src="https://static.igem.org/mediawiki/2017/a/ad/LaserPB.gif"></div></ | + | <a href="https://2017.igem.org/Team:Paris_Bettencourt/Transmembrane_Proteins"><img class="logosubpinerte" src="https://static.igem.org/mediawiki/2017/5/51/LaserinertePB.png"><img class="logosubp" src="https://static.igem.org/mediawiki/2017/a/ad/LaserPB.gif"></div><h2>Membrane Photoreceptor</h2></a></div> |
<div id="project3"><div class="logo"> | <div id="project3"><div class="logo"> | ||
− | <a href="https://2017.igem.org/Team:Paris_Bettencourt/RNA"><img class="logosubpinerte" src="https://static.igem.org/mediawiki/2017/1/17/GifRNAinertePB.png"><img class="logosubp" src="https://static.igem.org/mediawiki/2017/5/53/GifRNAPB.gif"></div></div></a> | + | <a href="https://2017.igem.org/Team:Paris_Bettencourt/RNA"><img class="logosubpinerte" src="https://static.igem.org/mediawiki/2017/1/17/GifRNAinertePB.png"><img class="logosubp" src="https://static.igem.org/mediawiki/2017/5/53/GifRNAPB.gif"></div><h2>RNA Organelle</h2></div></a> |
<div id="project4"><div class="logo"> | <div id="project4"><div class="logo"> | ||
− | <img class="logosubpinerte" src=""><img class="logosubp" src=""> | + | <a href="https://2017.igem.org/Team:Paris_Bettencourt/Proteins_Caging"><img class="logosubpinerte" src="https://static.igem.org/mediawiki/2017/c/c5/GifdrompainertePB.png"><img class="logosubp" src="https://static.igem.org/mediawiki/2017/e/e7/GifdrompaPB.gif"></div><h2>Proteins Photocaging</h2></div></a> |
</div> | </div> | ||
</div> | </div> | ||
Line 222: | Line 252: | ||
return Math.floor((Math.random() * 360) + 1); | return Math.floor((Math.random() * 360) + 1); | ||
} | } | ||
− | this.getPosition = function(max){ | + | this.getPosition = function(max, padding){ |
− | return Math.floor((Math.random() * max) + | + | return Math.floor((Math.random() * max) + padding); |
} | } | ||
this.setPosition = function(container){ | this.setPosition = function(container){ | ||
Object.assign(this.element.style, { | Object.assign(this.element.style, { | ||
− | top: this.getPosition(container. | + | top: this.getPosition(container.clientHeight-this.width, 70) +'px', |
− | left: this.getPosition(container. | + | left: this.getPosition(container.clientWidth-this.width, 1) +'px', |
}); | }); | ||
} | } |
Latest revision as of 17:20, 12 December 2017
BRINGING CONTROL TO THETHIRD DIMENSION
By creating logic circuits with photo sensitive proteins, we control and study cells in 3D.
Proof of concept - 3D printer:
by creating a printer, it is a clear and easily quantified way to validate our 3D controls.
It also allowed us to engineer biomaterials that would be compatible and useful in
biotech. We also optimised production by creating local concnetrations of enzymes in
the RNA organelles.