Difference between revisions of "Team:UMaryland/Collaborations"

(Prototype team page)
 
Line 1: Line 1:
−
{{UMaryland}}
+
</div></div>
−
<html>
+
<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="text/html; charset=utf-8" />
 +
        <script>
 +
        $(body).css('display','none');
 +
        </script>
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 +
<script type="text/javascript">
 +
if (typeof jQuery == 'undefined') {
 +
document.write(unescape("%3Cscript src='js/jquery-1.10.2.min.js' type='text/javascript'%3E%3C/script%3E"));
 +
}
 +
</script>
 +
<link href='https://fonts.googleapis.com/css?family=Exo|Lora' rel='stylesheet' type='text/css'>
 +
       
 +
<link href='https://fonts.googleapis.com/css?family=Raleway:400,200' rel='stylesheet' type='text/css'>
 +
<link href='http://sachinchoolur.github.io/lightGallery/lightgallery/css/lightgallery.css' rel='stylesheet' type='text/css'>
 +
<title>2nd Annual Mid-Atlantic Meet-up</title>
 +
</head>
 +
<body>
 +
<style>
 +
        #bars_item {
 +
            display: none;
 +
        }
  
 +
        #top_menu_14 {
 +
            z-index: 4;
 +
        }
  
−
<div class="column full_size judges-will-not-evaluate">
+
        #sideMenu {
−
<h3>★ ALERT! </h3>
+
            display: none;
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Medals">team collaboration silver medal criterion</a>. </p>
+
        }  
 +
        #bodyContent, #content, html, body, #globalWrapper, #iGEM, #overruled {
 +
            width: 100%;
 +
            height: 100%;
 +
            padding: 0 0 0 0;
 +
            border: none;
 +
            margin: 0 0 0 0;
 +
            background: transparent;
 +
        }
  
−
<p> Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Evaluated_Pages/Instructions"> Instructions for Evaluated Pages </a>.</p>
+
        #top_title {
−
</div>
+
            display: none;
 +
            line-height: inherit;
 +
        }
  
 +
        #sideMenu {
 +
            display: none;
 +
        }
  
 +
        /* Navbar and body setup */
 +
        body {
 +
            font-family: 'Lora', serif;
 +
            overflow-x: hidden;
 +
        }
  
 +
        #content {
 +
            margin-top: 0px;
 +
        }
  
−
<div class="column full_size">
+
        /* Navbar */
 +
        nav {
 +
            opacity: 1.0;
 +
            position: fixed;
 +
            top: 0;
 +
            left: 0;
 +
            right: 0;
 +
            line-height: 10px;
 +
            font-size: 20pt;
 +
            display: block;
 +
            background: #fff;
 +
            border-bottom: 1px solid black;
 +
            box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
 +
            border-bottom-left-radius: 5px;
 +
            border-bottom-right-radius: 5px;
 +
            z-index: 1;
 +
            margin-top: 18px;
 +
        }
  
 +
        element.style {
 +
            text-decoration: none;
 +
        }
  
−
<p>
+
        nav a {
−
Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other teams on difficult problems that you can more easily solve together.
+
            text-decoration: none;
−
</p>
+
            color: black;
−
</div>
+
            font-family: 'Exo', sans-serif;
 +
        }
  
−
<div class="column half_size">
+
        nav a:visited {
 +
            color: black;
 +
        }
  
−
<h4> Which other teams can we work with? </h4>
+
        nav a:hover {
−
<p>
+
            opacity: .7;
−
You can work with any other team in the competition, including software, hardware, high school and other tracks. You can also work with non-iGEM research groups, but they do not count towards the iGEM team collaboration silver medal criterion.
+
            text-decoration: none;
−
</p>
+
        }
  
−
<p>
+
        nav a:focus {
−
In order to meet the silver medal criteria on helping another team, you must complete this page and detail the nature of your collaboration with another iGEM team.
+
            text-decoration: none;
−
</p>
+
        }
  
