Difference between revisions of "Team:Austin UTexas"

 
(38 intermediate revisions by 4 users not shown)
Line 2: Line 2:
 
<html>
 
<html>
 
<head>
 
<head>
 +
<link href="https://fonts.googleapis.com/css?family=Assistant:800|Didact+Gothic|Open+Sans:300" rel="stylesheet">
 
<style>
 
<style>
−
 
+
/* * {
−
body {
+
border: 1px solid white;
−
                                margin: 0px;}
+
} */
−
 
+
.DNA div {
−
.DNA div {
+
 
width: 80vw;
 
width: 80vw;
 
position: absolute;
 
position: absolute;
 
top: 50%;
 
top: 50%;
 
left: 2em;
 
left: 2em;
−
transform: translateY(-50%);}
+
transform: translateY(-50%);
−
.DNA video {
+
}
 +
.DNA video {
 
display: block;
 
display: block;
 
position: fixed;
 
position: fixed;
Line 23: Line 24:
 
z-index: -1000;
 
z-index: -1000;
 
background-size: cover;
 
background-size: cover;
−
background-position: center;}
+
background-position: center;
−
 
+
}
−
#background_video {
+
            #background_video {
−
                          filter:brightness(50%); }
+
                filter:brightness(50%);
−
 
+
            }
−
.video_overlays {
+
            .logo{
−
                          position:absolute;
+
            margin-top: 115px;
−
                          text-align:center;
+
            z-index: -500;
−
                          width:640px;
+
            width: 100%;
−
                          min-height:370px;
+
            text-align: top left;
−
                          background-color:transparent;
+
            position: fixed;
−
                          z-index:300000;} 
+
transform: translateX(-8%)
−
             
+
            }
 +
            body{
 +
            background-color:black;
 +
            width: 100%;
 +
            }   
 
</style>
 
</style>
 
</head>
 
</head>
 
<body>
 
<body>
 +
<div class="logo">
 +
<img style = "width: 700px;" src="https://static.igem.org/mediawiki/2017/thumb/d/df/Wgba.png/800px-Wgba.png">
 +
</div>
 +
                <div style="position: relative">
 +
 +
 +
 +
              <p style="position: fixed; color: white; bottom: 20px; width:100%; text-align: left; font-size: 32px; font-family:verdana">The University of Texas <br> at Austin iGEM 2017
 +
              </p>
 +
       
 +
          </div>
 
<div class="DNA" style="padding-bottom:2000px">
 
<div class="DNA" style="padding-bottom:2000px">
 
<video autoplay="" loop="" id ="background_video">
 
<video autoplay="" loop="" id ="background_video">
Line 45: Line 61:
 
</div>
 
</div>
 
</body>
 
</body>
−
 
−
<div class="video_overlays"
 
−
              <img src="https://static.igem.org/mediawiki/2017/1/18/T--Austin_UTexas--YoGABAGABA.jpg">
 
−
              </div>
 
−
 
−
      <div style="position: relative">
 
−
 
−
              <strong> <p style="position: fixed; color: white; bottom: 130px; width:100%; text-align: left; font-size: 40px; font-family:verdana">Yo GABA GABA <br> University of Texas <br> at Austin iGEM 2017
 
−
              </p>
 
−
              </strong>
 
−
          </div>
 
  
 
<!--Video Source "https://pixabay.com/en/videos/dna-helix-deoxyribonucleic-acid-6973/"*/
 
<!--Video Source "https://pixabay.com/en/videos/dna-helix-deoxyribonucleic-acid-6973/"*/
 
*/ Source code for home page adapted from Rice University*/-->
 
*/ Source code for home page adapted from Rice University*/-->
 
</html>
 
</html>

Latest revision as of 03:53, 2 November 2017

The University of Texas
at Austin iGEM 2017