Difference between revisions of "Team:TUDelft/Test"

Line 8: Line 8:
  
  
 
+
<style>
        <style>
+
.video-container {
+
  height: 100%;
+
  background-position: center;
+
  background-repeat: no-repeat;
+
  background-size: cover;
+
  position: relative;
+
}
+
 
+
.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;
+
  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 241: Line 173:
  
 
     <body>
 
     <body>
 
 
 
 
 
 
 
</style>
 
</head>
 
<body>
 
  
 
      
 
      
 
     <div class="video-container">
 
     <div class="video-container">
 
    
 
    
   <video autoplay muted loop>
+
   <video autoplay muted loop width="100%">
 
     <source type="video/mp4" src="https://static.igem.org/mediawiki/2019/3/3f/T--TUDelft--homevideo.mp4">
 
     <source type="video/mp4" src="https://static.igem.org/mediawiki/2019/3/3f/T--TUDelft--homevideo.mp4">
  

Revision as of 16:49, 7 October 2019

Sci-Phi 29

Engineering non-model bacteria is extremely laborious and expensive


Problem




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






How does Sci-Phi 29 works?


overview project




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
Foldscope Event