Difference between revisions of "Team:UMaryland"

 
(78 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
 
+
</div></div><html lang="en">
−
 
+
−
</div></div>
+
−
<html lang="en">
+
 
<head>
 
<head>
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
Line 9: Line 6:
 
<link href='https://fonts.googleapis.com/css?family=Exo|Lora' rel='stylesheet' type='text/css'>
 
<link href='https://fonts.googleapis.com/css?family=Exo|Lora' rel='stylesheet' type='text/css'>
 
          
 
          
−
<link href='https://fonts.googleapis.com/css?family=Raleway:400,200' rel='stylesheet' type='text/css'>
+
<link href='https://fonts.googleapis.com/css?family=Raleway:400,200,300' rel='stylesheet' type='text/css'>
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
 
</head>
 
</head>
 
<body>
 
<body>
 +
<script>
 +
/* Hiding stupid stuff*/
 +
$(document).ready(function() {
 +
                $('#top_title').css('display', 'none');
 +
$('#top_menu').css('display', 'none');
 +
//$('#top_menu_14').css('display', 'none');
 +
                $('#HQ_page').css('display', 'none');
 +
$('#top_menu_under').css('display', 'none');
 +
                });
 +
$('#HQ_page').attr("id","iGEM"); //voids all dumb CSS iGEM HQ wrote which overrides our code
 +
$('#mw-content-text').attr("id","overruled").removeClass('mw-content-ltr');
 +
</script>
 
<style>
 
<style>
 +
        #bars_item {
 +
            display: none;
 +
        }
 +
 +
        #sideMenu {
 +
            display: none;
 +
        } 
 +
 +
        #bodyContent, #content, html, body, #globalWrapper, #iGEM, #overruled {
 +
            width: 100%;
 +
            padding: 0 0 0 0;
 +
            border: none;
 +
            margin: 0 0 0 0;
 +
            background: transparent;
 +
font-family: Raleway !important;
 +
min-width: 1000px;
 +
min-height: 500px;
 +
        }
 +
 +
        #top_title {
 +
            display: none;
 +
            line-height: inherit;
 +
        }
 +
 +
        #sideMenu {
 +
            display: none;
 +
        }
 +
 +
        /* Navbar and body setup */
 +
        body {
 +
overflow: normal;
 +
        }
 +
 +
        #content {
 +
                margin-top: 0px;
 +
        }
 +
 
#UMD-content {
 
#UMD-content {
−
font-family: Raleway;
+
font-family: Raleway !important;
−
margin-top: 100px;
+
min-width: 1000px;
−
margin-left: 50px;
+
−
margin-right: 50px;
+
 
color: white;
 
color: white;
−
font-weight: 200;
+
font-weight: 300;
 +
 
}
 
}
 
 
Line 34: Line 79:
 
 
 
#nav {
 
#nav {
−
position: absolute;
+
margin-right: 2%;
−
right: 100px;
+
margin-left: auto;
−
left: auto;
+
width: 810px;
−
top: 100px;
+
−
display: block;
+
 
}
 
}
 
 
Line 45: Line 88:
 
}
 
}
 
 
−
.h2 {
+
#h2 {
 +
font-family: Raleway !important;
 
display: none;
 
display: none;
−
font-size: 36pt;
+
font-size: 36pt !important;
−
margin-top: 0px;
+
margin-top: 0px !important;
 +
text-align: left !important;
 
}
 
}
 
 
−
.h3 {
+
#h3, #div-h3 {
 +
font-family: Raleway !important;
 
display: none;
 
display: none;
−
font-size: 20pt;
+
font-size: 20pt !important;
−
line-height: 1.5em;
+
line-height: 1.5em !important;
−
}
+
text-align: left !important;
−
+
−
.small {
+
−
font-size: 14pt;
+
−
position: absolute;
+
−
display: block;
+
−
bottom: 40px;
+
−
top: auto;
+
−
right: 100px;
+
−
left: auto;
+
 
}
 
}
 
 
 
#div-text {
 
#div-text {
−
width: 1200px;
+
width: 1100px;
 
padding-top: 20px;
 
padding-top: 20px;
 
}
 
}
Line 80: Line 117:
 
 
 
.notOutline {
 
.notOutline {
−
margin-top: 250px;
+
margin-left: 50px;
 +
min-height: 400px;
 +
min-width: 1000px;
 
}
 
}
 
 
 