−
</div>
+
        nav ul {
 +
            list-style: none;
 +
            transition: all .5s ease;
 +
            text-align: right;
 +
        }
  
 +
        nav li {
 +
            display: inline;
 +
            margin-right: 20px;
 +
        }
  
 +
        /* Nav bar when more icon is clicked */
  
−
<div class="column half_size">
+
        #div-navResized {
−
<p>
+
            font-size: 20pt;
−
Here are some suggestions for projects you could work on with other teams:
+
            position: fixed;
−
</p>
+
            text-align: center;
 +
            display: none;
 +
            width: 100%;
 +
            left: 0;
 +
            right: 0;
 +
            margin-top: 200px;
 +
            z-index: 3;
 +
        }
  
−
<ul>
+
        #div-navResized a {
−
<li> Improve the function of another team's BioBrick Part or Device</li>
+
            text-decoration: none;
−
<li> Characterize another team's part </li>
+
            color: black;
−
<li> Debug a construct </li>
+
            font-family: 'Exo', sans-serif;
−
<li> Model or simulating another team's system </li>
+
        }
−
<li> Test another team's software</li>
+
−
<li> Help build and test another team's hardware project</li>
+
−
<li> Mentor a high-school team</li>
+
−
</ul>
+
−
</div>
+
  
 +
        #div-navResized.pushed a:hover {
 +
            text-decoration: none !important;
 +
            opacity: .7;
 +
        }
  
 +
        #div-navResized ul {
 +
            list-style: none;
 +
            margin-right: 40px;
 +
            margin-top: 0px;
 +
        }
 +
 +
        #div-navResized ul li {
 +
            margin-top: 4px;
 +
        }
 +
 +
        #div-title {
 +
            z-index: -999;
 +
        }
 +
 +
        /* Background of page */
 +
 +
        html {
 +
            background-color: rgba(0, 0, 0, 0.06);
 +
        }
 +
 +
        /* Start Page Specific CSS */
 +
       
 +
        #Speakers p, #Info p {
 +
            font-family: 'Raleway', sans-serif;
 +
        }
 +
 +
        /* Title */
 +
        h1, h1-2 {
 +
            font-size: 30pt;
 +
            position: absolute;
 +
            top: 350px;
 +
            left: 39px;
 +
            width: 100%;
 +
            border-bottom: none;
 +
            color: white;
 +
            font-family: 'Lora', serif;
 +
        }
 +
 +
        h1-2 span {
 +
            color: white;
 +
            padding-bottom: 2px;
 +
            padding-right: 10px;
 +
            padding-left: 10px;
 +
            letter-spacing: -1px; 
 +
            background: rgb(0, 0, 0); /* fallback color */
 +
            background: rgba(0, 0, 0, 0.7);
 +
        }
 +
 +
        h1 {
 +
            max-width: 759px;
 +
            min-width: 759px;
 +
            background: rgb(0, 0, 0); /* fallback color */
 +
            background: rgba(0, 0, 0, 0.7);
 +
            padding-left: 10px;
 +
            padding-bottom: 22px;
 +
        }
 +
       
 +
        #h1 {
 +
            font-weight: normal !important;
 +
        }
 +
 +
        /* Info */
 +
 +
        #Info {
 +
            margin-top: 100px;
 +
            margin-left: auto;
 +
            margin-right: auto;
 +
            margin-bottom: 50px;
 +
width: 970px;
 +
        }
 +
 +
        #meetup {
 +
float: left;
 +
            padding-top: 80px;
 +
padding-bottom: 80px;
 +
            height: 400px;
 +
            width: 600px;
 +
margin-right: 20px;
 +
        }
 +
 +
        #Info p {
 +
            font-size: 15pt;
 +
            line-height: 2;
 +
        }
 +
 +
