Difference between revisions of "Team:UMaryland/meetup"

(Created page with "</div></div> <html lang="en"> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script> <meta http-equiv="Content-Type" content=...")
 
 
(105 intermediate revisions by 2 users not shown)
Line 16: Line 16:
 
          
 
          
 
<link href='https://fonts.googleapis.com/css?family=Raleway:400,200' 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>
 
<title>2nd Annual Mid-Atlantic Meet-up</title>
 
</head>
 
</head>
 
<body>
 
<body>
 
<style>
 
<style>
 +
        #bars_item {
 +
            display: none;
 +
        }
 +
 +
        #top_menu_14 {
 +
            z-index: 4;
 +
        }
 +
 +
        #sideMenu {
 +
            display: none;
 +
        } 
 
         #bodyContent, #content, html, body, #globalWrapper, #iGEM, #overruled {
 
         #bodyContent, #content, html, body, #globalWrapper, #iGEM, #overruled {
−
            width: 100%;
+
            width: 100%;
−
            height: 100%;
+
            height: 100%;
−
            padding: 0 0 0 0;
+
            padding: 0 0 0 0;
−
            border: none;
+
            border: none;
−
            margin: 0 0 0 0;
+
            margin: 0 0 0 0;
−
            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 */
Line 45: Line 57:
  
 
         #content {
 
         #content {
−
                margin-top: 0px;
+
            margin-top: 0px;
 
         }
 
         }
  
Line 61: Line 73:
 
             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-radius: 15px;
+
            border-bottom-left-radius: 5px;
−
        z-index: 1;
+
            border-bottom-right-radius: 5px;
−
        margin-top: 18px;
+
            z-index: 1;
 +
            margin-top: 18px;
 
         }  
 
         }  
  
Line 82: Line 95:
 
         nav a:hover {
 
         nav a:hover {
 
             opacity: .7;
 
             opacity: .7;
 +
            text-decoration: none;
 +
        }
 +
 +
        nav a:focus {
 
             text-decoration: none;
 
             text-decoration: none;
 
         }
 
         }
Line 106: Line 123:
 
             left: 0;
 
             left: 0;
 
             right: 0;
 
             right: 0;
−
             margin-top: 74px;
+
             margin-top: 200px;
 
             z-index: 3;
 
             z-index: 3;
 
         }
 
         }
Line 116: Line 133:
 
         }
 
         }
  
−
 
+
         #div-navResized.pushed a:hover {
−
         #div-navResized a:hover {
+
             text-decoration: none !important;
−
             text-decoration: none;
+
            opacity: .7;
 
         }
 
         }
  
Line 135: Line 152:
 
         }
 
         }
  
−
        /* Permanent bottom bar */
+
        /* Background of page */
−
        #bot-nav {
+
−
            background-color: #f9f9f9;   
+
−
            border-top: 1px solid #f5f5f5;
+
−
            position: absolute;
+
−
            width: 100%;
+
−
            height: 75px;
+
−
            left: 0;
+
−
            top: 3000px;
+
−
            display: block;
+
−
            color: black;
+
−
            font-size: 12pt;
+
−
        }
+
−
 
+
−
        #container {
+
−
            width: 950px;
+
−
            margin-left: auto;
+
−
            margin-right: auto;
+
−
            padding-right: 15px;
+
−
            padding-left: 15px;
+
−
            margin-top: -7px;
+
−
        }
+
−
 
+
−
        #bot-nav img {
+
−
            height: 20px;
+
−
            width: 20px;
+
−
            margin-top: -40px;
+
−
            -webkit-filter: grayscale(100%);
+
−
            filter: grayscale(100%);
+
−
        }
+
−
 
+
−
        #bot-nav img:hover {
+
−
            -webkit-filter: grayscale(0%);
+
−
            filter: grayscale(0%);
+
−
        }
+
−
 
+
−
        #bot-nav ul {
+
−
            text-align: center;
+
−
            margin-top: -13px;
+
−
        }
+
−
 
+
−
        #bot-nav li {
+
−
            display: inline;
+
−
            margin-right: -14px;
+
−
        }
+
−
 
+
−
        #bot-nav a {
+
−
            text-decoration: none;
+
−
            color: black;
+
−
        }
+
−
 
+
−
        #copyright {
+
−
            text-align: center;
+
−
            padding-top: 24px;
+
−
        }
+
−
 
+
−
        #contact:hover {
