Difference between revisions of "Team:UMaryland/meetup"

 
(97 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 83: 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 115: Line 131:
 
             color: black;
 
             color: black;
 
             font-family: 'Exo', sans-serif;
 
             font-family: 'Exo', sans-serif;
 +
        }
 +
 +
        #div-navResized.pushed a:hover {
 +
            text-decoration: none !important;
 +
            opacity: .7;
 
         }
 
         }
  
Line 131: Line 152:
 
         }
 
         }
  
−
        /* Permanent bottom bar */
+
        /* Background of page */
−
        #bot-nav {
+
−
            background-color: #f9f9f9;   
+
−
            border-top: 1px solid #f5f5f5;
+
−
            position: absolute;
+
−
            width: 100%;
+
−
            height: 75px;
+
−
            margin-top: 20px;
+
−
            display: block;
+
−
            color: black;
+
−
            font-size: 12pt;
+
−
            font-family: 'Lora', serif;
+
−
            z-index: -1;
+
−
        }
+
−
 
+
−
        #container {
+
−
            width: 750px;
+
−
            margin-left: auto;
+
−
            margin-right: auto;
+
−
            padding-right: 15px;
+
−
            padding-left: 15px;
+
−
            margin-top: -7px;
+
−
        }
+
−
 
+
−
        #container 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%);
+
−
        }
+
−
 
+
−
        #container ul {
+
−
            text-align: center;
+
−
            margin-top: -13px;
+
−
            margin-right: -105px;
+
−
        }
+
−
 
+
−
        #container 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;
+
−
        }
+
−
 
+
−
        /* Resized bot-nav */
+
−
 
+
−
        h4, h5 {
+
−
            font-family: 'Lora', serif;
+
−
            font-weight: normal;
+
−
            font-size: 12pt;
+
−
        }
+
−
 
+
−
        #bot-navResized {
+
−
            text-align: center;
+
−
        }
+
−
 
+
−
        #bot-navResized img {
+
−
            height: 20px;
+
−
            width: 20px;
+
−
            -webkit-filter: grayscale(100%);
+
−
            filter: grayscale(100%);
+
−
        }
+
−
 
+
−
        #bot-navResized ul {
+
−
            text-align: center;
+
−
            margin-top: 6px;
+
−
        }
+
−
 
+
−
        #bot-navResized li {
+
−
            display: inline;
+
−
            margin-right: -14px;
+
−
        }
+
−
 
+
−
        #copyrightResized {
+
−
            margin-top: -23px;
+
−
        }
+
−
 
+
−
        #contactResized {
+
−
            margin-top: -10px;
+
−
        }
+
−
 
+
−
        #contactResized:hover {
+
−
            text-shadow: .1px .1px black;
+
−
        }
+
−
 
+
−
        /* Background of page */
+
  
 
         html {
 
         html {
Line 241: Line 159:
  
 
         /* Start Page Specific CSS */
 
         /* Start Page Specific CSS */
 +
       
 +
        #Speakers p, #Info p {
 +
            font-family: 'Raleway', sans-serif;
 +
        }
  
 
         /* Title */
 
         /* Title */
Line 247: 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 266: 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 275: 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;
 
         }
 
         }
  
Line 296: Line 223:
 
         }
 
         }
  
−
        .pInfo {
+
.pInfo {
−
            margin-left: 626px;
+
text-align: left;
−
            max-width: 585px;
+
}
−
            min-width: 585px
+
−
        }
+
−
 
+
 
         /* Schedule */
 
         /* Schedule */
  
Line 324: Line 248:
 
         }
 
         }
 
          
 
          
−
        #div-img {
+
        #div-img {
 
             width: 600px;
 
             width: 600px;
 
             margin-left: 30%;
 
             margin-left: 30%;
Line 330: Line 254:
 
              
 
              
 
         }
 
         }
−
       
 
−
#meetupImg {
 
−
width: 600px;
 
−
float: left;
 
−
}
 
 
 
 
         /* Speakers */
 
         /* Speakers */
Line 346: Line 265:
  
 
         #Speakers {
 
         #Speakers {
−
            margin-top: 800px;
 
 
             margin-left: -8px;
 
             margin-left: -8px;
 
             margin-right: -8px;
 
             margin-right: -8px;