.pInfo {
 +
text-align: left;
 +
}
 +
        /* Schedule */
 +
 +
        #div-white {
 +
            z-index: -999;
 +
            position: absolute;
 +
            background-color: white;
 +
            width: 100%;
 +
            left: 0px;
 +
            height: 700px;
 +
            margin-top: -52px;
 +
            min-width: 1200px;
 +
        }
 +
 +
        #img-schedule {
 +
            display: block;
 +
            margin-top: 50px;
 +
            opacity: 1;
 +
            width: 600px;
 +
            margin-right: auto;
 +
            margin-left: auto;
 +
        }
 +
       
 +
        #div-img {
 +
            width: 600px;
 +
            margin-left: 30%;
 +
            margin-right: auto;
 +
           
 +
        }
 +
 +
        /* Speakers */
 +
 +
        h2 {
 +
            font-size: 30pt; width: 970px; margin-right: auto; margin-left: auto; margin-bottom: 20px;
 +
            overflow: visible;
 +
        }
 +
 +
        #div-ganesh p, #div-eli p { margin-top: 20px;}
 +
 +
        #Speakers {
 +
            margin-left: -8px;
 +
            margin-right: -8px;
 +
        }
 +
 +
        #Speakers img {
 +
            position: absolute;
 +
        }
 +
 +
        #Speakers p {
 +
            font-size: 15pt;
 +
            line-height: 2;
 +
            width: 970px;
 +
            margin-right: auto;
 +
            margin-left: auto;
 +
            margin-top: 20px;
 +
        }
 +
 +
        #Speakers li {
 +
            display: inline;
 +
            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 {
 +
            font-size: 20pt;
 +
            margin-left: 270px;
 +
        }
 +
 +
        h6 {
 +
            font-size: 20pt;
 +
            margin-left: 670px;
 +
            margin-top: 11px;
 +
margin-bottom: 0px;
 +
            font-family: "Arial",Gadget,sans-serif;
 +
            font-weight: bold;
 +
        }    
 +
 +
        /* Footnotes (References) */
 +
 +
        small {
 +
            margin-left: 125px;
 +
            margin-top: 25px;
 +
        }
 +
 +
        /* Classes */
 +
 +
        .description {
 +
            margin-top: 200px;
 +
            min-width: 970px;
 +
        }
 +
 +
        .border {
 +
            border-bottom: 1px black;
 +
        }
 +
 +
        .image {
 +
          position: relative;
 +
          width: 100%; /* for IE 6 */
 +
        }
 +
 +
        .pull-right {
 +
            float: right !important;
 +
            margin-left: -28px;
 +
        }
 +
 +
        .pull-left {
 +
            float: left !important;
 +
        }
 +
 +
        /* Pushed class actives */
 +
        #img-more.pushed {
 +
            box-shadow: inset 1px 1px 1px 2px rgba(0, 0, 0, .3);
 +
        }
 +
 +
        #div-navResized.pushed {
 +
            display: block;
 +
        }
 +
 +
        #div-navResized.pushed a:hover {
 +
            text-decoration: underline;
 +
        }
 +
 +
        nav.pushed {
 +
            height: 100%;
 +
        }
 +
 +
        body.pushed {
 +
            overflow-y: hidden;
 +
        }
 +
 +
        nav img.pushed {
 +
            display: none;
 +
        }
 +
 +
        /* Hides nav bar when scrolling */
 +
        .scrolled {
 +
            font-size: 10pt;
 +
            line-height: 20px;
 +
        }
 +
 +
        /* animation when mouse is over Navbar */
 +
        .hover {
 +
            font-size: 20pt;
 +
            line-height: 40px;
 +
        }
 +
 +
        /* Images */
 +
 +
        /* Logo */
 +
        #img-logo {
 +
            width: 260px;
 +
            float: left;
 +
            position: fixed;
 +
            margin-top: 4px;
 +
            margin-left: 65px;
 +
            opacity: 1.0;
 +
        }
 +
 +
        /* iGEM logo */
 +
        #img-igemlogo {
 +
            width: 60px;
 +
            float: right;
 +
            position: fixed;
 +
            margin-top: 1px;
 +
            opacity: 1.0;
 +
        }
 +
 +
        /* More Icon */
 +
        #img-more {
 +
            position: fixed;
 +
            display: none;
 +
            width: 50px;
 +
            height: 50px;
 +
            margin-right: 0px;
 +
            right: 15px;
 +
            z-index: 2;
 +
            margin-top: -11px;
 +
        }
 +
 +
        #img-UMD {
 +
            z-index: -999;
 +
            margin-left: -8px;
 +
            margin-top: -12px;
 +
            height: 600px;
 +
        }
 +
 +
        /* Logos when more button is clicked */
 +
 +
        #img-logoResized {
 +
            width: 300px;
 +
            display: block;
 +
            margin-right: auto;
 +
            margin-left: auto;
 +
            margin-top: -165px;
 +
        }
 +
     
 +
        .centered {
 +
            margin-left:auto;
 +
            margin-right:auto;
 +
width: 1200px;
 +
            text-align: left;
 +
        }
 +
       
 +
