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>
+
    <script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
        $(body).css('display', 'none');
        <script>
+
    </script>
        $(body).css('display','none');
+
    <script src="https://static.igem.org/mediawiki/2016/9/95/T--UMaryland--html5shiv.txt"></script>
        </script>
+
    <script src="https://static.igem.org/mediawiki/2016/c/ce/T--UMaryland--parallax.txt"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+
    <script src="https://static.igem.org/mediawiki/2016/f/f4/T--UMaryland--lightGalleryJS.txt"></script>
<script type="text/javascript">
+
    <script src="https://static.igem.org/mediawiki/2016/0/01/T--UMaryland--fullscreen.txt"></script>
if (typeof jQuery == 'undefined') {
+
    <script src="https://static.igem.org/mediawiki/2016/8/86/T--UMaryland--thumbnail.txt"></script>
document.write(unescape("%3Cscript src='js/jquery-1.10.2.min.js' type='text/javascript'%3E%3C/script%3E"));
+
    <link href="https://static.igem.org/mediawiki/2016/1/13/T--UMaryland--fonts.txt" rel="stylesheet" type='text/css'>
}
+
    <link href='https://static.igem.org/mediawiki/2016/b/bd/T--UMaryland--lightGallery.txt' rel='stylesheet' type='text/css'>
</script>
+
    <title>Engagement</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' 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>
+
    <style>
 +
        @font-face {
 +
            font-family: 'Exo';
 +
            font-style: normal;
 +
            font-weight: 400;
 +
            src: url(https://static.igem.org/mediawiki/2016/0/02/T--UMaryland--Exo.woff) format('woff2');
 +
        }
 +
       
 +
        @font-face {
 +
            font-family: 'Lora';
 +
            font-style: normal;
 +
            font-weight: 400;
 +
            src: url(https://static.igem.org/mediawiki/2016/6/61/T--UMaryland--Lora.woff) format('woff2');
 +
        }
 +
       
 +
        @font-face {
 +
            font-family: 'Raleway';
 +
            font-style: normal;
 +
            font-weight: 200;
 +
            src: url(https://static.igem.org/mediawiki/2016/b/b7/T--UMaryland--RalewayLight.woff) format('woff2');
 +
        }
 +
       
 +
        @font-face {
 +
            font-family: 'Raleway';
 +
            font-style: normal;
 +
            font-weight: 400;
 +
            src: url(https://static.igem.org/mediawiki/2016/5/58/T--UMaryland--Raleway.woff) format('woff2');
 +
        }
 +
    </style>
 +
    <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,
 +
        #content,
 +
        html,
 +
        body,
 +
        #globalWrapper,
 +
        #iGEM,
 +
        #overruled {
 
             width: 100%;
 
             width: 100%;
 
             height: 100%;
 
             height: 100%;
Line 40: Line 70:
 
             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 71: Line 101:
 
             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: 18px;
+
             margin-top: 15px;
         }  
+
         }
 
+
       
 
         element.style {
 
         element.style {
 
             text-decoration: none;
 
             text-decoration: none;
 
         }
 
         }
 
+
       
 
         nav a {
 
         nav a {
 
             text-decoration: none;
 
             text-decoration: none;
Line 88: Line 118:
 
             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 a:focus {
+
         nav ul {
            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 126: Line 151:
 
             z-index: 3;
 
             z-index: 3;
 
         }
 
         }
 
+
       
 
         #div-navResized a {
 
         #div-navResized a {
 
             text-decoration: none;
 
             text-decoration: none;
Line 132: Line 157:
 
             font-family: 'Exo', sans-serif;
 
             font-family: 'Exo', sans-serif;
 
         }
 
         }
 
+
          
         #div-navResized.pushed a:hover {
+
         #div-navResized ul {
            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 */
        /* 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, #Info p {
+
         #Speakers p,
 +
        #Info p {
 
             font-family: 'Raleway', sans-serif;
 
             font-family: 'Raleway', sans-serif;
 
         }
 
         }
 
 
         /* Title */
 
         /* Title */
         h1, h1-2 {
+
       
 +
         h1,
 +
        h1-2 {
 
             font-size: 30pt;
 
             font-size: 30pt;
             position: absolute;  
+
             position: absolute;
 
             top: 350px;
 
             top: 350px;
 
             left: 39px;
 
             left: 39px;
Line 175: Line 195:
 
             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); /* fallback color */
+
             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); /* fallback color */
+
             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 198: Line 220:
 
             font-weight: normal !important;
 
             font-weight: normal !important;
 
         }
 
         }
 
 
         /* Info */
 
         /* Info */
 