Line 368: Line 286:
 
             margin-right: 400px;
 
             margin-right: 400px;
 
         }
 
         }
 +
 +
        #img-speaker1, #img-speaker2:hover {
 +
            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;
 
         }
 
         }
  
 
         h6 {
 
         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;
 
         }      
 
         }      
  
 
         /* Footnotes (References) */
 
         /* Footnotes (References) */
  
−
         #footnotes {
+
         small {
−
             margin-left: 50px;
+
             margin-left: 125px;
 
             margin-top: 25px;
 
             margin-top: 25px;
−
            font-size: 16px;
 
 
         }
 
         }
  
Line 406: Line 343:
 
         .pull-right {
 
         .pull-right {
 
             float: right !important;
 
             float: right !important;
 +
            margin-left: -28px;
 
         }
 
         }
  
Line 453: Line 391:
 
         /* Logo */
 
         /* Logo */
 
         #img-logo {
 
         #img-logo {
−
             width: 150px;
+
             width: 260px;
 
             float: left;
 
             float: left;
 
             position: fixed;
 
             position: fixed;
Line 492: Line 430:
  
 
         #img-logoResized {
 
         #img-logoResized {
−
             width: 200px;
+
             width: 300px;
 
             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;
 
 
         }
 
         }
 
        
 
        
Line 503: Line 440:
 
             margin-left:auto;
 
             margin-left:auto;
 
             margin-right:auto;
 
             margin-right:auto;
−
             text-align: center;
+
width: 1200px;
 +
             text-align: left;
 
         }
 
         }
 
          
 
          
−
        #img-speaker1, #img-speaker2:hover {
+
#table-pictures p {
−
             cursor: pointer;
+
text-align: center;
 +
font-size: 14pt;
 +
}
 +
 +
#table-pictures {
 +
background-color: #F0F0F0;
 +
            margin-right: auto;
 +
            margin-left: auto;
 +
}
 +
 +
.center {
 +
margin-top: 80px;
 +
text-align: center;
 +
}
 +
 +
.thumbnail {
 +
width: 256px;
 +
}
 +
 +
#lightgallery {
 +
width: 800px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
 
 +
        #lightgallery img {
 +
             margin-top: 1px;
 +
            margin-right: -2px;
 
         }
 
         }
 +
 +
        #lightgallery a:hover {
 +
            text-decoration: none;
 +
        }
 +
 +
#h2-pic1, #h2-pic2 {
 +
margin-top: 80px;
 +
margin-bottom: 50px !important;
 +
            font-family: 'Lora', serif;
 +
            font-weight: normal;
 +
}
 
</style>
 
</style>
 
         <script>
 
         <script>
