Difference between revisions of "Team:Austin UTexas"

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;
−
            background-color:black;
+
} */
−
            width: 100%;
+
.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 25: Line 24:
 
z-index: -1000;
 
z-index: -1000;
 
background-size: cover;
 
background-size: cover;
−
background-position: center;}
+
background-position: center;
−
 
+
}
−
.logo{
+
            #background_video {
 +
                filter:brightness(50%);
 +
            }
 +
            .logo{
 
             margin-top: 250px;
 
             margin-top: 250px;
 
             z-index: -500;
 
             z-index: -500;
Line 33: Line 35:
 
             text-align: center;
 
             text-align: center;
 
             position: fixed;
 
             position: fixed;
−
             }  
+
             }
−
             
+
            body{
 +
            background-color:black;
 +
            width: 100%;
 +
            }   
 
</style>
 
</style>
 
</head>
 
</head>
 
<body>
 
<body>
 +
<div class="logo">
 +
<img style = "width: 500px;" src="https://static.igem.org/mediawiki/2017/1/18/T--Austin_UTexas--YoGABAGABA.jpg">>
 +
</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 43: Line 51:
 
</video>
 
</video>
 
</div>
 
</div>
−
 
+
</body>
−
<div class="logo">
+
−
<img style = "width: 500px;" src="https://static.igem.org/mediawiki/2017/1/18/T--Austin_UTexas--YoGABAGABA.jpg">>
+
−
</div>
+
−
 
+
−
</body>
+
−
 
+
−
      <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>

Revision as of 05:40, 1 November 2017