#table-pictures p {
 +
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>
 +
        <script>
 +
/* Hiding stupid stuff*/
 +
$(document).ready(function() {
 +
                $('#top_title').css('display', 'none');
 +
$('#top_menu').css('display', 'none');
 +
//$('#top_menu_14').css('display', 'none');
 +
                $('#HQ_page').css('display', 'none');
 +
$('#top_menu_under').css('display', 'none');
 +
        });
 +
$('#HQ_page').attr("id","iGEM"); //voids all dumb CSS iGEM HQ wrote which overrides our code
 +
$('#mw-content-text').attr("id","overruled").removeClass('mw-content-ltr');
 +
</script>
 +
<nav>
 +
<img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logo">
 +
<ul>
 +
<a style="opacity: 0">Fix</a>
 +
<li><a href="https://2016.igem.org/Team:UMaryland/projects">Projects</a></li>
 +
<!--<li><a href="https://2016.igem.org/Team:UMaryland/parts">Parts</a></li>
 +
<li><a href="https://2016.igem.org/Team:UMaryland/modeling">Modeling</a></li>-->
 +
<li><a href="https://2016.igem.org/Team:UMaryland/outreach">Outreach</a></li>
 +
<li><a href="https://2016.igem.org/Team:UMaryland/notebook">Notebook</a></li>
 +
<li><a href="https://2016.igem.org/Team:UMaryland/about">About Us</a></li>
 +
</ul>
 +
</nav>
 +
<img src="https://static.igem.org/mediawiki/2016/e/e5/T--UMaryland--more.png" id="img-more">
 +
<!-- Nav bar when more button is clicked -->
 +
<div id="div-navResized">
 +
<img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logoResized">
 +
<ul>
 +
<li><a href="https://2016.igem.org/Team:UMaryland/projects">Projects</a></li>
 +
<!--<li><a href="https://2016.igem.org/Team:UMaryland/parts">Parts</a></li>
 +
<li><a href="https://2016.igem.org/Team:UMaryland/modeling">Modeling</a></li>-->
 +
<li><a href="https://2016.igem.org/Team:UMaryland/outreach">Outreach</a></li>
 +
<li><a href="https://2016.igem.org/Team:UMaryland/notebook">Notebook</a></li>
 +
<li><a href="https://2016.igem.org/Team:UMaryland/about">About Us</a></li>
 +
</ul>
 +
</div>
 +
<div id="div-title" class="image">
 +
<div data-parallax="scroll" data-image-src="https://static.igem.org/mediawiki/2016/8/85/T--UMaryland--meetup.jpeg" id="img-UMD">
 +
                </div>
 +
<h1 id="h1"><span>2nd Annual Mid-Atlantic Mini-Jamboree</span> </h1>
 +
                <h1-2><br/><br/><br/><br/><span>July 22nd, 2016</span></h1-2>
 +
</div>
 +
    <div class="centered">
 +
<div id="Info" style="text-align: center">
 +
<p class="pInfo"> UMaryland iGEM founded the first Mid-Atlantic Meet-up and hosted
 +
four other teams: UVA, William and Mary, Duke, and Rock Ridge High School.
 +