.hide {
 
.hide {
 
display: none;
 
display: none;
 +
}
 +
a {
 +
padding-right: 0px !important;
 +
text-decoration: none !important;
 +
}
 +
 +
 +
.tour {
 +
display: none;
 +
position: absolute;
 +
right: 150px;
 +
top: 50%;
 +
bottom: auto;
 +
left; auto;
 +
}
 +
 +
html {
 +
background: url(https://static.igem.org/mediawiki/2016/7/7e/T--UMaryland--main.jpg) !important;
 +
background-size: cover !important;
 +
background-repeat: no-repeat !important;
 +
}
 +
 +
.background {
 +
background-color: rgba(0,0,0, 0.7);
 +
padding: 5px 5px 5px 5px;
 +
}
 +
 +
.background2 {
 +
background-color: rgba(0,0,0, 0.7);
 +
padding: 5px 0px 4px 0px;
 +
}
 +
 +
.background3 {
 +
background-color: rgba(0,0,0, 0.7);
 +
padding: 5px 10px 5px 10px;
 +
}
 +
 +
#navContainer {
 +
position: relative;
 +
width: 100%;
 +
height: 25px;
 +
margin-top: 80px;
 +
margin-bottom: 120px;
 +
min-width: 1000px;
 +
}
 +
 +
 +
#small {
 +
font-size: 14pt !important;
 +
display: block !important;
 +
font-family: Raleway !important;
 +
margin-right: 2%;
 +
margin-left: auto;
 +
width: 500px;
 +
 +
}
 +
 +
.smallContainer {
 +
width: 100%;
 +
min-width: 1000px;
 +
height: 30px;
 +
margin-top: 120px;
 +
 
}
 
}
 
</style>
 
</style>
 
<div id="UMD-content">
 
<div id="UMD-content">
 +
<div id="navContainer">
 
<div class="hide">
 
<div class="hide">
 
<nav id="nav">
 
<nav id="nav">
 
<ul>
 
<ul>
 
<li><a href="https://2016.igem.org/Team:UMaryland/projects">Projects</a></li>
 
<li><a href="https://2016.igem.org/Team:UMaryland/projects">Projects</a></li>
−
<!--
+
<li><a href="https://2016.igem.org/Team:UMaryland/Part_Collection">Parts</a></li>
−
<li><a href="https://2016.igem.org/Team:UMaryland/parts">Parts</a></li>
+
<li><a href="https://2016.igem.org/Team:UMaryland/Model">Modeling</a></li>
−
<li><a href="https://2016.igem.org/Team:UMaryland/modeling">Modeling</a></li>
+
−
-->
+
 
<li><a href="https://2016.igem.org/Team:UMaryland/outreach">Outreach</a></li>
 
<li><a href="https://2016.igem.org/Team:UMaryland/outreach">Outreach</a></li>
 
<li><a href="https://2016.igem.org/Team:UMaryland/notebook">Notebook</a></li>
 
<li><a href="https://2016.igem.org/Team:UMaryland/notebook">Notebook</a></li>
Line 101: Line 202:
 
</ul>
 
</ul>
 
</nav>
 
</nav>
 +
</div>
 
</div>
 
</div>
 
<div class="notOutline">
 
<div class="notOutline">
−
<img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logo" alt="UMaryland iGEM Logo" width="300px"/>
+
<img src="https://static.igem.org/mediawiki/2016/9/9d/T--UMaryland--newlogosquare.png" id="img-logo" alt="UMaryland iGEM Logo" width="300px"/>
 
<div id="div-text">
 
<div id="div-text">
−
<p class="h2">Biosequestration of Methane</p>
+
<p id="h2"><span class="background">Biosequestration of Methane</span></p>
−
<p class="h3">Creating a strain of E. coli that break down methane to be implemented into landfills as an environmentally friendly strategy for ameliorating global climate change</p>
+
<p id="h3"><span class="background2">Creating a strain of E. coli that break down methane to be implemented into landfills as an environmentally friendly strategy for ameliorating global climate change</span></p>
 
</div>
 
</div>
 +
<div class="smallContainer">
 
<div class="hide">
 
