Difference between revisions of "Team:UMaryland"

 
(225 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
 
+
</div></div><html lang="en">
−
<html lang="en">
+
−
</div></div></div><!-- iGEM code bug? Makes our content not under iGEM CSS code -->
+
 
<head>
 
<head>
−
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
 
<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>
−
<link href='https://fonts.googleapis.com/css?family=Raleway:400,200' rel='stylesheet' type='text/css'>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
−
<title>UMaryland iGEM 2015</title>
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 +
<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,300' rel='stylesheet' type='text/css'>
 +
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
 
</head>
 
</head>
 +
<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>
 +
        #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 {
 +
font-family: Raleway !important;
 +
min-width: 1000px;
 +
color: white;
 +
font-weight: 300;
 +
 +
}
 +
 +
#UMD-content a {
 +
color: white;
 +
}
 +
 +
#nav li {
 +
display: inline;
 +
font-size: 18pt;
 +
margin-right: 35px;
 +
}
 +
 +
#nav {
 +
margin-right: 2%;
 +
margin-left: auto;
 +
width: 810px;
 +
}
 +
 +
#nav ul {
 +
list-style: none;
 +
}
 +
 +
#h2 {
 +
font-family: Raleway !important;
 +
display: none;
 +
font-size: 36pt !important;
 +
margin-top: 0px !important;
 +
text-align: left !important;
 +
}
 +
 +
#h3, #div-h3 {
 +
font-family: Raleway !important;
 +
display: none;
 +
font-size: 20pt !important;
 +
line-height: 1.5em !important;
 +
text-align: left !important;
 +
}
 +
 +
#div-text {
 +
width: 1100px;
 +
padding-top: 20px;
 +
}
 +
 +
#img-logo {
 +
display: none;
 +
margin-top: 10px;
 +
float: left;
 +
margin-right: 50px;
 +
}
 +
 +
.notOutline {
 +
margin-left: 50px;
 +
min-height: 400px;
 +
min-width: 1000px;
 +
}
 +
 +
.hide {
 +
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>
 
<div id="UMD-content">
 
<div id="UMD-content">
−
<img src="https://static.igem.org/mediawiki/2016/e/e3/16UMD-logoTemp.png" id="img-logo" alt="UMaryland iGEM Logo" />
+
<div id="navContainer">
−
<div class="nav">
+
<div class="hide">
−
<ul>
+
<nav id="nav">
−
<li><a href="#">Projects</a></li>
+
<ul>
−
<li><a href="#">Parts</a></li>
+
<li><a href="https://2016.igem.org/Team:UMaryland/projects">Projects</a></li>
−
<li><a href="#">Outreach</a></li>
+
<li><a href="https://2016.igem.org/Team:UMaryland/Part_Collection">Parts</a></li>
−
<li><a href="#">Notebook</a></li>
+
<li><a href="https://2016.igem.org/Team:UMaryland/Model">Modeling</a></li>
−
<li><a href="#">About Us</a></li>
+
<li><a href="https://2016.igem.org/Team:UMaryland/outreach">Outreach</a></li>
−
</ul>
+
<li><a href="https://2016.igem.org/Team:UMaryland/notebook">Notebook</a></li>
 +
<li><a href="https://2016.igem.org/Team:UMaryland/about">About Us</a></li>
 +
</ul>
 +
</nav>
 +
</div>
 +
</div>
 +
<div class="notOutline">
 +
<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">
 +
<p id="h2"><span class="background">Biosequestration of Methane</span></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 class="smallContainer">
 +
<div class="hide">
 +
<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>
−
<script>
 
−
//$('#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>
 
−
<div id="div-text">
 
−
<p class="h1">2016 UMaryland iGEM</p>
 
−
<p class="h2">Methane Sequestration - coming soon!</p>
 
−
<p class="h3">Follow us on Facebook and Instagram for updates!</p>
 
 
</div>
 
</div>
 
</div>
 
</div>
 
<style>
 
<style>
−
#bodyContent, #content, html, body, #globalWrapper, #iGEM, #overruled {
+
#img-logoNav{
−
width: 100%;
+
−
height: 100%;
+
−
padding: 0 0 0 0;
+
−
border: none;
+
−
margin: 0 0 0 0;
+
−
background: transparent;
+
−
}
+
−
+
−
#top_title {
+
−
display: none;
+
−
line-height: inherit;
+
−
}
+
−
+
−
#sideMenu {
+
 
