Difference between revisions of "Team:UMaryland/meetup"

Line 61: Line 61:
 
             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 106: Line 107:
 
             left: 0;
 
             left: 0;
 
             right: 0;
 
             right: 0;
−
             margin-top: 74px;
+
             margin-top: 200px;
 
             z-index: 3;
 
             z-index: 3;
 
         }
 
         }
Line 114: Line 115:
 
             color: black;
 
             color: black;
 
             font-family: 'Exo', sans-serif;
 
             font-family: 'Exo', sans-serif;
−
        }
 
−
 
−
 
−
        #div-navResized a:hover {
 
−
            text-decoration: none;
 
 
         }
 
         }
  
Line 142: Line 138:
 
             width: 100%;
 
             width: 100%;
 
             height: 75px;
 
             height: 75px;
−
            left: 0;
+
             top: 1100px;
−
             top: 3000px;
+
 
             display: block;
 
             display: block;
 
             color: black;
 
             color: black;
 
             font-size: 12pt;
 
             font-size: 12pt;
 +
            font-family: 'Lora', serif;
 +
            z-index: -1;
 
         }
 
         }
  
 
         #container {
 
         #container {
−
             width: 950px;
+
             width: 750px;
 
             margin-left: auto;
 
             margin-left: auto;
 
             margin-right: auto;
 
             margin-right: auto;
Line 158: Line 155:
 
         }
 
         }
  
−
         #bot-nav img {
+
         #container img {
 
             height: 20px;
 
             height: 20px;
 
             width: 20px;
 
             width: 20px;
Line 171: Line 168:
 
         }
 
         }
  
−
         #bot-nav ul {
+
         #container ul {
 
             text-align: center;
 
             text-align: center;
 
             margin-top: -13px;
 
             margin-top: -13px;
 +
            margin-right: -105px;
 
         }
 
         }
  
−
         #bot-nav li {
+
         #container li {
 
             display: inline;
 
             display: inline;
 
             margin-right: -14px;
 
             margin-right: -14px;
Line 192: Line 190:
  
 
         #contact:hover {
 
         #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;
 
             text-shadow: .1px .1px black;
 
         }
 
         }
Line 265: Line 304:
 
         #p2 {
 
         #p2 {
 
             margin-top: 100px;
 
             margin-top: 100px;
−
                margin-left: 204px;
+
            margin-left: 204px;
−
                max-width: 850px;
+
            max-width: 850px;
−
                min-width: 850px;
+
            min-width: 850px;
 
         }
 
         }
  
Line 273: Line 312:
  
 
         #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;
 
              
 
              
Line 324: Line 363:
 
                 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;
Line 341: Line 380:
 
         h3 {
 
         h3 {
 
             font-size: 20pt;
 
             font-size: 20pt;
−
                margin-left: 340px;
+
            margin-left: 340px;
 
         }
 
         }
  
 
         h4 {
 
         h4 {
 
             font-size: 20pt;
 
             font-size: 20pt;
−
                margin-left: 695px;
+
            margin-left: 695px;
−
                margin-top: 11px;      
+
            margin-top: 11px;      
 
         }      
 
         }      
  
Line 394: Line 433:
 
         #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 450:
 
             display: none;
 
             display: none;
 
         }
 
         }
−
 
  
 
         /* Hides nav bar when scrolling */
 
         /* Hides nav bar when scrolling */
Line 460: Line 506:
  
 
         #img-logoResized {
 
         #img-logoResized {
−
             width: 150px;
+
             width: 200px;
 
             display: block;
 
             display: block;
 
             margin-right: auto;
 
             margin-right: auto;
 
             margin-left: auto;
 
             margin-left: auto;
−
             margin-top: -266px;
+
             margin-top: -260px;
 +
            padding-right: 40px;
 
         }
 
         }
−
        #img-igemlogoResized {
+
     
−
            width: 60px;
+
−
            display: block;
+
−
            margin-right: auto;
+
−
            margin-left: auto;
+
−
            margin-top: 139px;
+
−
        }
+
−
 
+
 
         .centered {
 
         .centered {
 
             width:1200px;  
 
             width:1200px;  
Line 483: Line 523:
 
             cursor: pointer;
 
             cursor: pointer;
 
         }
 
         }
−
 
−
        #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 {
 
−
color: rgb(255, 255, 255);
 
−
font-size: 16pt;
 
−
padding: 10px;
 