+
−
            text-shadow: .1px .1px black;
+
−
        }
+
−
 
+
−
        /* Background of page */
+
  
 
         html {
 
         html {
Line 202: Line 159:
  
 
         /* Start Page Specific CSS */
 
         /* Start Page Specific CSS */
 +
       
 +
        #Speakers p, #Info p {
 +
            font-family: 'Raleway', sans-serif;
 +
        }
  
 
         /* Title */
 
         /* Title */
Line 208: Line 169:
 
             position: absolute;  
 
             position: absolute;  
 
             top: 350px;
 
             top: 350px;
−
                left: 39px;
+
            left: 39px;
 
             width: 100%;
 
             width: 100%;
−
                border-bottom: none;
+
            border-bottom: none;
−
                color: white;
+
            color: white;
 +
            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);
 
         }
 
         }
  
Line 227: Line 189:
 
             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;
 +
        }
 +
       
 +
        #h1 {
 +
            font-weight: normal !important;
 
         }
 
         }
  
Line 236: Line 202:
  
 
         #Info {
 
         #Info {
−
             margin-top: 200px;
+
             margin-top: 100px;
−
             margin-left: -8px;
+
             margin-left: auto;
−
             margin-right: -8px;
+
             margin-right: auto;
−
             margin-bottom: 100px;
+
             margin-bottom: 50px;
 +
width: 970px;
 
         }
 
         }
  
 
         #meetup {
 
         #meetup {
−
            position: absolute;
+
float: left;
−
            margin-left: 10px;
+
             padding-top: 80px;
−
             z-index: -999;
+
padding-bottom: 80px;
−
            margin-top: 149px;
+
 
             height: 400px;
 
             height: 400px;
−
             min-width: 600px;
+
             width: 600px;
−
            max-width: 600px;
+
margin-right: 20px;
 
         }
 
         }
  
 
         #Info p {
 
         #Info p {
 
             font-size: 15pt;
 
             font-size: 15pt;
−
                line-height: 2;
+
            line-height: 2;
−
        }
+
−
 
+
−
        #p1 {
+
−
            margin-left: 626px;
+
−
                max-width: 585px;
+
−
                min-width: 585px
+
−
        }
+
−
 
+
−
        #p2 {
+
−
            margin-top: 100px;
+
−
                margin-left: 204px;
+
−
                max-width: 850px;
+
−
                min-width: 850px;
+
 
         }
 
         }
  
 +
.pInfo {
 +
text-align: left;
 +
}
 
         /* Schedule */
 
         /* Schedule */
  
 
         #div-white {
 
         #div-white {
−
                z-index: -999;
+
            z-index: -999;
−
        position: absolute;
+
            position: absolute;
−
        background-color: white;
+
            background-color: white;
−
                width: 100%;
+
            width: 100%;
−
                left: 0px;
+
            left: 0px;
−
                height: 700px;
+
            height: 700px;
−
                margin-top: -52px;
+
            margin-top: -52px;
−
                min-width: 1200px;
+
            min-width: 1200px;
 
         }
 
         }
  
 
         #img-schedule {
 
         #img-schedule {
−
        display: block;
+
            display: block;
 
             margin-top: 50px;
 
             margin-top: 50px;
−
        opacity: 1;
+
            opacity: 1;
−
        width: 600px;
+
            width: 600px;
 
             margin-right: auto;
 
             margin-right: auto;
−
        margin-left: auto;
+
            margin-left: auto;
 
         }
 
         }
 
          
 
          
−
        #div-img {
+
        #div-img {
−
        width: 600px;
+
            width: 600px;
−
        margin-left: 30%;
+
            margin-left: 30%;
 
             margin-right: auto;
 
             margin-right: auto;
 
              
 
              
 
         }
 
         }
−
       
+
 
         /* Speakers */
 
         /* Speakers */
  
Line 306: Line 262:
 
         }
 
         }
  
−
         #div-ganesh p, #div-todd p { margin-top: 20px;}
+
         #div-ganesh p, #div-eli p { margin-top: 20px;}
  
 
         #Speakers {
 
         #Speakers {
−
            margin-top: 800px;
 
 
             margin-left: -8px;
 
             margin-left: -8px;
 
             margin-right: -8px;
 
             margin-right: -8px;
Line 315: Line 270:
  
 
         #Speakers img {
 
         #Speakers img {
−
            width: 123px;
 
