Difference between revisions of "Team:TUDelft/Test"
Weronika77 (Talk | contribs) |
Weronika77 (Talk | contribs) |
||
| Line 10: | Line 10: | ||
<style> | <style> | ||
| − | + | .video-container { | |
| − | + | position: absolute; | |
| + | top: 0; | ||
| + | bottom: 0; | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | overflow: hidden; | ||
} | } | ||
| − | + | .video-container video { | |
| − | + | /* Make video to at least 100% wide and tall */ | |
| − | + | min-width: 100%; | |
| − | + | min-height: 100%; | |
| + | |||
| + | /* Setting width & height to auto prevents the browser from stretching or squishing the video */ | ||
| + | width: auto; | ||
| + | height: auto; | ||
| + | |||
| + | /* Center the video */ | ||
| + | position: absolute; | ||
| + | top: 50%; | ||
| + | left: 50%; | ||
| + | transform: translate(-50%,-50%); | ||
} | } | ||
| − | + | ||
| − | + | //////////////////////////////////////// | |
| − | + | ||
| + | body { | ||
| + | background: #000; | ||
| + | color: #fff; | ||
| + | font-family: 'Oxygen', sans-serif; | ||
| + | } | ||
| + | |||
| + | .overlay { | ||
| + | background: rgba(0,0,0,0.5); | ||
| + | position: absolute; | ||
bottom: 0; | bottom: 0; | ||
| − | + | left: 0; | |
| − | + | right: 0; | |
| + | width: 95%; | ||
| + | max-width: 45em; | ||
| + | margin: auto auto 1em; | ||
| + | box-sizing: border-box; | ||
| + | padding: 2em; | ||
| + | line-height: 1.5; | ||
| + | text-align: center; | ||
| + | |||
| + | :last-child { margin-bottom: 0; } | ||
| + | |||
| + | h1 { | ||
| + | font-size: 14pt; | ||
| + | font-weight: normal; | ||
| + | text-shadow: 0 0 .3em #000; | ||
| + | margin: 0 0 1em; | ||
| + | } | ||
| + | |||
| + | p { | ||
| + | font-size: 11pt; | ||
| + | text-shadow: 0 0 .3em #000; | ||
| + | margin: 1em 0; | ||
| + | } | ||
| + | a { | ||
| + | color: #fff; | ||
| + | } | ||
} | } | ||
| + | |||
| + | code { font-family: monospace; } | ||
#left{ | #left{ | ||
| Line 202: | Line 253: | ||
<body> | <body> | ||
| + | |||
| + | <div class="video-container"> | ||
| + | |||
| + | <video autoplay muted loop> | ||
| + | <source type="video/mp4" src="https://static.igem.org/mediawiki/2019/3/3f/T--TUDelft--homevideo.mp4"> | ||
| + | |||
| + | </video> | ||
| + | |||
| + | |||
| + | |||
| + | |||
<video autoplay muted loop id="myVideo"> | <video autoplay muted loop id="myVideo"> | ||
<source src="https://static.igem.org/mediawiki/2019/3/3f/T--TUDelft--homevideo.mp4" type="video/mp4"> | <source src="https://static.igem.org/mediawiki/2019/3/3f/T--TUDelft--homevideo.mp4" type="video/mp4"> | ||
| Line 207: | Line 269: | ||
</video> | </video> | ||
| − | + | <div class="centerjustify2 content"> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | <div class="centerjustify2"> | + | |
<div data-aos="fade-zoom-in" data-aos-duration="2000"> | <div data-aos="fade-zoom-in" data-aos-duration="2000"> | ||
Revision as of 23:12, 6 October 2019
Engineering non-model bacteria is extremely laborious and expensive, which restricts the scope of synthetic biology to a small subset of the bacterial cosmos.
Read More
In our project, we developed a tool that aims to expand the repertoire of bacterial species and broaden the range of substrates and environmental conditions which is currently used in synthetic biology.
Read More
Sci-Phi 29 is a tool used to express genetic circuits independently of the bacterial host.
Read More
In our project, we developed a tool that aims to expand the repertoire of bacterial species and broaden the range of substrates and environmental conditions which is currently used in synthetic biology.
Read More
