Difference between revisions of "Team:UMaryland"

 
(250 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
<!DOCTYPE html>
+
</div></div><html lang="en">
−
<html lang="en">
+
−
 
+
 
<head>
 
<head>
 +
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
<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="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
−
<script type="text/javascript">
+
<link href='https://fonts.googleapis.com/css?family=Exo|Lora' rel='stylesheet' type='text/css'>
−
if (typeof jQuery == 'undefined') {
+
       
−
document.write(unescape("%3Cscript src='js/jquery-1.10.2.min.js' type='text/javascript'%3E%3C/script%3E"));
+
<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>
 +
<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>
 
</script>
−
<link href='https://fonts.googleapis.com/css?family=Raleway:400,200' rel='stylesheet' type='text/css'>
+
<style>
−
<title>UMaryland iGEM 2015</title>
+
        #bars_item {
−
<style>
+
            display: none;
−
/* Navbar and body setup */
+
        }
−
body {
+
−
font-family: 'Raleway', sans-serif;
+
−
color: white;
+
−
width: 100%;
+
−
height: 100%;
+
−
overflow: hidden;
+
−
}
+
  
−
nav {
+
        #sideMenu {
−
margin-top: 100px;
+
            display: none;
−
font-size: 24pt;
+
        }
−
}
+
  
−
nav a {
+
        #bodyContent, #content, html, body, #globalWrapper, #iGEM, #overruled {
−
text-decoration: none;
+
            width: 100%;
−
color: white;
+
            padding: 0 0 0 0;
−
}
+
            border: none;
 +
            margin: 0 0 0 0;
 +
            background: transparent;
 +
font-family: Raleway !important;
 +
min-width: 1000px;
 +
min-height: 500px;
 +
        }
  
−
a:hover {
+
        #top_title {
−
font-weight: 800;
+
            display: none;
−
}
+
            line-height: inherit;
 +
        }
  
−
nav ul {
+
        #sideMenu {
−
list-style: none;
+
            display: none;
−
text-align: right;
+
        }
−
margin-right: 50px;
+
−
padding-top: 35px;
+
−
}
+
  
−
nav ul li {
+
        /* Navbar and body setup */
−
display: inline;
+
        body {
−
padding-left: 40px;
+
overflow: normal;
−
}
+
        }
  
−
#img-logo {
+
        #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="navContainer">
 +
<div class="hide">
 +
<nav id="nav">
 +
<ul>
 +
<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/Model">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/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>
 +
</div>
 +
<style>
 +
#img-logoNav{
 +
display: none;
 
margin-left: 50px;
 
margin-left: 50px;
−
width: 400px;
+
margin-top: 42px;
 +
width: 260px;
 
float: left;
 
float: left;
 
}
 
}
−
 
+
</style>
−
#div-text {
+
</div>
−
margin-left: 50px;
+
<script>
−
padding-top: 40px;
+
 +
 +
$.fn.extend({
 +
animateCss: function (animationName) {
 +
var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
 +
this.addClass('animated ' + animationName).one(animationEnd, function() {
 +
$(this).removeClass('animated ' + animationName);
 +
});
 +
}
 +
});
 +
 +
$(window).load(function() {
 +
var timeoutID;
 +
var timeoutID2;
 +
 +
$('#img-logo, #h2').animateCss('fadeInUp');
 +
$('#h2, #img-logo').css('display','block');
 +
timeoutID = window.setTimeout(show2, 800);
 +
 +
 +
})
 +
 +
function show2(){
 +
$('#h3, #div-h3').animateCss('fadeInUp');
 +
$('#h3, #div-h3').css('display','block');
 +
timeoutID = window.setTimeout(show3, 800);
 
}
 
}
−
 
+
−
/* Start Page Specific CSS */
+
function show3() {
−
 
+
$('nav, #small').animateCss('fadeInUp');
−
h1 {
+
$('.hide').css('display','block')
−
margin-top: 10%;
+
timeoutID = window.setTimeout(show4, 2000);
−
font-size: 80pt;
+
−
font-weight: 200;
+
−
clear: both;
+
 
}
 
}
−
 
+
−
h2 {
+
function show4() {
−
font-size: 60pt;
+
$('.tour').animateCss('slideInLeft');
−
font-weight: 200;
+
//$('.tour').css('display','block')
 +
timeoutID = window.setTimeout(show5, 5000);
 
}
 
}
−
 
+
−
/* sets the background image */
+
function show5() {
−
#img-plasmid {
+
$('.tour').animateCss('pulse');
−
position: absolute;
+
timeoutID = window.setTimeout(show5, 5000);
−
z-index: -999;
+
−
left: 0px;
+
−
top: 0px;
+
−
width: 2560px;
+
−
height: 1440px;
+
 
}
 
}
−
 
+
−
html {
+
</script>
−
margin: 0 0 0 0;
+
−
padding: 0 0 0 0;
+
−
}
+
−
</style>
+
−
</head>
+
−
<body>
+
−
<img src="https://static.igem.org/mediawiki/2016/b/b7/16UMD-main.jpeg" id="img-plasmid"/>
+
−
<img src="https://static.igem.org/mediawiki/2016/e/e3/16UMD-logoTemp.png" id="img-logo" alt="UMaryland iGEM Logo" />
+
−
<nav>
+
−
<ul>
+
−
<li><a href="">Projects</a></li>
+
−
<li><a href="">Parts</a></li>
+
−
<li><a href="">Outreach</a></li>
+
−
<li><a href="">Notebook</a></li>
+
−
<li><a href="">About Us</a></li>
+
−
</ul>
+
−
</nav>
+
−
<div id="div-text">
+
−
<h1>2016 UMaryland iGEM</h1>
+
−
<h2>More coming soon!</h2>
+
−
</div>
+
−
</body>
+
 
</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!