Line 518: Line 494:
 
                 $('#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 href="projects.html" class="hvr-float">Projects</a></li>
+
<li><a href="https://2016.igem.org/Team:UMaryland/projects">Projects</a></li>
−
<li><a href="parts.html" class="hvr-float">Parts</a></li>
+
<!--<li><a href="https://2016.igem.org/Team:UMaryland/parts">Parts</a></li>
−
<li><a href="modeling.html" class="hvr-float">Modeling</a></li>
+
<li><a href="https://2016.igem.org/Team:UMaryland/modeling">Modeling</a></li>-->
−
<li><a href="outreach.html" class="hvr-float">Outreach</a></li>
+
<li><a href="https://2016.igem.org/Team:UMaryland/outreach">Outreach</a></li>
−
<li><a href="notebook.html" class="hvr-float">Notebook</a></li>
+
<li><a href="https://2016.igem.org/Team:UMaryland/notebook">Notebook</a></li>
−
<li><a href="about.html" class="hvr-float">About Us</a></li>
+
<li><a href="https://2016.igem.org/Team:UMaryland/about">About Us</a></li>
 
</ul>
 
</ul>
 
</nav>
 
</nav>
Line 542: Line 515:
 
<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/2/26/T--UMaryland--newlogo.jpeg" id="img-logoResized">
 
<ul>
 
<ul>
−
<li><a href="projects.html">Projects</a></li>
+
<li><a href="https://2016.igem.org/Team:UMaryland/projects">Projects</a></li>
−
<li><a href="parts.html">Parts</a></li>
+
<!--<li><a href="https://2016.igem.org/Team:UMaryland/parts">Parts</a></li>
−
<li><a href="modeling.html">Modeling</a></li>
+
<li><a href="https://2016.igem.org/Team:UMaryland/modeling">Modeling</a></li>-->
−
<li><a href="outreach.html">Outreach</a></li>
+
<li><a href="https://2016.igem.org/Team:UMaryland/outreach">Outreach</a></li>
−
<li><a href="notebook.html">Notebook</a></li>
+
<li><a href="https://2016.igem.org/Team:UMaryland/notebook">Notebook</a></li>
−
<li><a href="about.html">About Us</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">
−
<img id="meetup" src="https://static.igem.org/mediawiki/2016/8/85/T--UMaryland--meetup.jpeg" />
 
 
<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  
Line 564: Line 536:
 
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 class="pInfo">This year we expanded our efforts including more iGEM teams in the Mid Atlantic Area. University of Pittsburg, The US Naval Academy, Willam and Mary, and UVA iGEM Teams joined UMaryland iGEM in sharing ideas and receiving feedback about their projects. We were joined by guest speakers Dr. Eli Groban and Dr. Ganesh Sriram with opening remarks by Dr. Edward Eisenstein.
+
<p class="pInfo">This year we included more iGEM teams in the Mid Atlantic Area hosting the University of Pittsburgh, the US Naval Academy, the College of Willam and Mary, and University of Virginia iGEM Teams. We shared ideas and received feedback about ours projects during our discussion session. We were joined by guest speakers Dr. Eli Groban and Dr. Ganesh Sriram with opening remarks by Dr. Edward Eisenstein and closing remarks by Anna Sifuentes.</p>
 +
<p class="pInfo center">Thank you to everyone who participated!</p>
 
</div>
 
</div>
−
<div id="div-white">
+
<div id="div-participants">
−
        <div id="div-img">
+
<table id="table-pictures">
−
        <img src="https://static.igem.org/mediawiki/2016/e/eb/T--UMaryland--schedule.png" id="img-schedule"/>
+
<tbody>
−
        </div>
+
<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="Speakers" class="bios">
 
<div id="Speakers" class="bios">
−
<h2> Speakers </h2>
+
<h2 id="h2-pic1"> Speakers </h2>
−
         <ul class = "centered">
+
         <ul id="ul-images" class = "centered">
 
<li><img src="https://static.igem.org/mediawiki/2016/0/0b/T--UMaryland--GaneshSriram.jpg" id="img-speaker1" data-select="ganesh"/></li>
 
<li><img src="https://static.igem.org/mediawiki/2016/0/0b/T--UMaryland--GaneshSriram.jpg" id="img-speaker1" data-select="ganesh"/></li>
 
<li><img src="https://static.igem.org/mediawiki/2016/c/c8/T--UMaryland--EliGroban.jpg" id="img-speaker2" data-select="eli"/></li>
 
<li><img src="https://static.igem.org/mediawiki/2016/c/c8/T--UMaryland--EliGroban.jpg" id="img-speaker2" data-select="eli"/></li>
Line 581: Line 573:
 
<h3> Dr. Ganesh Sriram</h3>
 
<h3> Dr. Ganesh Sriram</h3>
 
<p> Dr. Ganesh Sriram is a professor in the Department of Chemical and Biomolecular Engineering and an Affiliate Faculty Member in the Bioengineering and Plant Biology graduate programs at UMD. He has earned his B.S. and M.S degrees in Chemical Engineering from the Indian Institute of Technology in Bombay, and received his Ph.D. in chemical engineering from Iowa State University. His current research pertains to metabolic engineering and systems biology, especially of eukaryotes.<sup>1</sup></p>
 
<p> Dr. Ganesh Sriram is a professor in the Department of Chemical and Biomolecular Engineering and an Affiliate Faculty Member in the Bioengineering and Plant Biology graduate programs at UMD. He has earned his B.S. and M.S degrees in Chemical Engineering from the Indian Institute of Technology in Bombay, and received his Ph.D. in chemical engineering from Iowa State University. His current research pertains to metabolic engineering and systems biology, especially of eukaryotes.<sup>1</sup></p>
 +
<small>1. Bio from http://www.ench.umd.edu/faculty/sriram</small>
 
</div>
 
</div>
 
<div id="div-eli" class="description" style="display: none;">
 
<div id="div-eli" class="description" style="display: none;">
Line 586: Line 579:
 
<p> Dr. Eli Groban is the senior manager of of Bio/Nano Research at Autodesk, and has 6 patent applications on the development of new technologies for engineering proteins, metabolic pathways, and whole microbes. Eli will also be serving as an iGEM judge in the 2016 competition. He received his PhD in Biophysics from the University of California, San Francisco, and his B.A. in Chemistry from Williams College.<sup>2</sup>
 
<p> Dr. Eli Groban is the senior manager of of Bio/Nano Research at Autodesk, and has 6 patent applications on the development of new technologies for engineering proteins, metabolic pathways, and whole microbes. Eli will also be serving as an iGEM judge in the 2016 competition. He received his PhD in Biophysics from the University of California, San Francisco, and his B.A. in Chemistry from Williams College.<sup>2</sup>
 
</p>
 
</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.autodeskresearch.com/people/eli-groban</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>
 
     <div id="bot-nav">
 
     <div id="bot-nav">
 
         <div id="container">
 
         <div id="container">
Line 600: Line 637:
 
                 <a href="mailto:umarylandigem@gmail.com"><p id="contact"> Contact Us </p></a>
 
                 <a href="mailto:umarylandigem@gmail.com"><p id="contact"> Contact Us </p></a>
 
             </div>
 
             </div>
−
            <p id="copyright">© University of Maryland iGEM 2016</p>
 
 
             <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/2/2c/T--UMaryland--FBlogo.png"/> </a> </li>
+
                     <li> <a href="https://www.facebook.com/UMarylandiGEM/"> <img src="https://static.igem.org/mediawiki/2016/9/9f/T--UMaryland--fbLogo.jpeg"/> </a> </li>
−
                     <li> <a href="https://www.instagram.com/umarylandigem/"> <img src="https://static.igem.org/mediawiki/2016/b/bc/T--UMaryland--Instalogo.png"/> </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>
 
                 </ul>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
        <div id="bot-navResized">
+
<div class="copyright">
−
             <a href="mailto:umarylandigem@gmail.com"><h4 id="contactResized"> Contact Us </h4></a>
+
             <p id="copyright">© University of Maryland iGEM 2016</p>
−
            <h5 id="copyrightResized">© University of Maryland iGEM 2016</h5>
+
</div>
−
            <ul id="social-mediaResized">
+
−
                <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>
 +
<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 683: Line 824:
 
$('nav ul').addClass("scrolled");
 
$('nav ul').addClass("scrolled");
 
}
 
}
−
}
 