Each team gave a 25 minute presentation of their project followed by a Q&A
 +
with the audience. We were also fortunate enough to have Special Agent
 +
Edward You of the FBI and UMD Professor Raymond St. Leger as guest speakers.</p>
 +
<p class="pInfo">This year we included more iGEM teams in the Mid Atlantic Area hosting the University of Pittsburgh, the US Naval Academy, the College of Willam and Mary, and University of Virginia iGEM Teams. We shared ideas and received feedback about ours projects during our discussion session. We were joined by guest speakers Dr. Eli Groban and Dr. Ganesh Sriram with opening remarks by Dr. Edward Eisenstein and closing remarks by Anna Sifuentes.</p>
 +
<p class="pInfo center">Thank you to everyone who participated!</p>
 +
</div>
 +
<div id="div-participants">
 +
<table id="table-pictures">
 +
<tbody>
 +
<tr>
 +
<td>
 +
<img src="https://static.igem.org/mediawiki/2016/3/3a/T--UMaryland--WM.jpeg" width="240px" />
 +
<a href="https://2016.igem.org/Team:William_and_Mary" target="_blank"><p>William & Mary</p></a>
 +
</td>
 +
<td>
 +
<img src="https://static.igem.org/mediawiki/2016/2/22/T--UMaryland--UPitt.jpeg" width="240px" />
 +
<a href="https://2016.igem.org/Team:Pittsburgh" target="_blank"><p>University of Pittsburgh</p></a>
 +
</td>
 +
<td>
 +
<img src="https://static.igem.org/mediawiki/2016/d/d7/T--UMaryland--USNA.jpeg" width="240px" />
 +
<a href="https://2016.igem.org/Team:USNA-Annapolis" target="_blank"><p>US Naval Academy</p></a>
 +
</td>
 +
<td>
 +
<img src="https://static.igem.org/mediawiki/2016/1/16/T--UMaryland--UVA.jpeg" width="240px" />
 +
<a href="https://2016.igem.org/Team:Virginia" target="_blank"><p>University of Virginia</p></a>
 +
</td>
 +
</tr>
 +
</tbody>
 +
</table>
 +
</div>
 +
<div id="Speakers" class="bios">
 +
<h2 id="h2-pic1"> Speakers </h2>
 +
        <ul id="ul-images" class = "centered">
 +
<li><img src="https://static.igem.org/mediawiki/2016/0/0b/T--UMaryland--GaneshSriram.jpg" id="img-speaker1" data-select="ganesh"/></li>
 +
<li><img src="https://static.igem.org/mediawiki/2016/c/c8/T--UMaryland--EliGroban.jpg" id="img-speaker2" data-select="eli"/></li>
 +
</ul>
 +
        <div id="descriptions">
 +
<div id="div-ganesh" class="description">
 +
<h3> Dr. Ganesh Sriram</h3>
 +
<p> Dr. Ganesh Sriram is a professor in the Department of Chemical and Biomolecular Engineering and an Affiliate Faculty Member in the Bioengineering and Plant Biology graduate programs at UMD. He has earned his B.S. and M.S degrees in Chemical Engineering from the Indian Institute of Technology in Bombay, and received his Ph.D. in chemical engineering from Iowa State University. His current research pertains to metabolic engineering and systems biology, especially of eukaryotes.<sup>1</sup></p>
 +
<small>1. Bio from http://www.ench.umd.edu/faculty/sriram</small>
 +
</div>
 +
<div id="div-eli" class="description" style="display: none;">
 +
<h6> Dr. Eli Groban </h6>
 +
<p> Dr. Eli Groban is the senior manager of of Bio/Nano Research at Autodesk, and has 6 patent applications on the development of new technologies for engineering proteins, metabolic pathways, and whole microbes. Eli will also be serving as an iGEM judge in the 2016 competition. He received his PhD in Biophysics from the University of California, San Francisco, and his B.A. in Chemistry from Williams College.<sup>2</sup>
 +
</p>
 +
<small>2. Bio from https://www.autodeskresearch.com/people/eli-groban</small>
 +