+
       
 
         #Info {
 
         #Info {
 
             margin-top: 100px;
 
             margin-top: 100px;
Line 206: Line 227:
 
             margin-right: auto;
 
             margin-right: auto;
 
             margin-bottom: 50px;
 
             margin-bottom: 50px;
width: 970px;
+
            width: 970px;
 
         }
 
         }
 
+
       
 
         #meetup {
 
         #meetup {
float: left;
+
            float: left;
 
             padding-top: 80px;
 
             padding-top: 80px;
padding-bottom: 80px;
+
            padding-bottom: 80px;
 
             height: 400px;
 
             height: 400px;
 
             width: 600px;
 
             width: 600px;
margin-right: 20px;
+
            margin-right: 20px;
 
         }
 
         }
 
+
       
 
         #Info p {
 
         #Info p {
 
             font-size: 15pt;
 
             font-size: 15pt;
 
             line-height: 2;
 
             line-height: 2;
 
         }
 
         }
 
+
       
.pInfo {
+
        .pInfo {
text-align: left;
+
            text-align: left;
}
+
        }
 
         /* Schedule */
 
         /* Schedule */
 
+
       
 
         #div-white {
 
         #div-white {
 
             z-index: -999;
 
             z-index: -999;
Line 238: Line 259:
 
             min-width: 1200px;
 
             min-width: 1200px;
 
         }
 
         }
 
+
       
 
         #img-schedule {
 
         #img-schedule {
 
             display: block;
 
             display: block;
Line 252: Line 273:
 
             margin-left: 30%;
 
             margin-left: 30%;
 
             margin-right: auto;
 
             margin-right: auto;
           
+
        }
        }
+
+
 
         /* Speakers */
 
         /* Speakers */
 
+
       
 
         h2 {
 
         h2 {
             font-size: 30pt; width: 970px; margin-right: auto; margin-left: auto; margin-bottom: 20px;
+
             font-size: 30pt;
 +
            width: 970px;
 +
            margin-right: auto;
 +
            margin-left: auto;
 +
            margin-bottom: 20px;
 
             overflow: visible;
 
             overflow: visible;
 
         }
 
         }
 
+
       
         #div-ganesh p, #div-eli p { margin-top: 20px;}
+
         #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 281: Line 307:
 
             margin-top: 20px;
 
             margin-top: 20px;
 
         }
 
         }
 
+
       
 
         #Speakers li {
 
         #Speakers li {
 
             display: inline;
 
             display: inline;
 
             margin-right: 400px;
 
             margin-right: 400px;
 
         }
 
         }
+
       
         #img-speaker1, #img-speaker2:hover {
+
         #img-speaker1,
 +
        #img-speaker2:hover {
 
             cursor: pointer;
 
             cursor: pointer;
 
         }
 
         }
+
       
#img-speaker1, #img-speaker2 {
+
        #img-speaker1,
margin-left: 265px;
+
        #img-speaker2 {
margin-bottom: 20px;
+
            margin-left: 265px;
}
+
            margin-bottom: 20px;
 
+
        }
#descriptions {
+
       
margin-top: 20px;
+
        #descriptions {
}
+
            margin-top: 20px;
+
        }
#ul-images {
+
       
height: 30px;
+
        #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;
+
            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;  
+
            position: relative;
          width: 100%; /* for IE 6 */
+
            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: 260px;
+
             width: 150px;
 
             float: left;
 
             float: left;
 
             position: fixed;
 
             position: fixed;
Line 398: Line 424:
 
             opacity: 1.0;
 
             opacity: 1.0;
 
         }
 
         }
 
 
         /* iGEM logo */
 
         /* iGEM logo */
 +
       
 
         #img-igemlogo {
 
         #img-igemlogo {
 
             width: 60px;
 
             width: 60px;