−
            height: 170px;
 
 
             position: absolute;
 
             position: absolute;
 
         }
 
         }
  
 
         #Speakers p {
 
         #Speakers p {
−
                font-size: 15pt;
+
            font-size: 15pt;
−
                line-height: 2;
+
            line-height: 2;
−
                width: 970px;
+
            width: 970px;
−
        margin-right: auto;
+
            margin-right: auto;
−
                margin-left: auto;
+
            margin-left: auto;
−
                margin-top: 20px;
+
            margin-top: 20px;
−
 
+
 
         }
 
         }
  
−
         img#igemguy {
+
         #Speakers li {
−
             border: 1px solid black;
+
             display: inline;
−
             margin-left: 721px;
+
             margin-right: 400px;
 
         }
 
         }
−
 
+
−
         #umdguy {
+
         #img-speaker1, #img-speaker2:hover {
−
             margin-left: 377px;
+
             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: 340px;
+
            margin-left: 270px;
 
         }
 
         }
  
−
         h4 {
+
         h6 {
 
             font-size: 20pt;
 
             font-size: 20pt;
−
                margin-left: 695px;
+
            margin-left: 670px;
−
                margin-top: 11px;    
+
            margin-top: 11px;
 +
margin-bottom: 0px;
 +
            font-family: "Arial",Gadget,sans-serif;
 +
            font-weight: bold;
 
         }      
 
         }      
−
 
−
        #hiddenS {
 
−
            margin-top: 800px;
 
−
            margin-bottom: -750px;
 
−
        }
 
  
 
         /* Footnotes (References) */
 
         /* Footnotes (References) */
  
−
         #footnotes {
+
         small {
−
             margin-left: 50px;
+
             margin-left: 125px;
 
             margin-top: 25px;
 
             margin-top: 25px;
−
            font-size: 16px;
 
 
         }
 
         }
  
Line 381: Line 343:
 
         .pull-right {
 
         .pull-right {
 
             float: right !important;
 
             float: right !important;
 +
            margin-left: -28px;
 
         }
 
         }
  
Line 394: Line 357:
 
         #div-navResized.pushed {
 
         #div-navResized.pushed {
 
             display: block;
 
             display: block;
 +
        }
 +
 +
        #div-navResized.pushed a:hover {
 +
            text-decoration: underline;
 
         }
 
         }
  
 
         nav.pushed {
 
         nav.pushed {
−
             height: 271px;
+
             height: 100%;
 +
        }
 +
 
 +
        body.pushed {
 +
            overflow-y: hidden;
 
         }
 
         }
  
Line 403: Line 374:
 
             display: none;
 
             display: none;
 
         }
 
         }
−
 
  
 
         /* Hides nav bar when scrolling */
 
         /* Hides nav bar when scrolling */
Line 421: Line 391:
 
         /* Logo */
 
         /* Logo */
 
         #img-logo {
 
         #img-logo {
−
             width: 150px;
+
             width: 260px;
 
             float: left;
 
             float: left;
 
             position: fixed;
 
             position: fixed;
Line 460: Line 430:
  
 
         #img-logoResized {
 
         #img-logoResized {
−
             width: 150px;
+
             width: 300px;
 
             display: block;
 
             display: block;
 
             margin-right: auto;
 
             margin-right: auto;
 
             margin-left: auto;
 
             margin-left: auto;
−
             margin-top: -266px;
+
             margin-top: -165px;
 
         }
 
         }
−
        #img-igemlogoResized {
+
     
−
            width: 60px;
+
−
            display: block;
+
−
            margin-right: auto;
+
−
            margin-left: auto;
+
−
            margin-top: 139px;
+
−
        }
+
−
 
+
 
         .centered {
 
         .centered {
−
            width:1200px;
 
 
             margin-left:auto;
 
             margin-left:auto;
 
             margin-right:auto;
 
             margin-right:auto;
 +
width: 1200px;
 +
            text-align: left;
 
         }
 
         }
 
          
 
          
−
        #umdguy, #igemguy:hover {
+
#table-pictures p {
−
            cursor: pointer;
+
text-align: center;
−
        }
+
font-size: 14pt;
−
+
−
        #div-popup {