</div>
 +
</div>
 +
</div>
 +
<h2 id="h2-pic2">Pictures</h2>
 +
<div id="lightgallery">
 +
  <a href="https://static.igem.org/mediawiki/2016/e/e4/T--UMaryland--meetup1.jpeg">
 +
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/e/e8/T--UMaryland--meetup1th.jpeg" />
 +
  </a>
 +
  <a href="https://static.igem.org/mediawiki/2016/1/1a/T--UMaryland--meetup2.jpeg">
 +
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/8/87/T--UMaryland--meetup2th.jpeg" />
 +
  </a>
 +
  <a href="https://static.igem.org/mediawiki/2016/a/a3/T--UMaryland--meetup3.jpeg">
 +
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/c/c3/T--UMaryland--meetup3th.jpeg" />
 +
  </a>
 +
  <a href="https://static.igem.org/mediawiki/2016/7/7c/T--UMaryland--meetup4.jpeg">
 +
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/f/f4/T--UMaryland--meetup4th.jpeg" />
 +
  </a>
 +
  <a href="https://static.igem.org/mediawiki/2016/3/3b/T--UMaryland--meetup5.jpeg">
 +
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/a/a6/T--UMaryland--meetup5th.jpeg" />
 +
  </a>
 +
  <a href="https://static.igem.org/mediawiki/2016/5/55/T--UMaryland--meetup6.jpeg">
 +
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/f/f1/T--UMaryland--meetup6th.jpeg" />
 +
  </a>
 +
  <a href="https://static.igem.org/mediawiki/2016/c/c1/T--UMaryland--meetup7.jpeg">
 +
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/f/f0/T--UMaryland--meetup7th.jpeg" />
 +
  </a>
 +
  <a href="https://static.igem.org/mediawiki/2016/5/5a/T--UMaryland--meetup8.jpeg">
 +
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/1/16/T--UMaryland--meetup8th.jpeg" />
 +
  </a>
 +
  <a href="https://static.igem.org/mediawiki/2016/3/38/T--UMaryland--meetup9.jpeg">
 +
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/e/e2/T--UMaryland--meetup9th.jpeg" />
 +
  </a>
 +
  <a href="https://static.igem.org/mediawiki/2016/1/18/T--UMaryland--meetup10.jpeg">
 +
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/b/bb/T--UMaryland--meetup10th.jpeg" />
 +
  </a>
 +
  <a href="https://static.igem.org/mediawiki/2016/1/19/T--UMaryland--meetup11.jpeg">
 +
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/6/6f/T--UMaryland--meetup11th.jpeg" />
 +
  </a>
 +
  <a href="https://static.igem.org/mediawiki/2016/7/7d/T--UMaryland--meetup12.jpeg">
 +
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/3/3b/T--UMaryland--meetup12th.jpeg" />
 +
  </a>
 +
  <a href="https://static.igem.org/mediawiki/2016/e/ee/T--UMaryland--meetup13.jpeg">
 +
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/4/49/T--UMaryland--meetup13th.jpg" />
 +
  </a>
 +
  <a href="https://static.igem.org/mediawiki/2016/5/5e/T--UMaryland--meetup14.jpeg">
 +
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/d/d6/T--UMaryland--meetup14th.jpeg" />
 +
  </a>
 +
  <a href="https://static.igem.org/mediawiki/2016/5/5a/T--UMaryland--meetup15.jpeg">
 +
  <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/4/43/T--UMaryland--meetup15th.jpg" />
 +
  </a>
 +
</div>
 +
    </div>
 +
    <div 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 class="copyright">
 +
            <p id="copyright">© University of Maryland iGEM 2016</p>
 +
</div>
 +
    </div>
 +
<style>
 +
/* Permanent bottom bar */
 +
 +