display: none;
 
display: none;
 +
margin-left: 50px;
 +
margin-top: 42px;
 +
width: 260px;
 +
float: left;
 
}
 
}
 
</style>
 
</style>
−
<style>
+
</div>
−
/* Navbar and body setup */
+
<script>
 +
 +
 +
$.fn.extend({
 +
animateCss: function (animationName) {
 +
var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
 +
this.addClass('animated ' + animationName).one(animationEnd, function() {
 +
$(this).removeClass('animated ' + animationName);
 +
});
 +
}
 +
});
 
 
−
#UMD-content {
+
$(window).load(function() {
−
font-family: 'Raleway', sans-serif;
+
var timeoutID;
−
color: white; !important
+
var timeoutID2;
−
padding: 0 0 0 0;
+
−
border: none;
+
$('#img-logo, #h2').animateCss('fadeInUp');
−
margin: 0 0 0 0;
+
$('#h2, #img-logo').css('display','block');
−
}
+
timeoutID = window.setTimeout(show2, 800);
 +
 +
 +
})
 
 
−
body {
+
function show2(){
−
background: url(https://static.igem.org/mediawiki/2016/b/b7/16UMD-main.jpeg) no-repeat center fixed;  
+
$('#h3, #div-h3').animateCss('fadeInUp');
−
background-size: cover;
+
$('#h3, #div-h3').css('display','block');
 +
timeoutID = window.setTimeout(show3, 800);
 +
}
 +
 +
function show3() {
 +
$('nav, #small').animateCss('fadeInUp');
 +
$('.hide').css('display','block')
 +
timeoutID = window.setTimeout(show4, 2000);
 
}
 
}
 
 
−
.nav {
+
function show4() {
−
padding-top: 70px;
+
$('.tour').animateCss('slideInLeft');
−
font-size: 24pt;
+
//$('.tour').css('display','block')
−
}
+
timeoutID = window.setTimeout(show5, 5000);
−
 
+
−
.nav a {
+
−
text-decoration: none;
+
−
color: white;
+
−
}
+
−
 
+
−
a:hover {
+
−
font-weight: 800;
+
−
}
+
−
 
+
−
.nav ul {
+
−
list-style: none;
+
−
text-align: right;
+
−
margin-right: 50px;
+
−
padding-top: 15px;
+
−
}
+
−
 
+
−
.nav ul li {
+
−
display: inline;
+
−
padding-left: 40px;
+
−
line-height: 1.5em;
+
−
}
+
−
 
+
−
#img-logo {
+
−
margin-top: 100px;
+
−
margin-left: 50px;
+
−
width: 400px;
+
−
float: left;
+
−
}
+
−
 
+
−
#div-text {
+
−
margin-left: 50px;
+
−
padding-top: 40px;
+
−
}
+
−
 
+
−
/* Start Page Specific CSS */
+
−
 
+
−
.h1 {
+
−
margin-top: 100px;
+
−
font-size: 80pt;
+
−
font-weight: 200;
+
−
clear: both;
+
−
}
+
−
 
+
−
.h2 {
+
−
font-size: 60pt;
+
−
font-weight: 200;
+
 
}
 
}
 
 
−
.h3 {
+
function show5() {
−
font-size: 32pt;
+
$('.tour').animateCss('pulse');
−
font-weight: 200;
+
timeoutID = window.setTimeout(show5, 5000);
−
padding-bottom: 50px;
+
 
}
 
}
 
 
−
</style>
+
</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!