+
−
display: none;
+
−
font-family: 'Raleway', sans-serif;
+
−
background: rgb(255, 255, 253);
+
−
padding: 30px 30px 30px 30px;
+
−
border: solid 4px gray;
+
−
max-width: 50%;
+
−
min-width: 700px;
+
−
-webkit-border-radius: 25px;
+
−
-moz-border-radius: 25px;
+
−
border-radius: 25px;
+
 
}
 
}
 
 
−
.div-popup_close {
+
#table-pictures {
−
color: rgb(255, 255, 255);
+
background-color: #F0F0F0;
−
font-size: 16pt;
+
            margin-right: auto;
−
padding: 10px;
+
            margin-left: auto;
−
-webkit-border-radius: 15px;
+
−
-moz-border-radius: 15px;
+
−
border-radius: 15px;
+
−
background: rgb(124, 124, 124);
+
−
background: -moz-linear-gradient(90deg, rgb(124, 124, 124) 30%, rgb(150, 150, 150) 70%);
+
−
background: -webkit-linear-gradient(90deg, rgb(124, 124, 124) 30%, rgb(150, 150, 150) 70%);
+
−
background: -o-linear-gradient(90deg, rgb(124, 124, 124) 30%, rgb(150, 150, 150) 70%);
+
−
background: -ms-linear-gradient(90deg, rgb(124, 124, 124) 30%, rgb(150, 150, 150) 70%);
+
−
background: linear-gradient(0deg, rgb(124, 124, 124) 30%, rgb(150, 150, 150) 70%);
+
−
-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
+
−
-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
+
−
box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.75);
+
 
}
 
}
 
 
−
.div-popup_close:hover {
+
.center {
−
cursor: pointer;
+
margin-top: 80px;
 +
text-align: center;
 
}
 
}
 
 
−
#div-popup strong {
+
.thumbnail {
−
font-size: 16pt;
+
width: 256px;
−
line-height: 1.5em;
+
 
}
 
}
 
 
−
#div-popup p {
+
#lightgallery {
−
font-size: 12pt;
+
width: 800px;
−
line-height: 1.75em;
+
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
 
 +
        #lightgallery img {
 +
            margin-top: 1px;
 +
            margin-right: -2px;
 +
        }
 +
 
 +
        #lightgallery a:hover {
 +
            text-decoration: none;
 +
        }
 +
 +
#h2-pic1, #h2-pic2 {
 +
margin-top: 80px;
 +
margin-bottom: 50px !important;
 +
            font-family: 'Lora', serif;
 +
            font-weight: normal;
 
}
 
}
−
 
−
                iframe { width: 100%;min-height: 400px;}
 
 
</style>
 
</style>
 
         <script>
 
         <script>
 
/* Hiding stupid stuff*/
 
/* Hiding stupid stuff*/
 