#bot-nav {
 +
    background-color: #f9f9f9;   
 +
    border-top: 1px solid #f5f5f5;
 +
    position: absolute;
 +
    width: 100%;
 +
    height: 100px;
 +
    display: block;
 +
    color: black;
 +
    font-size: 12pt;
 +
    font-family: 'Lora', serif;
 +
    margin-top: 50px;
 +
    z-index: -1;
 +
    min-width: 1200px;
 +
}
 +
 +
#social-media {
 +
width: 100%;
 +
margin:0 0 0 0;
 +
}
 +
 +
.pull-right a {
 +
    padding-right: 0px !important;
 +
}
 +
 +
.copyright {
 +
text-align: center;
 +
width: 272px;
 +
height: 30px;
 +
margin-top: -20px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
 +
.pull-left {
 +
margin-top: -3px;
 +
width: 83px;
 +
margin-left: 30px;
 +
margin-right: auto;
 +
display: inline;
 +
height: 34px;
 +
}
 +
 +
.pull-left p {
 +
margin: 0 0 0 0;
 +
padding: 0 0 0 0 !important;
 +
line-height: 0px !important;
 +
}
 +
 +
.pull-right {
 +
width: 83px;
 +
margin-right: 30px;
 +
margin-left: auto;
 +
}
 +
 +
#copyright {
 +
    text-align: center;
 +
left:auto;
 +
right: auto;
 +
width: 100%;
 +
padding: 0 0 0 0;
 +
margin-top: 2px;
 +
float:left;
 +
}
 +
 +
#container {
 +
    max-width: 1200px;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
margin-top: 40px;
 +
}
 +
 +
#container img {
 +
    height: 20px;
 +
    width: 20px;
 +
    -webkit-filter: grayscale(100%);
 +
    filter: grayscale(100%);
 +
}
 +
 +
#bot-nav img:hover {
 +
    -webkit-filter: grayscale(0%);
 +
    filter: grayscale(0%);
 +
}
 +
 +
#container li {
 +
    display: inline;
 +
list-style:none;
 +
padding-right: 25px;
 +
}
 +
 +
.pull-left {
 +
float:left;
 +
}
 +
 +
#bot-nav a {
 +
    text-decoration: none;
 +
    color: black;
 +
}
 +
 +
#contact {
 +
    margin-top: -2px;
 +
}
 +
 +
#contact:hover {
 +
    text-shadow: .1px .1px black;
 +
}
 +
 +
</style>
 +
<script>
 +
 +
$('.linkText').click( function() { $(this).css('text-decoration','none'); $(this).focusout();});
 +
 +
// Text animation for speaker bios
 +
var current = 'ganesh';
 +
$('.bios img').click( function() {
 +
var selected = $(this).attr('data-select'); // grabs the name of the navigational element clicked
 +
if (selected != current) { // only change display / trigger animation if clicking different nav
 +
$('.description').css('display','none'); // hides all text
 +
$('.description').css('margin-left', '60px')
 +
$('#div-' + selected).css('display','block'); // the div containing the text that is selected is displayed
 +
$('#div-' + selected).animate({ marginLeft: '0px'}, 200);
 +
current = selected; // sets the current display
 +
}
 +
});
 +
                $(body).css('display','block');
 +
</script>
 +
        <!-- For nav bar scrolling + hovering + window resize effects-->
 +
<script>
 +
// Animation over top nav bar when mouse hovers
 +
$('nav').mouseover(
 +
function () {
 +
$('#img-logo').css('transition', '.35s ease-in');
 +
$('#img-logo').css('opacity', '1');
 +
$('#img-igemlogo').css('transition', '.35s ease-in');
 +
$('#img-igemlogo').css('opacity', '1');
 +
$('nav ul').addClass("hover");
 +
}
 +
),
 +
$('nav').mouseout(
 +
function () {
 +
var scroll = $(window).scrollTop();
 +
if (scroll > 0) {if ( $(window).width() >= 980) { var pushed = $('body').hasClass('pushed'); if (pushed == false) {
 +
$('#img-logo').css('transition', '.25s ease');
 +
$('#img-logo').css('opacity', '0');
 +
$('#img-igemlogo').css('transition', '.25s ease');
 +
$('#img-igemlogo').css('opacity', '0');
 +
$('nav ul').removeClass("hover");
 +
$('nav').css('transition', '.5s ease');
 +
}}}
 +
 +
}
 +
),
 +
