Difference between revisions of "Team:UMaryland/Collaborations"
| Line 1: | Line 1: | ||
| − | </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" /> | |
| − | + | <script> | |
| − | + | $(body).css('display','none'); | |
| − | + | </script> | |
| − | + | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> | |
| − | + | <script type="text/javascript"> | |
| − | + | if (typeof jQuery == 'undefined') { | |
| − | + | document.write(unescape("%3Cscript src='js/jquery-1.10.2.min.js' type='text/javascript'%3E%3C/script%3E")); | |
| − | + | } | |
| − | + | </script> | |
| + | <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' rel='stylesheet' type='text/css'> | ||
| + | <link href='http://sachinchoolur.github.io/lightGallery/lightgallery/css/lightgallery.css' rel='stylesheet' type='text/css'> | ||
| + | <title>2nd Annual Mid-Atlantic Meet-up</title> | ||
</head> | </head> | ||
| − | |||
<body> | <body> | ||
| − | + | <style> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
#bars_item { | #bars_item { | ||
display: none; | display: none; | ||
} | } | ||
| − | + | ||
| + | #top_menu_14 { | ||
| + | z-index: 4; | ||
| + | } | ||
| + | |||
#sideMenu { | #sideMenu { | ||
display: none; | display: none; | ||
| − | } | + | } |
| − | + | #bodyContent, #content, html, body, #globalWrapper, #iGEM, #overruled { | |
| − | #bodyContent, | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
| Line 70: | Line 40: | ||
background: transparent; | background: transparent; | ||
} | } | ||
| − | + | ||
#top_title { | #top_title { | ||
display: none; | display: none; | ||
line-height: inherit; | line-height: inherit; | ||
} | } | ||
| − | + | ||
#sideMenu { | #sideMenu { | ||
display: none; | display: none; | ||
} | } | ||
| + | |||
/* Navbar and body setup */ | /* Navbar and body setup */ | ||
| − | |||
body { | body { | ||
font-family: 'Lora', serif; | font-family: 'Lora', serif; | ||
overflow-x: hidden; | overflow-x: hidden; | ||
} | } | ||
| − | + | ||
#content { | #content { | ||
margin-top: 0px; | margin-top: 0px; | ||
} | } | ||
| + | |||
/* Navbar */ | /* Navbar */ | ||
| − | |||
nav { | nav { | ||
opacity: 1.0; | opacity: 1.0; | ||
| Line 101: | Line 71: | ||
display: block; | display: block; | ||
background: #fff; | background: #fff; | ||
| − | border-bottom: 1px solid black; | + | border-bottom: 1px solid black; |
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); | box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); | ||
border-bottom-left-radius: 5px; | border-bottom-left-radius: 5px; | ||
border-bottom-right-radius: 5px; | border-bottom-right-radius: 5px; | ||
z-index: 1; | z-index: 1; | ||
| − | margin-top: | + | margin-top: 18px; |
| − | } | + | } |
| − | + | ||
element.style { | element.style { | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
| − | + | ||
nav a { | nav a { | ||
text-decoration: none; | text-decoration: none; | ||
| Line 118: | Line 88: | ||
font-family: 'Exo', sans-serif; | font-family: 'Exo', sans-serif; | ||
} | } | ||
| − | + | ||
nav a:visited { | nav a:visited { | ||
color: black; | color: black; | ||
} | } | ||
| − | + | ||
nav a:hover { | nav a:hover { | ||
opacity: .7; | opacity: .7; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
| − | + | ||
| − | nav ul { | + | nav a:focus { |
| + | text-decoration: none; | ||
| + | } | ||
| + | |||
| + | nav ul { | ||
list-style: none; | list-style: none; | ||
transition: all .5s ease; | transition: all .5s ease; | ||
text-align: right; | text-align: right; | ||
} | } | ||
| − | + | ||
nav li { | nav li { | ||
display: inline; | display: inline; | ||
margin-right: 20px; | margin-right: 20px; | ||
} | } | ||
| + | |||
/* Nav bar when more icon is clicked */ | /* Nav bar when more icon is clicked */ | ||
| − | + | ||
#div-navResized { | #div-navResized { | ||
font-size: 20pt; | font-size: 20pt; | ||
| Line 151: | Line 126: | ||
z-index: 3; | z-index: 3; | ||
} | } | ||
| − | + | ||
#div-navResized a { | #div-navResized a { | ||
text-decoration: none; | text-decoration: none; | ||
| Line 157: | Line 132: | ||
font-family: 'Exo', sans-serif; | font-family: 'Exo', sans-serif; | ||
} | } | ||
| − | + | ||
| − | #div-navResized ul { | + | #div-navResized.pushed a:hover { |
| + | text-decoration: none !important; | ||
| + | opacity: .7; | ||
| + | } | ||
| + | |||
| + | #div-navResized ul { | ||
list-style: none; | list-style: none; | ||
margin-right: 40px; | margin-right: 40px; | ||
margin-top: 0px; | margin-top: 0px; | ||
} | } | ||
| − | + | ||
#div-navResized ul li { | #div-navResized ul li { | ||
| − | margin-top: 4px; | + | margin-top: 4px; |
} | } | ||
| − | + | ||
#div-title { | #div-title { | ||
z-index: -999; | z-index: -999; | ||
} | } | ||
| − | + | ||
| − | + | /* Background of page */ | |
| + | |||
html { | html { | ||
background-color: rgba(0, 0, 0, 0.06); | background-color: rgba(0, 0, 0, 0.06); | ||
} | } | ||
| + | |||
/* Start Page Specific CSS */ | /* Start Page Specific CSS */ | ||
| − | #Speakers p, | + | #Speakers p, #Info p { |
| − | + | ||
font-family: 'Raleway', sans-serif; | font-family: 'Raleway', sans-serif; | ||
} | } | ||
| + | |||
/* Title */ | /* Title */ | ||
| − | + | h1, h1-2 { | |
| − | h1, | + | |
| − | + | ||
font-size: 30pt; | font-size: 30pt; | ||
| − | position: absolute; | + | position: absolute; |
top: 350px; | top: 350px; | ||
left: 39px; | left: 39px; | ||
| Line 195: | Line 175: | ||
font-family: 'Lora', serif; | font-family: 'Lora', serif; | ||
} | } | ||
| − | + | ||
| − | h1-2 span { | + | h1-2 span { |
| − | color: white; | + | color: white; |
padding-bottom: 2px; | padding-bottom: 2px; | ||
padding-right: 10px; | padding-right: 10px; | ||
| − | padding-left: 10px; | + | padding-left: 10px; |
| − | letter-spacing: -1px; | + | letter-spacing: -1px; |
| − | background: rgb(0, 0, 0); | + | background: rgb(0, 0, 0); /* fallback color */ |
| − | + | ||
background: rgba(0, 0, 0, 0.7); | background: rgba(0, 0, 0, 0.7); | ||
} | } | ||
| − | + | ||
h1 { | h1 { | ||
max-width: 759px; | max-width: 759px; | ||
min-width: 759px; | min-width: 759px; | ||
| − | background: rgb(0, 0, 0); | + | background: rgb(0, 0, 0); /* fallback color */ |
| − | + | ||
background: rgba(0, 0, 0, 0.7); | background: rgba(0, 0, 0, 0.7); | ||
padding-left: 10px; | padding-left: 10px; | ||
| − | padding-bottom: 22px; | + | padding-bottom: 22px; |
} | } | ||
| Line 220: | Line 198: | ||
font-weight: normal !important; | font-weight: normal !important; | ||
} | } | ||
| + | |||
/* Info */ | /* Info */ | ||
| − | + | ||
#Info { | #Info { | ||
margin-top: 100px; | margin-top: 100px; | ||
| Line 227: | Line 206: | ||
margin-right: auto; | margin-right: auto; | ||
margin-bottom: 50px; | margin-bottom: 50px; | ||
| − | + | width: 970px; | |
} | } | ||
| − | + | ||
#meetup { | #meetup { | ||
| − | + | float: left; | |
padding-top: 80px; | padding-top: 80px; | ||
| − | + | padding-bottom: 80px; | |
height: 400px; | height: 400px; | ||
width: 600px; | width: 600px; | ||
| − | + | margin-right: 20px; | |
} | } | ||
| − | + | ||
#Info p { | #Info p { | ||
font-size: 15pt; | font-size: 15pt; | ||
line-height: 2; | line-height: 2; | ||
} | } | ||
| − | + | ||
| − | + | .pInfo { | |
| − | + | text-align: left; | |
| − | + | } | |
/* Schedule */ | /* Schedule */ | ||
| − | + | ||
#div-white { | #div-white { | ||
z-index: -999; | z-index: -999; | ||
| Line 259: | Line 238: | ||
min-width: 1200px; | min-width: 1200px; | ||
} | } | ||
| − | + | ||
#img-schedule { | #img-schedule { | ||
display: block; | display: block; | ||
| Line 273: | Line 252: | ||
margin-left: 30%; | margin-left: 30%; | ||
margin-right: auto; | margin-right: auto; | ||
| − | + | ||
| + | } | ||
| + | |||
/* Speakers */ | /* Speakers */ | ||
| − | + | ||
h2 { | h2 { | ||
| − | font-size: 30pt; | + | font-size: 30pt; width: 970px; margin-right: auto; margin-left: auto; margin-bottom: 20px; |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
overflow: visible; | overflow: visible; | ||
} | } | ||
| − | + | ||
| − | #div-ganesh p, | + | #div-ganesh p, #div-eli p { margin-top: 20px;} |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
#Speakers { | #Speakers { | ||
margin-left: -8px; | margin-left: -8px; | ||
margin-right: -8px; | margin-right: -8px; | ||
} | } | ||
| − | + | ||
#Speakers img { | #Speakers img { | ||
position: absolute; | position: absolute; | ||
} | } | ||
| − | + | ||
#Speakers p { | #Speakers p { | ||
font-size: 15pt; | font-size: 15pt; | ||
| Line 307: | Line 281: | ||
margin-top: 20px; | margin-top: 20px; | ||
} | } | ||
| − | + | ||
#Speakers li { | #Speakers li { | ||
display: inline; | display: inline; | ||
margin-right: 400px; | margin-right: 400px; | ||
} | } | ||
| − | + | ||
| − | #img-speaker1, | + | #img-speaker1, #img-speaker2:hover { |
| − | + | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
| − | + | ||
| − | + | #img-speaker1, #img-speaker2 { | |
| − | + | margin-left: 265px; | |
| − | + | margin-bottom: 20px; | |
| − | + | } | |
| − | + | ||
| − | + | #descriptions { | |
| − | + | margin-top: 20px; | |
| − | + | } | |
| − | + | ||
| − | + | #ul-images { | |
| − | + | height: 30px; | |
| − | + | } | |
| − | + | ||
| − | + | ||
h3 { | h3 { | ||
font-size: 20pt; | font-size: 20pt; | ||
margin-left: 270px; | margin-left: 270px; | ||
} | } | ||
| − | + | ||
h6 { | h6 { | ||
font-size: 20pt; | font-size: 20pt; | ||
margin-left: 670px; | margin-left: 670px; | ||
margin-top: 11px; | margin-top: 11px; | ||
| − | + | margin-bottom: 0px; | |
| − | font-family: "Arial", Gadget, sans-serif; | + | font-family: "Arial",Gadget,sans-serif; |
font-weight: bold; | font-weight: bold; | ||
| − | } | + | } |
| + | |||
/* Footnotes (References) */ | /* Footnotes (References) */ | ||
| − | + | ||
small { | small { | ||
margin-left: 125px; | margin-left: 125px; | ||
margin-top: 25px; | margin-top: 25px; | ||
} | } | ||
| + | |||
/* Classes */ | /* Classes */ | ||
| − | + | ||
.description { | .description { | ||
margin-top: 200px; | margin-top: 200px; | ||
min-width: 970px; | min-width: 970px; | ||
} | } | ||
| − | + | ||
.border { | .border { | ||
border-bottom: 1px black; | border-bottom: 1px black; | ||
} | } | ||
| − | + | ||
| − | .image { | + | .image { |
| − | + | position: relative; | |
| − | + | width: 100%; /* for IE 6 */ | |
| − | + | ||
} | } | ||
| − | + | ||
.pull-right { | .pull-right { | ||
float: right !important; | float: right !important; | ||
margin-left: -28px; | margin-left: -28px; | ||
} | } | ||
| − | + | ||
.pull-left { | .pull-left { | ||
float: left !important; | float: left !important; | ||
} | } | ||
| + | |||
/* Pushed class actives */ | /* Pushed class actives */ | ||
| − | |||
#img-more.pushed { | #img-more.pushed { | ||
box-shadow: inset 1px 1px 1px 2px rgba(0, 0, 0, .3); | box-shadow: inset 1px 1px 1px 2px rgba(0, 0, 0, .3); | ||
} | } | ||
| − | + | ||
#div-navResized.pushed { | #div-navResized.pushed { | ||
display: block; | display: block; | ||
} | } | ||
| − | + | ||
#div-navResized.pushed a:hover { | #div-navResized.pushed a:hover { | ||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
| − | + | ||
nav.pushed { | nav.pushed { | ||
height: 100%; | height: 100%; | ||
} | } | ||
| − | + | ||
body.pushed { | body.pushed { | ||
overflow-y: hidden; | overflow-y: hidden; | ||
} | } | ||
| − | + | ||
nav img.pushed { | nav img.pushed { | ||
display: none; | display: none; | ||
} | } | ||
| + | |||
/* Hides nav bar when scrolling */ | /* Hides nav bar when scrolling */ | ||
| − | |||
.scrolled { | .scrolled { | ||
font-size: 10pt; | font-size: 10pt; | ||
line-height: 20px; | line-height: 20px; | ||
| − | } | + | } |
| + | |||
/* animation when mouse is over Navbar */ | /* animation when mouse is over Navbar */ | ||
| − | |||
.hover { | .hover { | ||
font-size: 20pt; | font-size: 20pt; | ||
line-height: 40px; | line-height: 40px; | ||
} | } | ||
| + | |||
/* Images */ | /* Images */ | ||
| + | |||
/* Logo */ | /* Logo */ | ||
| − | |||
#img-logo { | #img-logo { | ||
| − | width: | + | width: 260px; |
float: left; | float: left; | ||
position: fixed; | position: fixed; | ||
| Line 424: | Line 398: | ||
opacity: 1.0; | opacity: 1.0; | ||
} | } | ||
| + | |||
/* iGEM logo */ | /* iGEM logo */ | ||
| − | |||
#img-igemlogo { | #img-igemlogo { | ||
width: 60px; | width: 60px; | ||
| Line 433: | Line 407: | ||
opacity: 1.0; | opacity: 1.0; | ||
} | } | ||
| + | |||
/* More Icon */ | /* More Icon */ | ||
| − | |||
#img-more { | #img-more { | ||
position: fixed; | position: fixed; | ||
| Line 445: | Line 419: | ||
margin-top: -11px; | margin-top: -11px; | ||
} | } | ||
| − | + | ||
#img-UMD { | #img-UMD { | ||
z-index: -999; | z-index: -999; | ||
| Line 452: | Line 426: | ||
height: 600px; | height: 600px; | ||
} | } | ||
| + | |||
/* Logos when more button is clicked */ | /* Logos when more button is clicked */ | ||
| − | + | ||
#img-logoResized { | #img-logoResized { | ||
| − | width: | + | width: 300px; |
display: block; | display: block; | ||
margin-right: auto; | margin-right: auto; | ||
margin-left: auto; | margin-left: auto; | ||
margin-top: -165px; | margin-top: -165px; | ||
| − | |||
} | } | ||
| − | + | ||
.centered { | .centered { | ||
| − | margin-left: auto; | + | margin-left:auto; |
| − | margin-right: auto; | + | margin-right:auto; |
| − | + | width: 1200px; | |
text-align: left; | text-align: left; | ||
} | } | ||
| − | + | #table-pictures p { | |
| − | + | text-align: center; | |
| − | + | font-size: 14pt; | |
| − | + | } | |
| − | + | ||
| − | + | #table-pictures { | |
| − | + | background-color: #F0F0F0; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
margin-right: auto; | margin-right: auto; | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
margin-left: auto; | margin-left: auto; | ||
| − | + | } | |
| + | |||
| + | .center { | ||
| + | margin-top: 80px; | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | .thumbnail { | ||
| + | width: 256px; | ||
| + | } | ||
| + | |||
| + | #lightgallery { | ||
| + | width: 800px; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | } | ||
| + | |||
| + | #lightgallery img { | ||
| + | margin-top: 1px; | ||
| + | margin-right: -2px; | ||
} | } | ||
| − | + | ||
| − | + | #lightgallery a:hover { | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | # | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
text-decoration: none; | text-decoration: none; | ||
| − | |||
} | } | ||
| − | + | ||
| − | + | #h2-pic1, #h2-pic2 { | |
| − | + | margin-top: 80px; | |
| − | + | margin-bottom: 50px !important; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
font-family: 'Lora', serif; | font-family: 'Lora', serif; | ||
font-weight: normal; | font-weight: normal; | ||
| − | + | } | |
| − | + | </style> | |
| − | + | <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 | |
| − | <li><a href="https://2016.igem.org/Team:UMaryland/modeling">Modeling</a></li> | + | $('#mw-content-text').attr("id","overruled").removeClass('mw-content-ltr'); |
| − | + | </script> | |
| − | + | <nav> | |
| − | + | <img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logo"> | |
| − | + | <ul> | |
| − | + | <a style="opacity: 0">Fix</a> | |
| − | + | <li><a href="https://2016.igem.org/Team:UMaryland/projects">Projects</a></li> | |
| − | + | <!--<li><a href="https://2016.igem.org/Team:UMaryland/parts">Parts</a></li> | |
| − | + | <li><a href="https://2016.igem.org/Team:UMaryland/modeling">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> | |
| − | <li><a href="https://2016.igem.org/Team:UMaryland/modeling">Modeling</a></li> | + | </nav> |
| − | + | <img src="https://static.igem.org/mediawiki/2016/e/e5/T--UMaryland--more.png" id="img-more"> | |
| − | + | <!-- Nav bar when more button is clicked --> | |
| − | + | <div id="div-navResized"> | |
| − | + | <img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logoResized"> | |
| − | + | <ul> | |
| − | + | <li><a href="https://2016.igem.org/Team:UMaryland/projects">Projects</a></li> | |
| − | + | <!--<li><a href="https://2016.igem.org/Team:UMaryland/parts">Parts</a></li> | |
| − | + | <li><a href="https://2016.igem.org/Team:UMaryland/modeling">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> | ||
| + | </div> | ||
| + | <div id="div-title" class="image"> | ||
| + | <div data-parallax="scroll" data-image-src="https://static.igem.org/mediawiki/2016/8/85/T--UMaryland--meetup.jpeg" id="img-UMD"> | ||
| + | </div> | ||
| + | <h1 id="h1"><span>2nd Annual Mid-Atlantic Mini-Jamboree</span> </h1> | ||
| + | <h1-2><br/><br/><br/><br/><span>July 22nd, 2016</span></h1-2> | ||
| + | </div> | ||
<div class="centered"> | <div class="centered"> | ||
| − | + | <div id="Info" style="text-align: center"> | |
| − | + | <p class="pInfo"> 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.</p> | |
| − | + | <p class="pInfo">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.</p> | |
| − | + | <p class="pInfo center">Thank you to everyone who participated!</p> | |
| − | + | </div> | |
| − | + | <div id="div-participants"> | |
| − | + | <table id="table-pictures"> | |
| − | + | <tbody> | |
| − | + | <tr> | |
| − | + | <td> | |
| − | + | <img src="https://static.igem.org/mediawiki/2016/3/3a/T--UMaryland--WM.jpeg" width="240px" /> | |
| − | + | <a href="https://2016.igem.org/Team:William_and_Mary" target="_blank"><p>William & Mary</p></a> | |
| − | + | </td> | |
| − | + | <td> | |
| − | + | <img src="https://static.igem.org/mediawiki/2016/2/22/T--UMaryland--UPitt.jpeg" width="240px" /> | |
| − | + | <a href="https://2016.igem.org/Team:Pittsburgh" target="_blank"><p>University of Pittsburgh</p></a> | |
| − | + | </td> | |
| − | + | <td> | |
| − | + | <img src="https://static.igem.org/mediawiki/2016/d/d7/T--UMaryland--USNA.jpeg" width="240px" /> | |
| − | + | <a href="https://2016.igem.org/Team:USNA-Annapolis" target="_blank"><p>US Naval Academy</p></a> | |
| − | + | </td> | |
| − | + | <td> | |
| − | + | <img src="https://static.igem.org/mediawiki/2016/1/16/T--UMaryland--UVA.jpeg" width="240px" /> | |
| − | + | <a href="https://2016.igem.org/Team:Virginia" target="_blank"><p>University of Virginia</p></a> | |
| − | + | </td> | |
| − | + | </tr> | |
| − | + | </tbody> | |
| − | + | </table> | |
| − | + | </div> | |
| − | + | <div id="Speakers" class="bios"> | |
| − | + | <h2 id="h2-pic1"> Speakers </h2> | |
| − | + | <ul id="ul-images" class = "centered"> | |
| − | + | <li><img src="https://static.igem.org/mediawiki/2016/0/0b/T--UMaryland--GaneshSriram.jpg" id="img-speaker1" data-select="ganesh"/></li> | |
| − | + | <li><img src="https://static.igem.org/mediawiki/2016/c/c8/T--UMaryland--EliGroban.jpg" id="img-speaker2" data-select="eli"/></li> | |
| − | + | </ul> | |
| − | + | <div id="descriptions"> | |
| − | + | <div id="div-ganesh" class="description"> | |
| − | + | <h3> Dr. Ganesh Sriram</h3> | |
| − | + | <p> 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.<sup>1</sup></p> | |
| − | + | <small>1. Bio from http://www.ench.umd.edu/faculty/sriram</small> | |
| − | + | </div> | |
| − | + | <div id="div-eli" class="description" style="display: none;"> | |
| − | + | <h6> Dr. Eli Groban </h6> | |
| − | + | <p> Dr. Eli Groban is the senior manager of of Bio/Nano Research at Autodesk, and has 6 patent applications on the development of new technologies for engineering proteins, metabolic pathways, and whole microbes. Eli will also be serving as an iGEM judge in the 2016 competition. He received his PhD in Biophysics from the University of California, San Francisco, and his B.A. in Chemistry from Williams College.<sup>2</sup> | |
| − | + | </p> | |
| − | + | <small>2. Bio from https://www.autodeskresearch.com/people/eli-groban</small> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | <h2 id="h2-pic2">Pictures</h2> | |
| − | + | <div id="lightgallery"> | |
| − | + | <a href="https://static.igem.org/mediawiki/2016/e/e4/T--UMaryland--meetup1.jpeg"> | |
| − | + | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/e/e8/T--UMaryland--meetup1th.jpeg" /> | |
| − | + | </a> | |
| − | + | <a href="https://static.igem.org/mediawiki/2016/1/1a/T--UMaryland--meetup2.jpeg"> | |
| − | + | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/8/87/T--UMaryland--meetup2th.jpeg" /> | |
| − | + | </a> | |
| − | + | <a href="https://static.igem.org/mediawiki/2016/a/a3/T--UMaryland--meetup3.jpeg"> | |
| − | + | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/c/c3/T--UMaryland--meetup3th.jpeg" /> | |
| − | + | </a> | |
| − | + | <a href="https://static.igem.org/mediawiki/2016/7/7c/T--UMaryland--meetup4.jpeg"> | |
| − | + | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/f/f4/T--UMaryland--meetup4th.jpeg" /> | |
| − | + | </a> | |
| − | + | <a href="https://static.igem.org/mediawiki/2016/3/3b/T--UMaryland--meetup5.jpeg"> | |
| − | + | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/a/a6/T--UMaryland--meetup5th.jpeg" /> | |
| − | + | </a> | |
| − | + | <a href="https://static.igem.org/mediawiki/2016/5/55/T--UMaryland--meetup6.jpeg"> | |
| − | + | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/f/f1/T--UMaryland--meetup6th.jpeg" /> | |
| − | + | </a> | |
| − | + | <a href="https://static.igem.org/mediawiki/2016/c/c1/T--UMaryland--meetup7.jpeg"> | |
| − | + | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/f/f0/T--UMaryland--meetup7th.jpeg" /> | |
| − | + | </a> | |
| − | + | <a href="https://static.igem.org/mediawiki/2016/5/5a/T--UMaryland--meetup8.jpeg"> | |
| − | + | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/1/16/T--UMaryland--meetup8th.jpeg" /> | |
| − | + | </a> | |
| − | + | <a href="https://static.igem.org/mediawiki/2016/3/38/T--UMaryland--meetup9.jpeg"> | |
| − | + | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/e/e2/T--UMaryland--meetup9th.jpeg" /> | |
| − | + | </a> | |
| − | + | <a href="https://static.igem.org/mediawiki/2016/1/18/T--UMaryland--meetup10.jpeg"> | |
| − | + | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/b/bb/T--UMaryland--meetup10th.jpeg" /> | |
| − | + | </a> | |
| − | + | <a href="https://static.igem.org/mediawiki/2016/1/19/T--UMaryland--meetup11.jpeg"> | |
| − | + | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/6/6f/T--UMaryland--meetup11th.jpeg" /> | |
| − | + | </a> | |
| − | + | <a href="https://static.igem.org/mediawiki/2016/7/7d/T--UMaryland--meetup12.jpeg"> | |
| − | + | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/3/3b/T--UMaryland--meetup12th.jpeg" /> | |
| − | + | </a> | |
| − | + | <a href="https://static.igem.org/mediawiki/2016/e/ee/T--UMaryland--meetup13.jpeg"> | |
| − | + | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/4/49/T--UMaryland--meetup13th.jpg" /> | |
| − | + | </a> | |
| − | + | <a href="https://static.igem.org/mediawiki/2016/5/5e/T--UMaryland--meetup14.jpeg"> | |
| − | + | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/d/d6/T--UMaryland--meetup14th.jpeg" /> | |
| − | + | </a> | |
| − | + | <a href="https://static.igem.org/mediawiki/2016/5/5a/T--UMaryland--meetup15.jpeg"> | |
| − | + | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/4/43/T--UMaryland--meetup15th.jpg" /> | |
| − | + | </a> | |
| − | + | </div> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
<div id="bot-nav"> | <div id="bot-nav"> | ||
<div id="container"> | <div id="container"> | ||
<div class="pull-left"> | <div class="pull-left"> | ||
| − | <a href="mailto:umarylandigem@gmail.com"> | + | <a href="mailto:umarylandigem@gmail.com"><p id="contact"> Contact Us </p></a> |
| − | + | </div> | |
| − | + | ||
| − | </div> | + | |
<div class="pull-right"> | <div class="pull-right"> | ||
<ul id="social-media"> | <ul id="social-media"> | ||
| − | <li> | + | <li> <a href="https://www.facebook.com/UMarylandiGEM/"> <img src="https://static.igem.org/mediawiki/2016/9/9f/T--UMaryland--fbLogo.jpeg"/> </a> </li> |
| − | + | <li> <a href="https://www.instagram.com/umarylandigem/"> <img src="https://static.igem.org/mediawiki/2016/c/ca/T--UMaryland--instalogo.jpg"/> </a> </li> | |
| − | + | ||
| − | <li> | + | |
| − | + | ||
| − | + | ||
</ul> | </ul> | ||
| − | </div> | + | </div> |
</div> | </div> | ||
| − | + | <div class="copyright"> | |
<p id="copyright">© University of Maryland iGEM 2016</p> | <p id="copyright">© University of Maryland iGEM 2016</p> | ||
| − | + | </div> | |
</div> | </div> | ||
| − | + | <style> | |
| − | + | /* Permanent bottom bar */ | |
| − | + | ||
| − | + | #bot-nav { | |
| − | + | background-color: #f9f9f9; | |
| + | border-top: 1px solid #f5f5f5; | ||
| + | position: absolute; | ||
| + | width: 100%; | ||
| + | height: 100px; | ||
| + | display: block; | ||
| + | color: black; | ||
| + | font-size: 12pt; | ||
| + | font-family: 'Lora', serif; | ||
| + | margin-top: 50px; | ||
| + | z-index: -1; | ||
| + | min-width: 1200px; | ||
| + | } | ||
| − | + | #social-media { | |
| − | + | width: 100%; | |
| − | + | margin:0 0 0 0; | |
| − | + | } | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | .pull-right a { | |
| − | + | padding-right: 0px !important; | |
| − | + | } | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | .copyright { | |
| − | + | text-align: center; | |
| − | + | width: 272px; | |
| − | + | height: 30px; | |
| − | + | margin-top: -20px; | |
| − | + | margin-left: auto; | |
| − | + | margin-right: auto; | |
| − | + | } | |
| − | + | ||
| − | + | .pull-left { | |
| − | + | margin-top: -3px; | |
| − | + | width: 83px; | |
| − | + | margin-left: 30px; | |
| − | + | margin-right: auto; | |
| − | + | display: inline; | |
| − | + | height: 34px; | |
| − | + | } | |
| − | + | ||
| − | + | .pull-left p { | |
| − | + | margin: 0 0 0 0; | |
| − | + | padding: 0 0 0 0 !important; | |
| − | + | line-height: 0px !important; | |
| − | + | } | |
| − | + | ||
| − | + | .pull-right { | |
| − | + | width: 83px; | |
| − | + | margin-right: 30px; | |
| − | + | margin-left: auto; | |
| − | + | } | |
| − | + | ||
| − | + | #copyright { | |
| − | + | text-align: center; | |
| − | + | left:auto; | |
| − | + | right: auto; | |
| − | + | width: 100%; | |
| − | + | padding: 0 0 0 0; | |
| − | + | margin-top: 2px; | |
| − | + | float:left; | |
| − | + | } | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | #container { | |
| − | + | max-width: 1200px; | |
| − | + | margin-left: auto; | |
| − | + | margin-right: auto; | |
| − | + | margin-top: 40px; | |
| − | + | } | |
| − | + | ||
| − | + | #container img { | |
| − | + | height: 20px; | |
| − | + | width: 20px; | |
| − | + | -webkit-filter: grayscale(100%); | |
| − | + | filter: grayscale(100%); | |
| − | + | } | |
| − | + | ||
| − | + | #bot-nav img:hover { | |
| − | + | -webkit-filter: grayscale(0%); | |
| − | + | filter: grayscale(0%); | |
| − | + | } | |
| + | |||
| + | #container li { | ||
| + | display: inline; | ||
| + | list-style:none; | ||
| + | padding-right: 25px; | ||
| + | } | ||
| + | |||
| + | .pull-left { | ||
| + | float:left; | ||
| + | } | ||
| + | |||
| + | #bot-nav a { | ||
| + | text-decoration: none; | ||
| + | color: black; | ||
| + | } | ||
| + | |||
| + | #contact { | ||
| + | margin-top: -2px; | ||
| + | } | ||
| + | |||
| + | #contact:hover { | ||
| + | text-shadow: .1px .1px black; | ||
| + | } | ||
| + | </style> | ||
| + | <script> | ||
| + | |||
| + | $('.linkText').click( function() { $(this).css('text-decoration','none'); $(this).focusout();}); | ||
| + | |||
| + | // Text animation for speaker bios | ||
| + | var current = 'ganesh'; | ||
| + | $('.bios img').click( function() { | ||
| + | var selected = $(this).attr('data-select'); // grabs the name of the navigational element clicked | ||
| + | if (selected != current) { // only change display / trigger animation if clicking different nav | ||
| + | $('.description').css('display','none'); // hides all text | ||
| + | $('.description').css('margin-left', '60px') | ||
| + | $('#div-' + selected).css('display','block'); // the div containing the text that is selected is displayed | ||
| + | $('#div-' + selected).animate({ marginLeft: '0px'}, 200); | ||
| + | current = selected; // sets the current display | ||
| + | } | ||
| + | }); | ||
| + | $(body).css('display','block'); | ||
| + | </script> | ||
| + | <!-- For nav bar scrolling + hovering + window resize effects--> | ||
| + | <script> | ||
| + | // Animation over top nav bar when mouse hovers | ||
| + | $('nav').mouseover( | ||
| + | function () { | ||
| + | $('#img-logo').css('transition', '.35s ease-in'); | ||
| + | $('#img-logo').css('opacity', '1'); | ||
| + | $('#img-igemlogo').css('transition', '.35s ease-in'); | ||
| + | $('#img-igemlogo').css('opacity', '1'); | ||
| + | $('nav ul').addClass("hover"); | ||
| + | } | ||
| + | ), | ||
| + | $('nav').mouseout( | ||
| + | function () { | ||
| + | var scroll = $(window).scrollTop(); | ||
| + | if (scroll > 0) {if ( $(window).width() >= 980) { var pushed = $('body').hasClass('pushed'); if (pushed == false) { | ||
| + | $('#img-logo').css('transition', '.25s ease'); | ||
| + | $('#img-logo').css('opacity', '0'); | ||
| + | $('#img-igemlogo').css('transition', '.25s ease'); | ||
| + | $('#img-igemlogo').css('opacity', '0'); | ||
| + | $('nav ul').removeClass("hover"); | ||
| + | $('nav').css('transition', '.5s ease'); | ||
| + | }}} | ||
| + | |||
| + | } | ||
| + | ), | ||
| + | // Window width effect on top nav bar | ||
| + | $(document).ready(function() { | ||
| + | function checkWidth() { | ||
| + | if ($(window).width() < 980 || $('nav').hasClass('pushed')){ | ||
| + | $('nav li').css('display', 'none'); | ||
| + | $('#img-more').css('display','block'); | ||
| + | $('nav ul').addClass("hover"); | ||
| + | $('#img-logo').css('transition', '.35s ease-in'); | ||
| + | $('#img-logo').css('opacity', '1'); | ||
| + | $('#img-igemlogo').css('transition', '.35s ease-in'); | ||
| + | $('#img-igemlogo').css('opacity', '1') | ||
| + | } else { | ||
| + | $('nav li').css('display', 'inline'); | ||
| + | $('#img-more').css('display','none'); | ||
| + | $('nav ul').removeClass("hover"); | ||
| + | if ($(window).scrollTop() > 0) { | ||
| + | $('#img-igemlogo').css('transition', '.25s ease'); | ||
| + | $('#img-igemlogo').css('opacity', '0'); | ||
| + | $('#img-logo').css('transition', '.25s ease'); | ||
| + | $('#img-logo').css('opacity', '0'); | ||
| + | $('nav ul').addClass("scrolled"); | ||
| + | } | ||
| + | } | ||
| + | } | ||
| + | // Execute on load | ||
| + | checkWidth(); | ||
| + | // Bind event listener | ||
| + | $(window).resize(checkWidth); | ||
| + | }); | ||
| + | // Resized nav bar effect when more icon is clicked | ||
| + | $('#img-more').click(function() { | ||
| + | $('#img-more').toggleClass('pushed'); | ||
| + | $('#div-navResized').toggleClass('pushed'); | ||
| + | $('nav').toggleClass('pushed'); | ||
| + | $('nav img').toggleClass('pushed'); | ||
| + | if ($(window).width() >= 980) { var pushed = $('body').hasClass('pushed'); if (pushed == false){ | ||
| + | $('nav li').css('display', 'inline'); | ||
| + | $('#img-more').css('display','none'); | ||
| + | $('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'); | ||
| + | }} | ||
| + | }); | ||
| + | // Scrolling animation for top nav bar | ||
| + | var nav = $('nav ul'); | ||
| + | $(window).scroll(function() { | ||
| + | var scroll = $(window).scrollTop(); | ||
| + | if (scroll > 0) { if ( $(window).width() >= 980) { | ||
| + | nav.addClass("scrolled"); | ||
| + | nav.removeClass("hover"); | ||
| + | $('#img-logo').css('transition', '.25s ease'); | ||
| + | $('#img-logo').css('opacity', '0'); | ||
| + | $('#img-igemlogo').css('transition', '.25s ease'); | ||
| + | $('#img-igemlogo').css('opacity', '0'); | ||
| + | }} else { | ||
| + | nav.removeClass("scrolled"); | ||
| + | $('#img-logo').css('transition', '.35s ease-in'); | ||
| + | $('#img-logo').css('opacity', '1'); | ||
| + | $('#img-igemlogo').css('transition', '.35s ease-in'); | ||
| + | $('#img-igemlogo').css('opacity', '1'); | ||
| + | } | ||
| + | }); | ||
| + | |||
| + | $(body).css('display','block'); | ||
| + | </script> | ||
| + | <script src="http://pixelcog.github.io/parallax.js/js/parallax.min.js"> | ||
| + | </script> | ||
| + | <script src="http://sachinchoolur.github.io/lightGallery/lightgallery/js/lightgallery.js"> | ||
| + | </script> | ||
| + | <script src="http://sachinchoolur.github.io/lightGallery/lightgallery/js/lg-fullscreen.js"> | ||
| + | </script> | ||
| + | <script src="http://sachinchoolur.github.io/lightGallery/lightgallery/js/lg-thumbnail.js"> | ||
| + | </script> | ||
| + | |||
| + | <script> | ||
| + | $(document).ready(function() { | ||
| + | $("#lightgallery").lightGallery(); | ||
| + | }); | ||
| + | </script> | ||
| + | </body> | ||
| + | |||
</html> | </html> | ||
Revision as of 00:20, 30 September 2016
</div></div>
2nd Annual Mid-Atlantic Mini-Jamboree
July 22nd, 2016
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/sriramPictures
© University of Maryland iGEM 2016
