Difference between revisions of "Team:UMaryland"

 
(230 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
</div></div></div>
+
</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>
−
<link href='https://fonts.googleapis.com/css?family=Raleway:400,200' rel='stylesheet' type='text/css'>
+
<link href='https://fonts.googleapis.com/css?family=Exo|Lora' rel='stylesheet' type='text/css'>
−
<title>UMaryland iGEM 2015</title>
+
       
 +
<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>
−
<div id="UMD-content">
+
<body>
−
<img src="https://static.igem.org/mediawiki/2016/e/e3/16UMD-logoTemp.png" id="img-logo" alt="UMaryland iGEM Logo" />
+
<script>
−
<div class="nav">
+
/* Hiding stupid stuff*/
−
<ul>
+
$(document).ready(function() {
−
<li><a href="">Projects</a></li>
+
                $('#top_title').css('display', 'none');
−
<li><a href="">Parts</a></li>
+
$('#top_menu').css('display', 'none');
−
<li><a href="">Outreach</a></li>
+
//$('#top_menu_14').css('display', 'none');
−
<li><a href="">Notebook</a></li>
+
                $('#HQ_page').css('display', 'none');
−
<li><a href="">About Us</a></li>
+
$('#top_menu_under').css('display', 'none');
−
</ul>
+
                });
−
</div>
+
$('#HQ_page').attr("id","iGEM"); //voids all dumb CSS iGEM HQ wrote which overrides our code
−
<script>
+
$('#mw-content-text').attr("id","overruled").removeClass('mw-content-ltr');
−
//$('#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>
−
<div id="div-text">
+
<style>
−
<p class="h1">2016 UMaryland iGEM</p>
+
        #bars_item {
−
<p class="h2">More coming soon!</p>
+
            display: none;
−
</div>
+
        }
−
</div>
+
−
<style>
+
−
#bodyContent, #content, html, body, #globalWrapper, #iGEM, #overruled {
+
−
width: 100%;
+
−
height: 100%;
+
−
padding: 0 0 0 0;
+
−
border: none;
+
−
margin: 0 0 0 0;
+
−
}
+
−
+
−
#top_title {
+
−
display: none;
+
−
line-height: inherit;
+
−
}
+
−
+
−
#sideMenu {
+
−
display: none;
+
−
}
+
−
</style>
+
−
<style>
+
−
/* Navbar and body setup */
+
−
+
−
#UMD-content {
+
−
font-family: 'Raleway', sans-serif;
+
−
color: white; !important
+
−
width: 100%;
+
−
height: 100%;
+
−
padding: 0 0 0 0;
+
−
border: none;
+
−
margin: 0 0 0 0;
+
−
overflow: hidden;
+
−
background-image: url("https://static.igem.org/mediawiki/2016/b/b7/16UMD-main.jpeg");
+
−
background-size: cover;
+
−
background-repeat: no-repeat;
+
−
}
+
  
−
.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: 100px;
+
                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);
 
}
 
}
 
 
 +
function show5() {
 +
$('.tour').animateCss('pulse');
 +
timeoutID = window.setTimeout(show5, 5000);
 +
}
 
 
−
</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!