Line 5: | Line 5: | ||
<head> | <head> | ||
<script> | <script> | ||
− | $( | + | $(body).css('display', 'none'); |
</script> | </script> | ||
<script src="https://static.igem.org/mediawiki/2016/9/95/T--UMaryland--html5shiv.txt"></script> | <script src="https://static.igem.org/mediawiki/2016/9/95/T--UMaryland--html5shiv.txt"></script> | ||
Line 630: | Line 630: | ||
} | } | ||
</style> | </style> | ||
+ | <style> | ||
+ | .caption { | ||
+ | font-size: 12pt; | ||
+ | font-weight: bold; | ||
+ | margin-left: 25px; | ||
+ | } | ||
+ | |||
+ | #div-figures{ | ||
+ | padding-bottom: 100px; | ||
+ | font-size: 14pt; | ||
+ | } | ||
+ | |||
+ | .titleText { | ||
+ | position: absolute; | ||
+ | top: 350px; | ||
+ | left: 50%; | ||
+ | margin-left: -40%; | ||
+ | right: auto; | ||
+ | width: 80%; | ||
+ | min-width: 1000px; | ||
+ | max-width: 1500px; | ||
+ | } | ||
+ | |||
+ | h11, h21, h31 { | ||
+ | font-family: Lora; | ||
+ | display: inline-block; | ||
+ | position: relative; | ||
+ | padding-bottom: 10px; | ||
+ | padding-left: 10px; | ||
+ | padding-top: 10px; | ||
+ | padding-right: 10px; | ||
+ | background: rgba(0,0,0, 0.7); | ||
+ | line-height: 1em; | ||
+ | } | ||
+ | |||
+ | h11 { | ||
+ | color: white; | ||
+ | font-size: 30pt; | ||
+ | font-weight: 400; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | h21 { | ||
+ | color: white; | ||
+ | font-size: 24pt; | ||
+ | font-weight: 300; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | h31 { | ||
+ | color: white; | ||
+ | font-size: 20pt; | ||
+ | font-weight: 200; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | #div-text { | ||
+ | padding-top: 50px; | ||
+ | padding-bottom: 150px; | ||
+ | } | ||
+ | |||
+ | .div-scrollPic { | ||
+ | z-index: -999; | ||
+ | height: 500px; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | .scrollContainer { | ||
+ | |||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .imageEmbed { | ||
+ | /* creates border around image on each page */ | ||
+ | border-style: solid; | ||
+ | margin-top: 50px; | ||
+ | margin-bottom: 50px; | ||
+ | border-color: #A8A8A8; | ||
+ | border-width: 2px; | ||
+ | } | ||
+ | |||
+ | .longText li { | ||
+ | |||
+ | font-size: 14pt; | ||
+ | line-height: 2; | ||
+ | font-weight: 400; | ||
+ | } | ||
+ | |||
+ | #div-text p { | ||
+ | /* formats text and lists within .longText */ | ||
+ | padding-top: 15px; | ||
+ | padding-bottom: 15px; | ||
+ | font-size: 14pt; | ||
+ | line-height: 2; | ||
+ | font-weight: 400; | ||
+ | } | ||
+ | |||
+ | .longText { | ||
+ | /* fixes width of the text and displays it slighly left of center */ | ||
+ | width: 80%; | ||
+ | max-width: 800px; | ||
+ | min-width: 600px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | h4 { | ||
+ | /* formats intratext section headings */ | ||
+ | font-size: 20pt; | ||
+ | margin-top: 80px; | ||
+ | } | ||
+ | |||
+ | .blockText { | ||
+ | /* initially hides all of the text on page */ | ||
+ | display: none; | ||
+ | margin-top: 50px; | ||
+ | } | ||
+ | |||
+ | .firstHeader { | ||
+ | margin-top: 30px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* formats caption and heading of results tables */ | ||
+ | td p { | ||
+ | padding: 15px 0 15px 0; | ||
+ | margin: 0 0 30px 0; | ||
+ | font-size: 12pt; | ||
+ | line-height: 1.5; | ||
+ | width: 500px; | ||
+ | } | ||
+ | |||
+ | td h51 { | ||
+ | padding: 0 0 15px 0; | ||
+ | margin: 25px 0 0px 0; | ||
+ | font-size: 16pt; | ||
+ | } | ||
+ | |||
+ | td { | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | #table-devices { | ||
+ | width: 600px; | ||
+ | margin-left: 190px; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | #h4-first { | ||
+ | margin-top: 50px; | ||
+ | } | ||
+ | |||
+ | #div-slideshow { | ||
+ | margin-top: 40px; | ||
+ | margin-bottom: 40px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | width: 800px; | ||
+ | } | ||
+ | |||
+ | #div-slideshow img { | ||
+ | width: 750px; | ||
+ | margin-top: 15px; | ||
+ | margin-bottom: 15px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | border: 2px solid #A8A8A8; | ||
+ | } | ||
+ | |||
+ | #div-dots { | ||
+ | height: 100px; | ||
+ | } | ||
+ | |||
+ | #div-dots { | ||
+ | height: 100px; | ||
+ | } | ||
+ | |||
+ | </style> | ||
<nav> | <nav> | ||
<img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logo"> | <img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logo"> | ||
Line 655: | Line 834: | ||
</ul> | </ul> | ||
</div> | </div> | ||
− | + | <div class="scrollContainer"> | |
− | + | <div data-parallax="scroll" data-image-src="https://static.igem.org/mediawiki/2016/8/85/T--UMaryland--meetup.jpeg" class="div-scrollPic" style="height: 650px;"> | |
− | + | <div class="titleText"> | |
− | + | <!-- where background image below titles show --> | |
− | + | <h11>2nd Annual Mid-Atlantic Mini-Jamboree</h11></br> | |
− | + | <h21>July 22nd, 2016</h21></br> | |
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
<div class="centered"> | <div class="centered"> | ||
<div id="Info" style="text-align: center"> | <div id="Info" style="text-align: center"> | ||
Line 821: | Line 1,003: | ||
} | } | ||
}); | }); | ||
+ | $(body).css('display', 'block'); | ||
// Animation over top nav bar when mouse hovers | // Animation over top nav bar when mouse hovers | ||
$('nav').mouseover( | $('nav').mouseover( | ||
function() { | function() { | ||
− | $('#img-logo').css('transition', '.35s ease-in') | + | $('#img-logo').css('transition', '.35s ease-in'); |
− | + | $('#img-logo').css('opacity', '1'); | |
− | $('#img-igemlogo').css('transition', '.35s ease-in') | + | $('#img-igemlogo').css('transition', '.35s ease-in'); |
− | + | $('#img-igemlogo').css('opacity', '1'); | |
$('nav ul').addClass("hover"); | $('nav ul').addClass("hover"); | ||
} | } | ||
Line 836: | Line 1,019: | ||
var scroll = $(window).scrollTop(); | var scroll = $(window).scrollTop(); | ||
if (scroll > 0) { | if (scroll > 0) { | ||
− | if ($(window).width() >= | + | if ($(window).width() >= 980) { |
var pushed = $('body').hasClass('pushed'); | var pushed = $('body').hasClass('pushed'); | ||
if (pushed == false) { | if (pushed == false) { | ||
− | $('#img-logo').css('transition', '.25s ease') | + | $('#img-logo').css('transition', '.25s ease'); |
− | + | $('#img-logo').css('opacity', '0'); | |
− | $('#img-igemlogo').css('transition', '.25s ease') | + | $('#img-igemlogo').css('transition', '.25s ease'); |
− | + | $('#img-igemlogo').css('opacity', '0'); | |
$('nav ul').removeClass("hover"); | $('nav ul').removeClass("hover"); | ||
$('nav').css('transition', '.5s ease'); | $('nav').css('transition', '.5s ease'); | ||
Line 854: | Line 1,037: | ||
$(document).ready(function() { | $(document).ready(function() { | ||
function checkWidth() { | function checkWidth() { | ||
− | if ($(window).width() < | + | if ($(window).width() < 980 || $('nav').hasClass('pushed')) { |
$('nav li').css('display', 'none'); | $('nav li').css('display', 'none'); | ||
$('#img-more').css('display', 'block'); | $('#img-more').css('display', 'block'); | ||
$('nav ul').addClass("hover"); | $('nav ul').addClass("hover"); | ||
− | $('#img-logo').css('transition', '.35s ease-in') | + | $('#img-logo').css('transition', '.35s ease-in'); |
− | + | $('#img-logo').css('opacity', '1'); | |
− | $('#img-igemlogo').css('transition', '.35s ease-in') | + | $('#img-igemlogo').css('transition', '.35s ease-in'); |
− | + | $('#img-igemlogo').css('opacity', '1') | |
} else { | } else { | ||
$('nav li').css('display', 'inline'); | $('nav li').css('display', 'inline'); | ||
Line 867: | Line 1,050: | ||
$('nav ul').removeClass("hover"); | $('nav ul').removeClass("hover"); | ||
if ($(window).scrollTop() > 0) { | if ($(window).scrollTop() > 0) { | ||
− | $('#img-igemlogo').css('transition', '.25s ease') | + | $('#img-igemlogo').css('transition', '.25s ease'); |
− | + | $('#img-igemlogo').css('opacity', '0'); | |
− | $('#img-logo').css('transition', '.25s ease') | + | $('#img-logo').css('transition', '.25s ease'); |
− | + | $('#img-logo').css('opacity', '0'); | |
$('nav ul').addClass("scrolled"); | $('nav ul').addClass("scrolled"); | ||
} | } | ||
Line 886: | Line 1,069: | ||
$('nav').toggleClass('pushed'); | $('nav').toggleClass('pushed'); | ||
$('nav img').toggleClass('pushed'); | $('nav img').toggleClass('pushed'); | ||
− | if ($(window).width() >= | + | if ($(window).width() >= 980) { |
var pushed = $('body').hasClass('pushed'); | var pushed = $('body').hasClass('pushed'); | ||
if (pushed == false) { | if (pushed == false) { | ||
Line 892: | Line 1,075: | ||
$('#img-more').css('display', 'none'); | $('#img-more').css('display', 'none'); | ||
$('nav ul').removeClass("hover"); | $('nav ul').removeClass("hover"); | ||
+ | $('#img-igemlogo').css('transition', '.25s ease'); | ||
+ | $('#img-igemlogo').css('opacity', '0'); | ||
+ | $('#img-logo').css('transition', '.25s ease'); | ||
+ | $('#img-logo').css('opacity', '0'); | ||
} | } | ||
} | } | ||
Line 900: | Line 1,087: | ||
var scroll = $(window).scrollTop(); | var scroll = $(window).scrollTop(); | ||
if (scroll > 0) { | if (scroll > 0) { | ||
− | if ($(window).width() >= | + | if ($(window).width() >= 980) { |
nav.addClass("scrolled"); | nav.addClass("scrolled"); | ||
nav.removeClass("hover"); | nav.removeClass("hover"); | ||
− | $('#img-logo').css('transition', '.25s ease') | + | $('#img-logo').css('transition', '.25s ease'); |
− | + | $('#img-logo').css('opacity', '0'); | |
− | $('#img-igemlogo').css('transition', '.25s ease') | + | $('#img-igemlogo').css('transition', '.25s ease'); |
− | + | $('#img-igemlogo').css('opacity', '0'); | |
} | } | ||
} else { | } else { | ||
nav.removeClass("scrolled"); | nav.removeClass("scrolled"); | ||
− | $('#img-logo').css('transition', '.35s ease-in') | + | $('#img-logo').css('transition', '.35s ease-in'); |
− | + | $('#img-logo').css('opacity', '1'); | |
− | $('#img-igemlogo').css('transition', '.35s ease-in') | + | $('#img-igemlogo').css('transition', '.35s ease-in'); |
− | + | $('#img-igemlogo').css('opacity', '1'); | |
} | } | ||
}); | }); |
Revision as of 02:18, 10 October 2016
</div> </div>
![](https://static.igem.org/mediawiki/2016/e/e5/T--UMaryland--more.png)
UMaryland iGEM founded the first Mid-Atlantic Meet-up and hosted four other teams: UVA, William and Mary, Duke, and Rock Ridge High School. Each team gave a 25 minute presentation of their project followed by a Q&A with the audience. We were also fortunate enough to have Special Agent Edward You of the FBI and UMD Professor Raymond St. Leger as guest speakers.
This year we included more iGEM teams in the Mid Atlantic Area hosting the University of Pittsburgh, the US Naval Academy, the College of Willam and Mary, and University of Virginia iGEM Teams. We shared ideas and received feedback about ours projects during our discussion session. We were joined by guest speakers Dr. Eli Groban and Dr. Ganesh Sriram with opening remarks by Dr. Edward Eisenstein and closing remarks by Anna Sifuentes.
Thank you to everyone who participated!
Speakers
Dr. Ganesh Sriram
Dr. Ganesh Sriram is a professor in the Department of Chemical and Biomolecular Engineering and an Affiliate Faculty Member in the Bioengineering and Plant Biology graduate programs at UMD. He has earned his B.S. and M.S degrees in Chemical Engineering from the Indian Institute of Technology in Bombay, and received his Ph.D. in chemical engineering from Iowa State University. His current research pertains to metabolic engineering and systems biology, especially of eukaryotes.1
1. Bio from http://www.ench.umd.edu/faculty/sriram