// Window width effect on top nav bar
 +
$(document).ready(function() {
 +
function checkWidth() {
 +
if ($(window).width() < 980 || $('nav').hasClass('pushed')){
 +
$('nav li').css('display', 'none');
 +
$('#img-more').css('display','block');
 +
$('nav ul').addClass("hover");
 +
$('#img-logo').css('transition', '.35s ease-in');
 +
$('#img-logo').css('opacity', '1');
 +
$('#img-igemlogo').css('transition', '.35s ease-in');
 +
$('#img-igemlogo').css('opacity', '1')
 +
} else {
 +
$('nav li').css('display', 'inline');
 +
$('#img-more').css('display','none');
 +
$('nav ul').removeClass("hover");
 +
if ($(window).scrollTop() > 0) {
 +
$('#img-igemlogo').css('transition', '.25s ease');
 +
$('#img-igemlogo').css('opacity', '0');
 +
$('#img-logo').css('transition', '.25s ease');
 +
$('#img-logo').css('opacity', '0');
 +
$('nav ul').addClass("scrolled");
 +
}
 +
}
 +
}
 +
// Execute on load
 +
    checkWidth();
 +
    // Bind event listener
 +
    $(window).resize(checkWidth);
 +
});
 +
// Resized nav bar effect when more icon is clicked
 +
$('#img-more').click(function() {
 +
$('#img-more').toggleClass('pushed');
 +
$('#div-navResized').toggleClass('pushed');
 +
$('nav').toggleClass('pushed');
 +
$('nav img').toggleClass('pushed');
 +
if ($(window).width() >= 980) { var pushed = $('body').hasClass('pushed'); if (pushed == false){
 +
$('nav li').css('display', 'inline');
 +
$('#img-more').css('display','none');
 +
$('nav ul').removeClass("hover");
 +
$('#img-igemlogo').css('transition', '.25s ease');
 +
$('#img-igemlogo').css('opacity', '0');
 +
$('#img-logo').css('transition', '.25s ease');
 +
$('#img-logo').css('opacity', '0');
 +
}}
 +
});
 +
// Scrolling animation for top nav bar
 +
var nav = $('nav ul');
 +
$(window).scroll(function() {
 +
var scroll = $(window).scrollTop();
 +
if (scroll > 0) { if ( $(window).width() >= 980) {
 +
nav.addClass("scrolled");
 +
nav.removeClass("hover");
 +
$('#img-logo').css('transition', '.25s ease');
 +
$('#img-logo').css('opacity', '0');
 +
$('#img-igemlogo').css('transition', '.25s ease');
 +
$('#img-igemlogo').css('opacity', '0');
 +
}} else {
 +
nav.removeClass("scrolled");
 +
$('#img-logo').css('transition', '.35s ease-in');
 +
$('#img-logo').css('opacity', '1');
 +
$('#img-igemlogo').css('transition', '.35s ease-in');
 +
$('#img-igemlogo').css('opacity', '1');
 +
}
 +
});
 +
                 
 +
                $(body).css('display','block');
 +
</script>
 +
        <script src="http://pixelcog.github.io/parallax.js/js/parallax.min.js">
 +
        </script>
 +
<script src="http://sachinchoolur.github.io/lightGallery/lightgallery/js/lightgallery.js">
 +
</script>
 +
<script src="http://sachinchoolur.github.io/lightGallery/lightgallery/js/lg-fullscreen.js">
 +
</script>
 +
<script src="http://sachinchoolur.github.io/lightGallery/lightgallery/js/lg-thumbnail.js">
 +
</script>
 +
 +
<script>
 +
$(document).ready(function() {
 +
$("#lightgallery").lightGallery();
 +
});
 +
</script>
 +
</body>
 +
 
</html>
 
</html>

Revision as of 16:16, 29 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