<div class="hide">
−
<p class="small">Follow us on <a target="_blank" href="https://www.facebook.com/UMarylandiGEM/" style="text-decoration: underline;">Facebook</a> and <a target="_blank" href="https://www.instagram.com/umarylandigem/" style="text-decoration: underline;">Instagram</a> for updates!</p>
+
<p id="small"><span class="background">Follow us on <a target="_blank" href="https://www.facebook.com/UMarylandiGEM/" style="text-decoration: underline;">Facebook</a> and <a target="_blank" href="https://www.instagram.com/umarylandigem/" style="text-decoration: underline;">Instagram</a> for updates!</span></p>
 
</div>
 
</div>
−
</div>
 
−
<div class="covervid-wrapper">
 
−
<video class="covervid-video" autoplay loop>
 
−
<source src="https://static.igem.org/mediawiki/2016/4/4b/T--UMaryland--landfill.webm" type="video/webm">
 
−
<source src="https://static.igem.org/mediawiki/2016/0/03/T--UMaryland--landfill.mp4" type="video/mp4">
 
−
</video>
 
 
</div>
 
</div>
 
</div>
 
</div>
 +
</div>
 
<style>
 
<style>
−
.covervid-wrapper {
+
#img-logoNav{
−
position: absolute;
+
display: none;
−
top: 0;
+
margin-left: 50px;
−
left: 0;
+
margin-top: 42px;
−
width: 100%;
+
width: 260px;
−
height: 100%;
+
float: left;
−
z-index: -999;
+
 
}
 
}
 
</style>
 
</style>
 
</div>
 
</div>
 
<script>
 
<script>
−
var height = $(document).outerHeight(true);
 
−
var width = $(document).outerWidth(true);
 
−
 
−
resizeVid();
 
−
$( window ).resize(function() {
 
−
resizeVid()
 
−
})
 
−
 
−
function resizeVid() {
 
−
$('.covervid-video').css("width","");
 
−
$('.covervid-video').css("height","");
 
−
height = $(document).outerHeight(true);
 
−
width = $(document).outerWidth(true);
 
−
ratio = width / height;
 
−
if (ratio < 1.777777777777) {
 
−
$('.covervid-video').css('height', height+20)
 
−
} else if (ratio >= 1.777777777777) {
 
−
$('.covervid-video').css('width',width+20)
 
−
}
 
−
}
 
 
 
 
 
Line 164: Line 241:
 
$(window).load(function() {
 
$(window).load(function() {
 
var timeoutID;
 
var timeoutID;
 +
var timeoutID2;
 
 
−
$('#img-logo, .h2').animateCss('fadeInUp');
+
$('#img-logo, #h2').animateCss('fadeInUp');
−
$('.h2, #img-logo').css('display','block');
+
$('#h2, #img-logo').css('display','block');
 
timeoutID = window.setTimeout(show2, 800);
 
timeoutID = window.setTimeout(show2, 800);
 
 
Line 173: Line 251:
 
 
 
function show2(){
 
function show2(){
−
$('.h3').animateCss('fadeInUp');
+
$('#h3, #div-h3').animateCss('fadeInUp');
−
$('.h3').css('display','block');
+
$('#h3, #div-h3').css('display','block');
 
timeoutID = window.setTimeout(show3, 800);
 
timeoutID = window.setTimeout(show3, 800);
 
}
 
}
 
 
 
function show3() {
 
function show3() {
−
$('nav, .small').animateCss('fadeInUp');
+
$('nav, #small').animateCss('fadeInUp');
 
$('.hide').css('display','block')
 
$('.hide').css('display','block')
 +
timeoutID = window.setTimeout(show4, 2000);
 +
}
 +
 +
function show4() {
 +
$('.tour').animateCss('slideInLeft');
 +
//$('.tour').css('display','block')
 +
timeoutID = window.setTimeout(show5, 5000);
 +
}
 +
 +
function show5() {
 +
$('.tour').animateCss('pulse');
 +
timeoutID = window.setTimeout(show5, 5000);
 
}
 
}
 
 
 
</script>
 
</script>
 +
 
</html>
 
</html>

Latest revision as of 02:39, 12 October 2016

</div></div>

Biosequestration of Methane

Creating a strain of E. coli that break down methane to be implemented into landfills as an environmentally friendly strategy for ameliorating global climate change

Follow us on Facebook and Instagram for updates!