Difference between revisions of "Team:UMaryland/meetup"

 
(32 intermediate revisions by 2 users not shown)
Line 23: Line 23:
 
         #bars_item {
 
         #bars_item {
 
             display: none;
 
             display: none;
 +
        }
 +
 +
        #top_menu_14 {
 +
            z-index: 4;
 
         }
 
         }
  
Line 91: 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 123: 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 139: 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: -22px;
+
−
        }
+
−
 
+
−
        #container li {
+
−
            display: inline;
+
−
            margin-right: -14px;
+
−
        }
+
−
 
+
−
        #bot-nav a {
+
−
            text-decoration: none;
+
−
            color: black;
+
−
        }
+
−
 
+
−
        #copyright {
+
−
            text-align: center;
+
−
            padding-top: 24px;
+
−
            padding-right: 63px;
+
−
        }
+
−
 
+
−
        #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 451: Line 360:
  
 
         #div-navResized.pushed a:hover {
 
         #div-navResized.pushed a:hover {
−
             text-decoration: none;
+
             text-decoration: underline;
−
            opacity: .7;
+
 
         }
 
         }
  
Line 483: Line 391:
 
         /* Logo */
 
         /* Logo */
 
         #img-logo {
 
         #img-logo {
−
             width: 150px;
+
             width: 260px;
 
             float: left;
 
             float: left;
 
             position: fixed;
 
             position: fixed;
Line 522: 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 544: Line 451:
 
#table-pictures {
 
#table-pictures {
 
background-color: #F0F0F0;
 
background-color: #F0F0F0;
 +
            margin-right: auto;
 +
            margin-left: auto;
 
}
 
}
 
 
Line 560: Line 469:
 
margin-right: auto;
 
margin-right: auto;
 
}
 
}
 +
 +
        #lightgallery img {
 +
            margin-top: 1px;
 +
            margin-right: -2px;
 +
        }
 +
 +
        #lightgallery a:hover {
 +
            text-decoration: none;
 +
        }
 
 
 
#h2-pic1, #h2-pic2 {
 
#h2-pic1, #h2-pic2 {
Line 581: Line 499:
 
</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>
Line 631: Line 546:
 
<img src="https://static.igem.org/mediawiki/2016/3/3a/T--UMaryland--WM.jpeg" width="240px" />
 
<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>
 
<a href="https://2016.igem.org/Team:William_and_Mary" target="_blank"><p>William & Mary</p></a>
−
</td>
 
−
<td>
 
−
<img src="https://static.igem.org/mediawiki/2016/c/ca/T--UMaryland--UMD.jpeg" width="240px" />
 
−
<a href="https://2016.igem.org/Team:UMaryland" target="_blank"><p>University of Maryland</p></a>
 
 
</td>
 
</td>
 
<td>
 
<td>
Line 726: 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 763: Line 778:
 
         <!-- For nav bar scrolling + hovering + window resize effects-->
 
         <!-- For nav bar scrolling + hovering + window resize effects-->
 
<script>
 
<script>
−
        // Removes iGEM top bar when gallery of pictures is viewed
 
−
//        $('.thumbnail').click( function() {
 
−
//            $('#top_menu_14').css('display', 'none');
 
−
//           
 
−
//        });
 
−
//        $('.lg-close:after').click( function() {
 
−
//              $('#top_menu_14').css('display', 'block');
 
−
//        });
 
 
// Animation over top nav bar when mouse hovers
 
// Animation over top nav bar when mouse hovers
 
$('nav').mouseover(
 
$('nav').mouseover(
Line 817: 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

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