$(document).ready(function() {
 
$(document).ready(function() {
−
                $('#top_title').css('display', 'none');
+
                $('#top_title').css('display', 'none');
 
$('#top_menu').css('display', 'none');
 
$('#top_menu').css('display', 'none');
 
//$('#top_menu_14').css('display', 'none');
 
//$('#top_menu_14').css('display', 'none');
−
                $('#HQ_page').css('display', 'none');
+
                $('#HQ_page').css('display', 'none');
 
$('#top_menu_under').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
 
$('#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');
 
$('#mw-content-text').attr("id","overruled").removeClass('mw-content-ltr');
 
</script>
 
</script>
 
<nav>
 
<nav>
−
<img src="https://static.igem.org/mediawiki/2016/e/e3/16UMD-logoTemp.png" id="img-logo" width="128px">
+
<img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logo">
−
<a href="https://2016.igem.org/Main_Page">
+
−
<img src="https://static.igem.org/mediawiki/2016/3/3d/T--UMaryland--igemlogo.png" id="img-igemlogo" width="128px">
+
−
</a>
+
 
<ul>
 
<ul>
 
<a style="opacity: 0">Fix</a>
 
<a style="opacity: 0">Fix</a>
−
<li><a data-scroll class="linkText" href="#div-title">Meet-Up</a></li>
+
<li><a href="https://2016.igem.org/Team:UMaryland/projects">Projects</a></li>
−
<li><a data-scroll class="linkText" href="#information">Information</a></li>
+
<!--<li><a href="https://2016.igem.org/Team:UMaryland/parts">Parts</a></li>
−
<li><a data-scroll class="linkText" href="#schedule">Schedule</a></li>
+
<li><a href="https://2016.igem.org/Team:UMaryland/modeling">Modeling</a></li>-->
−
<li><a data-scroll class="linkText" href="#speakers">Speakers</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>
 
</ul>
 
</nav>
 
</nav>
Line 559: Line 513:
 
<!-- Nav bar when more button is clicked -->
 
<!-- Nav bar when more button is clicked -->
 
<div id="div-navResized">
 
<div id="div-navResized">
−
<a href="https://2016.igem.org/Main_Page">
+
<img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logoResized">
−
<img src="https://static.igem.org/mediawiki/2016/3/3d/T--UMaryland--igemlogo.png" id="img-igemlogoResized">
+
−
</a>
+
−
<img src="https://static.igem.org/mediawiki/2016/e/e3/16UMD-logoTemp.png" id="img-logoResized">
+
 
<ul>
 
<ul>
−
<li><a data-scroll class="linkText" href="#div-title">Meet-Up</a></li>
+
<li><a href="https://2016.igem.org/Team:UMaryland/projects">Projects</a></li>
−
<li><a data-scroll class="linkText" href="#information">Information</a></li>
+
<!--<li><a href="https://2016.igem.org/Team:UMaryland/parts">Parts</a></li>
−
<li><a data-scroll class="linkText" href="#schedule">Schedule</a></li>
+
<li><a href="https://2016.igem.org/Team:UMaryland/modeling">Modeling</a></li>-->
−
<li><a data-scroll class="linkText" href="#speakers">Speakers</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>
 
</ul>
 
</div>
 
</div>
 
<div id="div-title" class="image">
 
<div id="div-title" class="image">
−
<div data-parallax="scroll" data-image-src="https://static.igem.org/mediawiki/2016/0/07/T--UMaryland--campus.jpg" id="img-UMD">
+
<div data-parallax="scroll" data-image-src="https://static.igem.org/mediawiki/2016/8/85/T--UMaryland--meetup.jpeg" id="img-UMD">
 
                 </div>
 
                 </div>
−
<h1><span>2nd Annual Mid-Atlantic Mini-Jamboree</span> </h1>
+
<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>  
 
                 <h1-2><br/><br/><br/><br/><span>July 22nd, 2016</span></h1-2>  
 
</div>
 
</div>
−
        <div class="centered">
+
    <div class="centered">
−
<h id="information"><a style="opacity: 0">I</a> </h>
+
−
<img src="https://static.igem.org/mediawiki/2016/8/85/T--UMaryland--meetup.jpeg" id="meetup"/>
+
 
<div id="Info" style="text-align: center">
 
<div id="Info" style="text-align: center">
−
<p id = "p1"> Last year, 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.
 
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
 
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
 
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>
 
Edward You of the FBI and UMD Professor Raymond St. Leger as guest speakers.</p>
−
<p id="p2"> This year, we plan to host many more teams and have a more ambitious agenda planned.
+
<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>
−
We cannot wait to welcome those who attend and show them an amazing UMD experience.
+
<p class="pInfo center">Thank you to everyone who participated!</p>
−
The location of the meet-up will be posted closer to the date. If you are a team interested in
+
−
attending, please do not hesitate to contact us through email or Facebook. </p>
+
−
<h id="schedule"><a style="opacity: 0">S</a></h>
+
−
</div>
+
−
<div id="div-white">
+
−
<div id="div-img">
+
−
<img src="https://static.igem.org/mediawiki/2016/e/eb/T--UMaryland--schedule.png" id="img-schedule"/>
+
 
</div>
 
</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>
−
<div id="hiddenS">
 
−
<h id="speakers"><a style="opacity: 0">S</a></h>
 
−
</div>
 
 
<div id="Speakers" class="bios">
 
<div id="Speakers" class="bios">
−
<h2> Speakers </h2>
+
<h2 id="h2-pic1"> Speakers </h2>
−
<img src="http://www.ench.umd.edu/sites/default/files/images/faculty/sriram4-lg.png" id="umdguy" data-select="ganesh"/>
+
        <ul id="ul-images" class = "centered">
−
<img src="http://www.synbioproject.org/site/assets/files/1299/todd_cropped.jpg" id="igemguy" data-select="todd"/>
+
<li><img src="https://static.igem.org/mediawiki/2016/0/0b/T--UMaryland--GaneshSriram.jpg" id="img-speaker1" data-select="ganesh"/></li>
−
<div id="descriptions">
+
<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">
 
<div id="div-ganesh" class="description">
−
<h3> Dr. Ganesh Sriam</h3>
+
<h3> Dr. Ganesh Sriram</h3>
−
<p> Dr. Ganesh Sriram is Keystone Assistant Professor in the Department of Chemical and Biomolecular  
+
<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>
−
Engineering and Affiliate Faculty Member in the Bioengineering and Plant Biology graduate programs at  
+
<small>1. Bio from http://www.ench.umd.edu/faculty/sriram</small>
−
University of Maryland. After earning his bachelor's and master's degrees in chemical engineering from  
+
−
Indian Institute of Technology (IIT) Bombay, he graduated a Ph.D. in chemical engineering from Iowa  
+
−
State University in 2004, working in the lab of Dr. Jacqueline Shanks. From 2004 to 2007, he was a
+
−
postdoctoral researcher in the labs of Dr. Katrina Dipple and Dr. James Liao at UCLA.<sup>1</sup></p>
+
 
</div>
 
</div>
−
<div id="div-todd" class="description" style="display: none;">
+
<div id="div-eli" class="description" style="display: none;">
−
<h4> Dr. Todd Kuiken </h4>
+
<h6> Dr. Eli Groban </h6>
−
<p> Dr. Todd Kuiken is a Senior Program Associate with the Science and Technology Innovation Program
+
<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>
−
where he explores the scientific and technological frontier, stimulating discovery and bringing new
+
−
tools to bear on public policy challenges that emerge as science advances.
+
−
He is the principal investigator on the Wilson Center’s Synthetic Biology Project, where he has
+
−
numerous projects evaluating and designing new research and governance strategies to proactively
+
−
address the biosafety, biosecurity and environmental risks associated with synthetic biology.  
+
−
He is also the human practices chairperson of the International Genetically
+
−
Engineered Machines competition and a founding member of its biosafety/biosecurity committee.<sup>2</sup>
+
 
</p>
 
</p>
 +
<small>2. Bio from https://www.autodeskresearch.com/people/eli-groban</small>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
−
<div id="footnotes">
+
<h2 id="h2-pic2">Pictures</h2>
−
<sup>1. Bio from http://www.ench.umd.edu/faculty/sriram</sup>
+
<div id="lightgallery">
−
<br/>
+
  <a href="https://static.igem.org/mediawiki/2016/e/e4/T--UMaryland--meetup1.jpeg">
−
<sup>2. Bio from https://www.wilsoncenter.org/person/todd-kuiken-phd</sup>
+
  <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="container">
 +
            <div class="pull-left">
 +
                <a href="mailto:umarylandigem@gmail.com"><p id="contact"> Contact Us </p></a>
 +
            </div>
 +
            <div class="pull-right">
 +
                <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> <a href="https://www.instagram.com/umarylandigem/"> <img src="https://static.igem.org/mediawiki/2016/c/ca/T--UMaryland--instalogo.jpg"/> </a> </li>
 +
                </ul>
 +
            </div>
 
         </div>
 
         </div>
−
<div id="bot-nav">
+
<div class="copyright">
−
<div id="container">
+
            <p id="copyright">© University of Maryland iGEM 2016</p>
−
<div class="pull-left">
+
−
<a href="mailto:umarylandigem@gmail.com"><p id="contact"> Contact Us </p></a>
+
−
</div>
+
−
<p id="copyright">© University of Maryland iGEM 2016</p>
+
−
<div class="pull-right">
+
−
<ul>
+
−
<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>
+
−
</div>
+
 
</div>
 
</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>
 
<script>
  
Line 758: Line 869:
 
                 $(body).css('display','block');
 
                 $(body).css('display','block');
 
</script>
 
</script>
−
        <!--
 
−
<script src="http://cferdinandi.github.io/smooth-scroll/dist/js/smooth-scroll.js">
 
−
        </script>
 
 
         <script src="http://pixelcog.github.io/parallax.js/js/parallax.min.js">
 
         <script src="http://pixelcog.github.io/parallax.js/js/parallax.min.js">
 
         </script>
 
         </script>
−
        <script>
+
<script src="http://sachinchoolur.github.io/lightGallery/lightgallery/js/lightgallery.js">
−
                smoothScroll.init();
+
</script>
−
        </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>
 
</body>
 
 
 
</html>
 
</html>

Latest revision as of 20:34, 7 September 2016

</div></div> 2nd Annual Mid-Atlantic Meet-up

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/sriram

Pictures