Line 407: Line 433:
 
             opacity: 1.0;
 
             opacity: 1.0;
 
         }
 
         }
 
 
         /* More Icon */
 
         /* More Icon */
 +
       
 
         #img-more {
 
         #img-more {
 
             position: fixed;
 
             position: fixed;
Line 419: Line 445:
 
             margin-top: -11px;
 
             margin-top: -11px;
 
         }
 
         }
 
+
       
 
         #img-UMD {
 
         #img-UMD {
 
             z-index: -999;
 
             z-index: -999;
Line 426: Line 452:
 
             height: 600px;
 
             height: 600px;
 
         }
 
         }
 
 
         /* Logos when more button is clicked */
 
         /* Logos when more button is clicked */
 
+
       
 
         #img-logoResized {
 
         #img-logoResized {
             width: 300px;
+
             width: 200px;
 
             display: block;
 
             display: block;
 
             margin-right: auto;
 
             margin-right: auto;
 
             margin-left: auto;
 
             margin-left: auto;
 
             margin-top: -165px;
 
             margin-top: -165px;
 +
            padding-right: 40px;
 
         }
 
         }
     
+
       
 
         .centered {
 
         .centered {
             margin-left:auto;
+
             margin-left: auto;
             margin-right:auto;
+
             margin-right: auto;
width: 1200px;
+
            width: 1200px;
 
             text-align: left;
 
             text-align: left;
 
         }
 
         }
 
          
 
          
#table-pictures p {
+
        #table-pictures p {
text-align: center;
+
            text-align: center;
font-size: 14pt;
+
            font-size: 14pt;
}
+
        }
+
       
#table-pictures {
+
        #table-pictures {
background-color: #F0F0F0;
+
            background-color: #F0F0F0;
 +
        }
 +
       
 +
        .center {
 +
            margin-top: 80px;
 +
            text-align: center;
 +
        }
 +
       
 +
        .thumbnail {
 +
            width: 256px;
 +
        }
 +
       
 +
        #lightgallery {
 +
            width: 800px;
 +
            margin-left: auto;
 
             margin-right: auto;
 
             margin-right: auto;
 +
        }
 +
       
 +
        #h2-pic1,
 +
        #h2-pic2 {
 +
            margin-top: 80px;
 +
            margin-bottom: 50px !important;
 +
            font-family: 'Lora', serif;
 +
            font-weight: normal;
 +
        }
 +
        /* Permanent bottom bar */
 +
       
 +
        #bot-nav {
 +
            background-color: #f9f9f9;
 +
            border-top: 1px solid #f5f5f5;
 +
            position: absolute;
 +
            width: 100%;
 +
            height: 100px;
 +
            margin-top: 50px;
 +
            display: block;
 +
            color: black;
 +
            font-size: 12pt;
 +
            font-family: 'Lora', serif;
 +
            z-index: -1;
 +
        }
 +
       
 +
        .pull-right a {
 +
            padding-right: 0px !important;
 +
        }
 +
       
 +
        .copyright {
 +
            text-align: center;
 +
            width: 1200px;
 +
            height: 30px;
 
             margin-left: auto;
 
             margin-left: auto;
}
+
            margin-right: 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 {
+
        .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: 70px;
 +
            margin-right: 30px;
 +
            margin-left: auto;
 +
        }
 +
       
 +
         #copyright {
 +
            text-align: center;
 +
            left: auto;
 +
            right: auto;
 +
            width: 100%;
 +
            padding: 0 0 0 0;
 +
            margin-top: -27px;
 +
        }
 +
       
 +
        #container {
 +
            width: 1200px;
 +
            margin-left: auto;
 +
            margin-right: auto;
 +
            margin-top: 25px;
 +
        }
 +
       
 +
        #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;
 +
        }
 +
       
 +
        #copyright {
 +
            float: left;
 +
        }
 +
       
 +
        .pull-left {
 +
            float: left;
 +
        }
 +
       
 +
        #bot-nav a {
 
             text-decoration: none;
 
             text-decoration: none;
 +
            color: black;
 
         }
 
         }
+
       
#h2-pic1, #h2-pic2 {
+
        #contact:hover {
margin-top: 80px;
+
            text-shadow: .1px .1px black;