−
}
 
−
            function checkBotNav() {
 
−
if ($(window).width() < 980){
 
−
                    $('#container').css('display', 'none');
 
−
                    $('#bot-navResized').css('display', 'block');
 
−
                    $('#bot-nav').css('height', '110px');
 
−
} else {
 
−
                    $('#container').css('display', 'block');
 
−
                    $('#bot-navResized').css('display', 'none');
 
−
                    $('#bot-nav').css('height', '75px');
 
 
}
 
}
 
}
 
}
 
// Execute on load
 
// Execute on load
 
     checkWidth();
 
     checkWidth();
−
            checkBotNav();
 
 
     // Bind event listener
 
     // Bind event listener
 
     $(window).resize(checkWidth);
 
     $(window).resize(checkWidth);
−
    $(window).resize(checkBotNav);
 
 
});
 
});
 
// Resized nav bar effect when more icon is clicked
 
// Resized nav bar effect when more icon is clicked
Line 743: Line 871:
 
         <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 src="http://sachinchoolur.github.io/lightGallery/lightgallery/js/lightgallery.js">
−
        <script src="http://cferdinandi.github.io/smooth-scroll/dist/js/smooth-scroll.js">
+
</script>
−
        </script>
+
<script src="http://sachinchoolur.github.io/lightGallery/lightgallery/js/lg-fullscreen.js">
−
        <script>
+
</script>
−
                smoothScroll.init();
+
<script src="http://sachinchoolur.github.io/lightGallery/lightgallery/js/lg-thumbnail.js">
−
        </script>
+
</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