Difference between revisions of "Team:UMaryland"

 
(79 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>
 +
<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>
 
−
<link href='https://fonts.googleapis.com/css?family=Raleway:400,200' rel='stylesheet' type='text/css'>
 
 
<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>
−
<title>UMaryland iGEM 2015</title>
+
<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>
−
<div id="UMD-content">
+
<body>
−
<img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logo" alt="UMaryland iGEM Logo" />
+
<script>
−
<script>
+
/* Hiding stupid stuff*/
−
//$('#HQ_page').attr("id","iGEM"); //voids all dumb CSS iGEM HQ wrote which overrides our code
+
$(document).ready(function() {
−
//$('#mw-content-text').attr("id","overruled").removeClass('mw-content-ltr');
+
                $('#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>
−
<div id="div-text">
+
<style>
−
<p class="h2">Methane Sequestration - coming soon!</p>
+
        #bars_item {
−
<p class="h3">Follow us on <a target="_blank" href="https://www.facebook.com/UMarylandiGEM/" style="text-decoration: underline; color: white;">Facebook</a> and <a target="_blank" href="https://www.instagram.com/umarylandigem/" style="text-decoration: underline; color: white;">Instagram</a> for updates!</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;
+
−
background: transparent;
+
−
}
+
−
+
−
#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
+
−
padding: 0 0 0 0;
+
−
border: none;
+
−
margin: 0 0 0 0;
+
−
}
+
−
+
−
body {
+
−
background: url(https://static.igem.org/mediawiki/2016/b/b7/16UMD-main.jpeg) no-repeat center fixed;
+
−
background-size: cover;
+
−
}
+
−
+
−
.nav {
+
−
padding-top: 70px;
+
−
font-size: 24pt;
+
−
}
+
  
−
.nav a {
+
        #sideMenu {
−
text-decoration: none;
+
            display: none;
−
color: white;
+
        }
−
}
+
  
−
a:hover {
+
        #bodyContent, #content, html, body, #globalWrapper, #iGEM, #overruled {
−
font-weight: 800;
+
            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;
 +
        }
  
−
.nav ul {
+
        #top_title {
−
list-style: none;
+
            display: none;
−
text-align: right;
+
            line-height: inherit;
−
margin-right: 50px;
+
        }
−
padding-top: 30px;
+
−
}
+
  
−
.nav ul li {
+
        #sideMenu {
−
display: inline;
+
            display: none;
−
padding-left: 40px;
+
        }
−
line-height: 1.5em;
+
−
}
+
  
−
#img-logo {
+
        /* Navbar and body setup */
−
            margin-top: 100px;
+
        body {
−
            margin-left: 0px;
+
overflow: normal;
−
            width: 400px;
+
        }
−
            float: left;
+
−
}
+
  
−
#div-text {
+
        #content {
−
margin-left: 50px;
+
                margin-top: 0px;
−
padding-top: 40px;
+
        }
−
}
+
−
 
+
−
/* Start Page Specific CSS */
+
−
 
+
−
.h2 {
+
−
font-size: 60pt;
+
−
font-weight: 200;
+
−
}
+
 
 
−
.h3 {
+
#UMD-content {
−
font-size: 32pt;
+
font-family: Raleway !important;
−
font-weight: 200;
+
min-width: 1000px;
−
padding-bottom: 50px;
+
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;
 
 
−
#div-popup {
+
}
 +
 +
.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;
 
display: none;
−
font-family: 'Raleway', sans-serif;
+
margin-left: 50px;
−
background: rgb(255, 255, 253);
+
margin-top: 42px;
−
padding: 30px 30px 30px 30px;
+
width: 260px;
−
border: solid 4px gray;
+
float: left;
−
max-width: 50%;
+
−
min-width: 50%;
+
−
-webkit-border-radius: 25px;
+
−
-moz-border-radius: 25px;
+
−
border-radius: 25px;
+
 
}
 
}
 +
</style>
 +
</div>
 +
<script>
 +
 +
 +
$.fn.extend({
 +
animateCss: function (animationName) {
 +
var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
 +
this.addClass('animated ' + animationName).one(animationEnd, function() {
 +
$(this).removeClass('animated ' + animationName);
 +
});
 +
}
 +
});
 
 
−
.div-popup_close {
+
$(window).load(function() {
−
color: rgb(255, 255, 255);
+
var timeoutID;
−
font-size: 16pt;
+
var timeoutID2;
−
padding: 10px;
+
−
-webkit-border-radius: 15px;
+
$('#img-logo, #h2').animateCss('fadeInUp');
−
-moz-border-radius: 15px;
+
$('#h2, #img-logo').css('display','block');
−
border-radius: 15px;
+
timeoutID = window.setTimeout(show2, 800);
−
background: rgb(124, 124, 124);
+
−
background: -moz-linear-gradient(90deg, rgb(124, 124, 124) 30%, rgb(150, 150, 150) 70%);
+
−
background: -webkit-linear-gradient(90deg, rgb(124, 124, 124) 30%, rgb(150, 150, 150) 70%);
+
})
−
background: -o-linear-gradient(90deg, rgb(124, 124, 124) 30%, rgb(150, 150, 150) 70%);
+
−
background: -ms-linear-gradient(90deg, rgb(124, 124, 124) 30%, rgb(150, 150, 150) 70%);
+
−
background: linear-gradient(0deg, rgb(124, 124, 124) 30%, rgb(150, 150, 150) 70%);
+
−
-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
+
−
-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
+
−
box-shadow:        0px 2px 1px rgba(50, 50, 50, 0.75);
+
−
}
+
 
 
−
.div-popup_close:hover {
+
function show2(){
−
cursor: pointer;
+
$('#h3, #div-h3').animateCss('fadeInUp');
 +
$('#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);
 
}
 
}
 
 
−
#div-popup strong {
+
function show4() {
−
font-size: 28pt;
+
$('.tour').animateCss('slideInLeft');
−
line-height: 1.5em;
+
//$('.tour').css('display','block')
 +
timeoutID = window.setTimeout(show5, 5000);
 
}
 
}
 
 
−
#div-popup p {
+
function show5() {
−
font-size: 16pt;
+
$('.tour').animateCss('pulse');
−
line-height: 1.75em;
+
timeoutID = window.setTimeout(show5, 5000);
 
}
 
}
 
 
−
#div-popup a {
+
</script>
−
color: blue;
+
−
}
+
−
</style>
+
 
</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!