margin-bottom: 50px !important;
+
        }
 +
        /* Resized bot-nav */
 +
       
 +
        h4,
 +
        h5 {
 
             font-family: 'Lora', serif;
 
             font-family: 'Lora', serif;
 
             font-weight: normal;
 
             font-weight: normal;
}
+
            font-size: 12pt;
</style>
+
        }
        <script>
+
    </style>
/* Hiding stupid stuff*/
+
    <nav>
$(document).ready(function() {
+
        <img src="https://static.igem.org/mediawiki/2016/e/e3/16UMD-logoTemp.png" id="img-logo" width="128px">
                $('#top_title').css('display', 'none');
+
        <a href="https://2016.igem.org/Main_Page">
$('#top_menu').css('display', 'none');
+
            <img src="https://static.igem.org/mediawiki/2016/3/3d/T--UMaryland--igemlogo.png" id="img-igemlogo" width="128px">
//$('#top_menu_14').css('display', 'none');
+
        </a>
                $('#HQ_page').css('display', 'none');
+
        <ul>
$('#top_menu_under').css('display', 'none');
+
            <a style="opacity: 0">Fix</a>
        });
+
            <li><a href="https://2016.igem.org/Team:UMaryland/projects">Projects</a></li>
$('#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/parts">Parts</a></li>
$('#mw-content-text').attr("id","overruled").removeClass('mw-content-ltr');
+
<li><a href="https://2016.igem.org/Team:UMaryland/modeling">Modeling</a></li>
</script>
+
            <li><a href="https://2016.igem.org/Team:UMaryland/outreach">Outreach</a></li>
<nav>
+
            <li><a href="https://2016.igem.org/Team:UMaryland/notebook">Notebook</a></li>
<img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logo">
+
            <li><a href="https://2016.igem.org/Team:UMaryland/about">About Us</a></li>
<ul>
+
        </ul>
<a style="opacity: 0">Fix</a>
+
    </nav>
<li><a href="https://2016.igem.org/Team:UMaryland/projects">Projects</a></li>
+
    <img src="https://static.igem.org/mediawiki/2016/e/e5/T--UMaryland--more.png" id="img-more">
<!--<li><a href="https://2016.igem.org/Team:UMaryland/parts">Parts</a></li>
+
    <!-- Nav bar when more button is clicked -->
<li><a href="https://2016.igem.org/Team:UMaryland/modeling">Modeling</a></li>-->
+
    <div id="div-navResized">
<li><a href="https://2016.igem.org/Team:UMaryland/outreach">Outreach</a></li>
+
        <img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logoResized">
<li><a href="https://2016.igem.org/Team:UMaryland/notebook">Notebook</a></li>
+
        <ul>
<li><a href="https://2016.igem.org/Team:UMaryland/about">About Us</a></li>
+
            <li><a href="https://2016.igem.org/Team:UMaryland/projects">Projects</a></li>
</ul>
+
            <li><a href="https://2016.igem.org/Team:UMaryland/parts">Parts</a></li>
</nav>
+
<li><a href="https://2016.igem.org/Team:UMaryland/modeling">Modeling</a></li>
<img src="https://static.igem.org/mediawiki/2016/e/e5/T--UMaryland--more.png" id="img-more">
+
            <li><a href="https://2016.igem.org/Team:UMaryland/outreach">Outreach</a></li>
<!-- Nav bar when more button is clicked -->
+
            <li><a href="https://2016.igem.org/Team:UMaryland/notebook">Notebook</a></li>
<div id="div-navResized">
+
            <li><a href="https://2016.igem.org/Team:UMaryland/about">About Us</a></li>
<img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logoResized">
+
        </ul>
<ul>
+
    </div>
<li><a href="https://2016.igem.org/Team:UMaryland/projects">Projects</a></li>
+
    <div id="div-title" class="image">
<!--<li><a href="https://2016.igem.org/Team:UMaryland/parts">Parts</a></li>
+
        <div data-parallax="scroll" data-image-src="https://static.igem.org/mediawiki/2016/8/85/T--UMaryland--meetup.jpeg" id="img-UMD">
<li><a href="https://2016.igem.org/Team:UMaryland/modeling">Modeling</a></li>-->
+
        </div>
<li><a href="https://2016.igem.org/Team:UMaryland/outreach">Outreach</a></li>
+
        <h1 id="h1"><span>2nd Annual Mid-Atlantic Mini-Jamboree</span> </h1>
<li><a href="https://2016.igem.org/Team:UMaryland/notebook">Notebook</a></li>
+
        <h1-2><br/><br/><br/><br/><span>July 22nd, 2016</span></h1-2>
<li><a href="https://2016.igem.org/Team:UMaryland/about">About Us</a></li>
+
    </div>
</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">
+
        <div id="Info" style="text-align: center">
<p class="pInfo"> UMaryland iGEM founded the first Mid-Atlantic Meet-up and hosted  
+
            <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>
four other teams: UVA, William and Mary, Duke, and Rock Ridge High School.
+
            <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>
Each team gave a 25 minute presentation of their project followed by a Q&A
+
            <p class="pInfo center">Thank you to everyone who particpiated!</p>
with the audience. We were also fortunate enough to have Special Agent
+
        </div>
Edward You of the FBI and UMD Professor Raymond St. Leger as guest speakers.</p>
+
        <div id="div-participants">
<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>
+
            <table id="table-pictures">
<p class="pInfo center">Thank you to everyone who participated!</p>
+
                <tbody>
</div>
+
                    <tr>
<div id="div-participants">
+
                        <td>
<table id="table-pictures">
+
                            <img src="https://static.igem.org/mediawiki/2016/3/3a/T--UMaryland--WM.jpeg" width="240px" />
<tbody>
+
                            <a href="https://2016.igem.org/Team:William_and_Mary" target="_blank">
<tr>
+
                                <p>William & Mary</p>
<td>
+
                            </a>
<img src="https://static.igem.org/mediawiki/2016/3/3a/T--UMaryland--WM.jpeg" width="240px" />
+
                        </td>
<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/c/ca/T--UMaryland--UMD.jpeg" width="240px" />
<td>
+
                            <a href="https://2016.igem.org/Team:UMaryland" target="_blank">
<img src="https://static.igem.org/mediawiki/2016/2/22/T--UMaryland--UPitt.jpeg" width="240px" />
+
                                <p>University of Maryland</p>
<a href="https://2016.igem.org/Team:Pittsburgh" target="_blank"><p>University of Pittsburgh</p></a>
+
                            </a>
</td>
+
                        </td>
<td>
+
                        <td>
<img src="https://static.igem.org/mediawiki/2016/d/d7/T--UMaryland--USNA.jpeg" width="240px" />
+
                            <img src="https://static.igem.org/mediawiki/2016/2/22/T--UMaryland--UPitt.jpeg" width="240px" />
<a href="https://2016.igem.org/Team:USNA-Annapolis" target="_blank"><p>US Naval Academy</p></a>
+
                            <a href="https://2016.igem.org/Team:Pittsburgh" target="_blank">
</td>
+
                                <p>University of Pittsburgh</p>
<td>
+
                            </a>
<img src="https://static.igem.org/mediawiki/2016/1/16/T--UMaryland--UVA.jpeg" width="240px" />
+
                        </td>
<a href="https://2016.igem.org/Team:Virginia" target="_blank"><p>University of Virginia</p></a>
+
                        <td>
</td>
+
                            <img src="https://static.igem.org/mediawiki/2016/d/d7/T--UMaryland--USNA.jpeg" width="240px" />
</tr>
+
                            <a href="https://2016.igem.org/Team:USNA-Annapolis" target="_blank">
</tbody>
+
                                <p>US Naval Academy</p>
</table>
+
                            </a>
</div>
+
                        </td>
<div id="Speakers" class="bios">
+
                        <td>
<h2 id="h2-pic1"> Speakers </h2>
+
                            <img src="https://static.igem.org/mediawiki/2016/1/16/T--UMaryland--UVA.jpeg" width="240px" />
        <ul id="ul-images" class = "centered">
+
                            <a href="https://2016.igem.org/Team:Virginia" target="_blank">
<li><img src="https://static.igem.org/mediawiki/2016/0/0b/T--UMaryland--GaneshSriram.jpg" id="img-speaker1" data-select="ganesh"/></li>
+
                                <p>University of Virginia</p>
<li><img src="https://static.igem.org/mediawiki/2016/c/c8/T--UMaryland--EliGroban.jpg" id="img-speaker2" data-select="eli"/></li>
+
                            </a>
</ul>
+
                        </td>
        <div id="descriptions">
+
                    </tr>
<div id="div-ganesh" class="description">
+
                </tbody>
<h3> Dr. Ganesh Sriram</h3>
+
            </table>
<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>
+
        </div>
<small>1. Bio from http://www.ench.umd.edu/faculty/sriram</small>
+
        <div id="Speakers" class="bios">
</div>
+
            <h2 id="h2-pic1"> Speakers </h2>
<div id="div-eli" class="description" style="display: none;">
+
            <ul id="ul-images" class="centered">
<h6> Dr. Eli Groban </h6>
+
                <li><img src="https://static.igem.org/mediawiki/2016/0/0b/T--UMaryland--GaneshSriram.jpg" id="img-speaker1" data-select="ganesh" /></li>
<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>
+
                <li><img src="https://static.igem.org/mediawiki/2016/c/c8/T--UMaryland--EliGroban.jpg" id="img-speaker2" data-select="eli" /></li>
</p>
+
            </ul>
<small>2. Bio from https://www.autodeskresearch.com/people/eli-groban</small>
+
            <div id="descriptions">
</div>
+
                <div id="div-ganesh" class="description">
</div>
+
                    <h3> Dr. Ganesh Sriram</h3>
</div>
+
                    <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>
<h2 id="h2-pic2">Pictures</h2>
+
                    <small>1. Bio from http://www.ench.umd.edu/faculty/sriram</small>
<div id="lightgallery">
+
                </div>
  <a href="https://static.igem.org/mediawiki/2016/e/e4/T--UMaryland--meetup1.jpeg">
+
                <div id="div-eli" class="description" style="display: none;">
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/e/e8/T--UMaryland--meetup1th.jpeg" />
+
                    <h6> Dr. Eli Groban </h6>
  </a>
+
                    <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>
  <a href="https://static.igem.org/mediawiki/2016/1/1a/T--UMaryland--meetup2.jpeg">
+
                    </p>
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/8/87/T--UMaryland--meetup2th.jpeg" />
+
                    <small>2. Bio from https://www.autodeskresearch.com/people/eli-groban</small>
  </a>
+
                </div>
  <a href="https://static.igem.org/mediawiki/2016/a/a3/T--UMaryland--meetup3.jpeg">
+
            </div>
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/c/c3/T--UMaryland--meetup3th.jpeg" />
+
        </div>
  </a>
+
        <h2 id="h2-pic2">Pictures</h2>
  <a href="https://static.igem.org/mediawiki/2016/7/7c/T--UMaryland--meetup4.jpeg">
+
        <div id="lightgallery">
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/f/f4/T--UMaryland--meetup4th.jpeg" />
+
            <a href="https://static.igem.org/mediawiki/2016/e/e4/T--UMaryland--meetup1.jpeg">
  </a>
+
                <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/e/e8/T--UMaryland--meetup1th.jpeg" />
  <a href="https://static.igem.org/mediawiki/2016/3/3b/T--UMaryland--meetup5.jpeg">
+
            </a>
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/a/a6/T--UMaryland--meetup5th.jpeg" />
+
            <a href="https://static.igem.org/mediawiki/2016/1/1a/T--UMaryland--meetup2.jpeg">
  </a>
+
                <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/8/87/T--UMaryland--meetup2th.jpeg" />
  <a href="https://static.igem.org/mediawiki/2016/5/55/T--UMaryland--meetup6.jpeg">
+
            </a>
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/f/f1/T--UMaryland--meetup6th.jpeg" />
+
            <a href="https://static.igem.org/mediawiki/2016/a/a3/T--UMaryland--meetup3.jpeg">
  </a>
+
                <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/c/c3/T--UMaryland--meetup3th.jpeg" />
  <a href="https://static.igem.org/mediawiki/2016/c/c1/T--UMaryland--meetup7.jpeg">
+
            </a>
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/f/f0/T--UMaryland--meetup7th.jpeg" />
+
            <a href="https://static.igem.org/mediawiki/2016/7/7c/T--UMaryland--meetup4.jpeg">
  </a>
+
                <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/f/f4/T--UMaryland--meetup4th.jpeg" />
  <a href="https://static.igem.org/mediawiki/2016/5/5a/T--UMaryland--meetup8.jpeg">
+
            </a>
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/1/16/T--UMaryland--meetup8th.jpeg" />
+
            <a href="https://static.igem.org/mediawiki/2016/3/3b/T--UMaryland--meetup5.jpeg">
  </a>
+
                <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/a/a6/T--UMaryland--meetup5th.jpeg" />
  <a href="https://static.igem.org/mediawiki/2016/3/38/T--UMaryland--meetup9.jpeg">
+
            </a>
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/e/e2/T--UMaryland--meetup9th.jpeg" />
+
            <a href="https://static.igem.org/mediawiki/2016/5/55/T--UMaryland--meetup6.jpeg">
  </a>
+
                <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/f/f1/T--UMaryland--meetup6th.jpeg" />
  <a href="https://static.igem.org/mediawiki/2016/1/18/T--UMaryland--meetup10.jpeg">
+
            </a>
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/b/bb/T--UMaryland--meetup10th.jpeg" />
+
            <a href="https://static.igem.org/mediawiki/2016/c/c1/T--UMaryland--meetup7.jpeg">
  </a>
+
                <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/f/f0/T--UMaryland--meetup7th.jpeg" />
  <a href="https://static.igem.org/mediawiki/2016/1/19/T--UMaryland--meetup11.jpeg">
+
            </a>
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/6/6f/T--UMaryland--meetup11th.jpeg" />
+
            <a href="https://static.igem.org/mediawiki/2016/5/5a/T--UMaryland--meetup8.jpeg">
  </a>
+
                <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/1/16/T--UMaryland--meetup8th.jpeg" />
  <a href="https://static.igem.org/mediawiki/2016/7/7d/T--UMaryland--meetup12.jpeg">
+
            </a>
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/3/3b/T--UMaryland--meetup12th.jpeg" />
+
            <a href="https://static.igem.org/mediawiki/2016/3/38/T--UMaryland--meetup9.jpeg">
  </a>
+
                <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/e/e2/T--UMaryland--meetup9th.jpeg" />
  <a href="https://static.igem.org/mediawiki/2016/e/ee/T--UMaryland--meetup13.jpeg">
+
            </a>
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/4/49/T--UMaryland--meetup13th.jpg" />
+
            <a href="https://static.igem.org/mediawiki/2016/1/18/T--UMaryland--meetup10.jpeg">
  </a>
+
                <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/b/bb/T--UMaryland--meetup10th.jpeg" />
  <a href="https://static.igem.org/mediawiki/2016/5/5e/T--UMaryland--meetup14.jpeg">
+
            </a>
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/d/d6/T--UMaryland--meetup14th.jpeg" />
+
            <a href="https://static.igem.org/mediawiki/2016/1/19/T--UMaryland--meetup11.jpeg">
  </a>
+
                <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/6/6f/T--UMaryland--meetup11th.jpeg" />
  <a href="https://static.igem.org/mediawiki/2016/5/5a/T--UMaryland--meetup15.jpeg">
+
            </a>
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/4/43/T--UMaryland--meetup15th.jpg" />
+
            <a href="https://static.igem.org/mediawiki/2016/7/7d/T--UMaryland--meetup12.jpeg">
  </a>
+
                <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/3/3b/T--UMaryland--meetup12th.jpeg" />
</div>
+
            </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"><p id="contact"> Contact Us </p></a>
+
                 <a href="mailto:umarylandigem@gmail.com">
             </div>
+
                    <p id="contact"> Contact Us </p>
 +
                </a>
 +
             </div>
 
             <div class="pull-right">
 
             <div class="pull-right">
 
                 <ul id="social-media">
 
                 <ul id="social-media">
                     <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>
                     <li> <a href="https://www.instagram.com/umarylandigem/"> <img src="https://static.igem.org/mediawiki/2016/c/ca/T--UMaryland--instalogo.jpg"/> </a> </li>
+
                        <a href="https://www.facebook.com/UMarylandiGEM/"> <img src="https://static.igem.org/mediawiki/2016/2/2c/T--UMaryland--FBlogo.png" /> </a>
 +
                    </li>
 +
                     <li>
 +
                        <a href="https://www.instagram.com/umarylandigem/"> <img src="https://static.igem.org/mediawiki/2016/b/bc/T--UMaryland--Instalogo.png" /> </a>
 +
                    </li>
 
                 </ul>
 
                 </ul>
             </div>
+
             </div>
 
         </div>
 
         </div>
<div class="copyright">
+
        <div class="copyright">
 
             <p id="copyright">© University of Maryland iGEM 2016</p>
 
             <p id="copyright">© University of Maryland iGEM 2016</p>
</div>
+
        </div>
 
     </div>
 
     </div>
<style>
+
    <script>
/* Permanent bottom bar */
+
        $('.linkText').click(function() {
+
            $(this).css('text-decoration', 'none');
#bot-nav {
+
            $(this).focusout();
    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 {
+
        // Text animation for speaker bios
width: 100%;
+
        var current = 'ganesh';
margin:0 0 0 0;
+
        $('.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');
 +
        // 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');
 +
                            }
 +
                        }
 +
                    }
  
.pull-right a {
+
                }
    padding-right: 0px !important;
+
            ),
}
+
            // 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");
 +
                        }
 +
                    }
 +
                }
  
