Difference between revisions of "Team:UMaryland"

 
(219 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/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">Methane Sequestration - coming soon!</p>
+
            display: none;
−
<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>
+
        }
−
</div>
+
−
<div id="div-popup">
+
  
−
    <strong class="title">Are you interested in meeting other iGEM Teams to share ideas and receive feedback?</strong>
+
        #sideMenu {
−
<p>UMaryland iGEM is hosting it's second annual Mid-Atlantic Meet Up ("mini Jamboree") at the University of Maryland, College Park, conveniently located near Washington DC.</p>
+
            display: none;
−
<p>Much like our <a target="_blank" href="https://2015.igem.org/Team:UMaryland/Collaborations">first meet up</a> we will be hosting distinguished guest speakers pioneering research in the field of synthetic biology, and arranging sessions for teams to present their ongoing research.<p>
+
        } 
−
<p>If you are interested in attending, please fill out the survey link below so that we may choose a date and proceed with our planning.</p>
+
−
<p><a target="_blank" href="https://www.surveymonkey.com/r/B7TYTHL">Link to Survey</a></p>
+
−
<p>We hope you will be able to join us for this wonderful opportunity to connect with other iGEMers and scientists in the region!</p>
+
  
−
    <!-- Add an optional button to close the popup -->
+
        #bodyContent, #content, html, body, #globalWrapper, #iGEM, #overruled {
−
    <button class="div-popup_close">Close</button>
+
            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;
 +
        }
  
−
  </div>
+
        #top_title {
−
</div>
+
            display: none;
−
<style>
+
            line-height: inherit;
−
#bodyContent, #content, html, body, #globalWrapper, #iGEM, #overruled {
+
        }
−
width: 100%;
+
 
−
height: 100%;
+
        #sideMenu {
−
padding: 0 0 0 0;
+
            display: none;
−
border: none;
+
        }
−
margin: 0 0 0 0;
+
 
−
background: transparent;
+
        /* Navbar and body setup */
−
}
+
        body {
 +
overflow: normal;
 +
        }
 +
 
 +
        #content {
 +
                margin-top: 0px;
 +
        }
 
 
−
#top_title {
+
#UMD-content {
−
display: none;
+
font-family: Raleway !important;
−
line-height: inherit;
+
min-width: 1000px;
−
}
+
color: white;
 +
font-weight: 300;
 
 
−
#sideMenu {
+
}
−
display: none;
+
−
}
+
#UMD-content a {
−
</style>
+
color: white;
−
<style>
+
}
−
/* Navbar and body setup */
+
 +
#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;
 
 
−
#UMD-content {
+
}
−
font-family: 'Raleway', sans-serif;
+
−
color: white; !important
+
.smallContainer {
−
padding: 0 0 0 0;
+
width: 100%;
−
border: none;
+
min-width: 1000px;
−
margin: 0 0 0 0;
+
height: 30px;
−
}
+
margin-top: 120px;
 
 
−
body {
+
}
−
background: url(https://static.igem.org/mediawiki/2016/b/b7/16UMD-main.jpeg) no-repeat center fixed;
+
</style>
−
background-size: cover;
+
<div id="UMD-content">
−
}
+
<div id="navContainer">
−
+
<div class="hide">
−
.nav {
+
<nav id="nav">
−
padding-top: 70px;
+
<ul>
−
font-size: 24pt;
+
<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>
−
.nav a {
+
<li><a href="https://2016.igem.org/Team:UMaryland/outreach">Outreach</a></li>
−
text-decoration: none;
+
<li><a href="https://2016.igem.org/Team:UMaryland/notebook">Notebook</a></li>
−
color: white;
+
<li><a href="https://2016.igem.org/Team:UMaryland/about">About Us</a></li>
−
}
+
</ul>
−
 
+
</nav>
−
a:hover {
+
</div>
−
font-weight: 800;
+
</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"/>
−
.nav ul {
+
<div id="div-text">
−
list-style: none;
+
<p id="h2"><span class="background">Biosequestration of Methane</span></p>
−
text-align: right;
+
<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>
−
margin-right: 50px;
+
</div>
−
padding-top: 30px;
+
<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>
−
.nav ul li {
+
</div>
−
display: inline;
+
</div>
−
padding-left: 40px;
+
</div>
−
line-height: 1.5em;
+
</div>
−
}
+
<style>
−
 
+
#img-logoNav{
−
#img-logo {
+
display: none;
−
margin-top: 100px;
+
 
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({
−
/* Start Page Specific CSS */
+
animateCss: function (animationName) {
−
 
+
var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
−
.h1 {
+
this.addClass('animated ' + animationName).one(animationEnd, function() {
−
margin-top: 100px;
+
$(this).removeClass('animated ' + animationName);
−
font-size: 80pt;
+
});
−
font-weight: 200;
+
}
−
clear: both;
+
});
−
}
+
−
 
+
−
.h2 {
+
−
font-size: 60pt;
+
−
font-weight: 200;
+
−
}
+
 
 
−
.h3 {
+
$(window).load(function() {
−
font-size: 32pt;
+
var timeoutID;
−
font-weight: 200;
+
var timeoutID2;
−
padding-bottom: 50px;
+
−
}
+
$('#img-logo, #h2').animateCss('fadeInUp');
 +
$('#h2, #img-logo').css('display','block');
 +
timeoutID = window.setTimeout(show2, 800);
 +
 +
 +
})
 
 
−
#div-popup {
+
function show2(){
−
font-family: 'Raleway', sans-serif;
+
$('#h3, #div-h3').animateCss('fadeInUp');
−
background: rgb(255, 255, 253);
+
$('#h3, #div-h3').css('display','block');
−
padding: 20px 20px 20px 20px;
+
timeoutID = window.setTimeout(show3, 800);
−
border: solid 4px gray;
+
−
max-width: 50%;
+
−
min-width: 50%
+
 
}
 
}
−
+
−
.div-popup_close {
+
function show3() {
−
color: rgb(255, 255, 255);
+
$('nav, #small').animateCss('fadeInUp');
−
font-size: 16pt;
+
$('.hide').css('display','block')
−
padding: 10px;
+
timeoutID = window.setTimeout(show4, 2000);
−
-webkit-border-radius: 15px;
+
−
-moz-border-radius: 15px;
+
−
border-radius: 15px;
+
−
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 show4() {
−
cursor: pointer;
+
$('.tour').animateCss('slideInLeft');
 +
//$('.tour').css('display','block')
 +
timeoutID = window.setTimeout(show5, 5000);
 
}
 
}
 
 
−
#div-popup strong {
+
function show5() {
−
font-size: 28pt;
+
$('.tour').animateCss('pulse');
−
line-height: 1.5em;
+
timeoutID = window.setTimeout(show5, 5000);
 
}
 
}
 
 
−
#div-popup p {
 
−
font-size: 16pt;
 
−
line-height: 1.75em;
 
−
}
 
−
 
−
#div-popup a {
 
−
color: blue;
 
−
}
 
−
</style>
 
−
<script src="https://cdn.rawgit.com/vast-engineering/jquery-popup-overlay/1.7.13/jquery.popupoverlay.js">
 
 
</script>
 
</script>
−
<script>
 
 
 
−
    $(document).ready(function() {
 
−
 
−
      // Initialize the plugin
 
−
      $('#div-popup').popup({
 
−
transition: 'all 0.3s'
 
−
  });
 
−
 
 
−
  $('#div-popup').popup('show');
 
−
 
−
    });
 
−
 
−
</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!