−
-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 {
 
−
cursor: pointer;
 
−
}
 
−
 
−
#div-popup strong {
 
−
font-size: 16pt;
 
−
line-height: 1.5em;
 
−
}
 
−
 
−
#div-popup p {
 
−
font-size: 12pt;
 
−
line-height: 1.75em;
 
−
}
 
−
 
−
                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');
 
                 });
 
                 });
Line 550: Line 543:
 
<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="projects.html" class="hvr-float">Projects</a></li>
−
<li><a data-scroll class="linkText" href="#information">Information</a></li>
+
<li><a href="parts.html" class="hvr-float">Parts</a></li>
−
<li><a data-scroll class="linkText" href="#schedule">Schedule</a></li>
+
<li><a href="modeling.html" class="hvr-float">Modeling</a></li>
−
<li><a data-scroll class="linkText" href="#speakers">Speakers</a></li>
+
<li><a href="outreach.html" class="hvr-float">Outreach</a></li>
 +
<li><a href="notebook.html" class="hvr-float">Notebook</a></li>
 +
<li><a href="about.html" class="hvr-float">About Us</a></li>
 
</ul>
 
</ul>
 
</nav>
 
</nav>
Line 559: Line 554:
 
<!-- 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="projects.html">Projects</a></li>
−
<li><a data-scroll class="linkText" href="#information">Information</a></li>
+
<li><a href="parts.html">Parts</a></li>
−
<li><a data-scroll class="linkText" href="#schedule">Schedule</a></li>
+
<li><a href="modeling.html">Modeling</a></li>
−
<li><a data-scroll class="linkText" href="#speakers">Speakers</a></li>
+
<li><a href="outreach.html">Outreach</a></li>
 +
<li><a href="notebook.html">Notebook</a></li>
 +
<li><a href="about.html">About Us</a></li>
 
</ul>
 
</ul>
 
</div>
 
</div>
Line 633: Line 627:
 
</div>
 
</div>
 
         </div>
 
         </div>
−
<div id="bot-nav">
+
    <div id="bot-nav">
−
<div id="container">
+
        <div id="container">
−
<div class="pull-left">
+
            <div class="pull-left">
−
<a href="mailto:umarylandigem@gmail.com"><p id="contact"> Contact Us </p></a>
+
                <a href="mailto:umarylandigem@gmail.com"><p id="contact"> Contact Us </p></a>
−
</div>
+
            </div>
−
<p id="copyright">© University of Maryland iGEM 2016</p>
+
            <p id="copyright">© University of Maryland iGEM 2016</p>
−
<div class="pull-right">
+
            <div class="pull-right">
−
<ul>
+
                <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/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>
+
                    <li> <a href="https://www.instagram.com/umarylandigem/"> <img src="https://static.igem.org/mediawiki/2016/b/bc/T--UMaryland--Instalogo.png"/> </a> </li>
−
</ul>
+
                </ul>
−
</div>
+
            </div>
−
</div>
+
        </div>
−
</div>
+
        <div id="bot-navResized">
 +
            <a href="mailto:umarylandigem@gmail.com"><h4 id="contactResized"> Contact Us </h4></a>
 +
            <h5 id="copyrightResized">© University of Maryland iGEM 2016</h5>
 +
            <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>
 
<script>
 
<script>
  
Line 713: Line 715:
 
$('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 758: Line 773:
 
                 $(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 src="http://cferdinandi.github.io/smooth-scroll/dist/js/smooth-scroll.js">
 
         </script>
 
         </script>
 
         <script>
 
         <script>
 
                 smoothScroll.init();
 
                 smoothScroll.init();
 
         </script>
 
         </script>
 +
-->
 +
  
  

Revision as of 14:34, 26 July 2016

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

2nd Annual Mid-Atlantic Mini-Jamboree





July 22nd, 2016
I

Last year, 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 plan to host many more teams and have a more ambitious agenda planned. We cannot wait to welcome those who attend and show them an amazing UMD experience. 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.

S
S

Speakers

Dr. Ganesh Sriam

Dr. Ganesh Sriram is Keystone Assistant Professor in the Department of Chemical and Biomolecular Engineering and Affiliate Faculty Member in the Bioengineering and Plant Biology graduate programs at 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.1

1. Bio from http://www.ench.umd.edu/faculty/sriram
2. Bio from https://www.wilsoncenter.org/person/todd-kuiken-phd

Contact Us

Contact Us

© University of Maryland iGEM 2016