.copyright {
+
                function checkBotNav() {
text-align: center;
+
                    if ($(window).width() < 980) {
width: 272px;
+
                        $('#container').css('display', 'none');
height: 30px;
+
                        $('#bot-navResized').css('display', 'block');
margin-top: -20px;
+
                        $('#bot-nav').css('height', '110px');
margin-left: auto;
+
                    } else {
margin-right: auto;
+
                        $('#container').css('display', 'block');
}
+
                        $('#bot-navResized').css('display', 'none');
 
+
                        $('#bot-nav').css('height', '75px');
.pull-left {
+
                    }
margin-top: -3px;
+
                }
width: 83px;
+
                // Execute on load
margin-left: 30px;
+
                checkWidth();
margin-right: auto;
+
                checkBotNav();
display: inline;
+
                // Bind event listener
height: 34px;
+
                $(window).resize(checkWidth);
}
+
                $(window).resize(checkBotNav);
 
+
            });
.pull-left p {
+
        // Resized nav bar effect when more icon is clicked
margin: 0 0 0 0;
+
        $('#img-more').click(function() {
padding: 0 0 0 0 !important;
+
            $('#img-more').toggleClass('pushed');
line-height: 0px !important;
+
            $('#div-navResized').toggleClass('pushed');
}
+
            $('nav').toggleClass('pushed');
 
+
            $('nav img').toggleClass('pushed');
.pull-right {
+
            if ($(window).width() >= 980) {
width: 83px;
+
                var pushed = $('body').hasClass('pushed');
margin-right: 30px;
+
                if (pushed == false) {
margin-left: auto;
+
                    $('nav li').css('display', 'inline');
}
+
                    $('#img-more').css('display', 'none');
 
+
                    $('nav ul').removeClass("hover");
#copyright {
+
                    $('#img-igemlogo').css('transition', '.25s ease');
    text-align: center;
+
                    $('#img-igemlogo').css('opacity', '0');
left:auto;
+
                    $('#img-logo').css('transition', '.25s ease');
right: auto;
+
                    $('#img-logo').css('opacity', '0');
width: 100%;
+
                }
padding: 0 0 0 0;
+
            }
margin-top: 2px;
+
        });
float:left;
+
        // 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');
 +
            }
 +
        });
  
#container {
+
         $(body).css('display', 'block');
    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>
+
 
 
 +
        $(document).ready(function() {
 +
            $("#lightgallery").lightGallery();
 +
        });
 +
 +
        /* 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
 +
        $('#mw-content-text').attr("id", "overruled").removeClass('mw-content-ltr');
 +
    </script>
 +
</body>
 +
 
</html>
 
</html>

Revision as of 00:17, 30 September 2016

</div> </div> Engagement

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 particpiated!

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

Pictures