(67 intermediate revisions by 2 users not shown) | |||
Line 21: | Line 21: | ||
<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%; | |
− | + | height: 100%; | |
− | + | padding: 0 0 0 0; | |
− | + | border: none; | |
− | + | margin: 0 0 0 0; | |
− | + | background: transparent; | |
} | } | ||
− | + | #top_title { | |
− | + | display: none; | |
− | + | line-height: inherit; | |
− | + | } | |
− | + | #sideMenu { | |
− | + | display: none; | |
− | + | } | |
/* Navbar and body setup */ | /* Navbar and body setup */ | ||
Line 46: | Line 57: | ||
#content { | #content { | ||
− | + | margin-top: 0px; | |
} | } | ||
Line 84: | 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 116: | 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 132: | Line 152: | ||
} | } | ||
− | + | /* Background of page */ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
html { | html { | ||
Line 242: | Line 159: | ||
/* Start Page Specific CSS */ | /* Start Page Specific CSS */ | ||
+ | |||
+ | #Speakers p, #Info p { | ||
+ | font-family: 'Raleway', sans-serif; | ||
+ | } | ||
/* Title */ | /* Title */ | ||
Line 248: | Line 169: | ||
position: absolute; | position: absolute; | ||
top: 350px; | top: 350px; | ||
− | + | left: 39px; | |
width: 100%; | width: 100%; | ||
− | + | border-bottom: none; | |
− | + | color: white; | |
+ | font-family: 'Lora', serif; | ||
} | } | ||
h1-2 span { | 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); | |
} | } | ||
Line 267: | Line 189: | ||
max-width: 759px; | max-width: 759px; | ||
min-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; | ||
} | } | ||
Line 328: | Line 254: | ||
} | } | ||
− | |||
/* Speakers */ | /* Speakers */ | ||
Line 340: | Line 265: | ||
#Speakers { | #Speakers { | ||
− | |||
margin-left: -8px; | margin-left: -8px; | ||
margin-right: -8px; | margin-right: -8px; | ||
Line 362: | Line 286: | ||
margin-right: 400px; | margin-right: 400px; | ||
} | } | ||
− | |||
#img-speaker1, #img-speaker2:hover { | #img-speaker1, #img-speaker2:hover { | ||
Line 369: | Line 292: | ||
#img-speaker1, #img-speaker2 { | #img-speaker1, #img-speaker2 { | ||
− | margin-left: | + | margin-left: 265px; |
margin-bottom: 20px; | margin-bottom: 20px; | ||
} | } | ||
Line 383: | Line 306: | ||
h3 { | h3 { | ||
font-size: 20pt; | font-size: 20pt; | ||
− | margin-left: | + | margin-left: 270px; |
} | } | ||
h6 { | h6 { | ||
font-size: 20pt; | font-size: 20pt; | ||
− | margin-left: | + | margin-left: 670px; |
margin-top: 11px; | margin-top: 11px; | ||
margin-bottom: 0px; | margin-bottom: 0px; | ||
+ | font-family: "Arial",Gadget,sans-serif; | ||
+ | font-weight: bold; | ||
} | } | ||
Line 418: | Line 343: | ||
.pull-right { | .pull-right { | ||
float: right !important; | float: right !important; | ||
+ | margin-left: -28px; | ||
} | } | ||
Line 465: | Line 391: | ||
/* Logo */ | /* Logo */ | ||
#img-logo { | #img-logo { | ||
− | width: | + | width: 260px; |
float: left; | float: left; | ||
position: fixed; | position: fixed; | ||
Line 504: | Line 430: | ||
#img-logoResized { | #img-logoResized { | ||
− | width: | + | width: 300px; |
display: block; | display: block; | ||
margin-right: auto; | margin-right: auto; | ||
margin-left: auto; | margin-left: auto; | ||
margin-top: -165px; | margin-top: -165px; | ||
− | |||
} | } | ||
Line 526: | Line 451: | ||
#table-pictures { | #table-pictures { | ||
background-color: #F0F0F0; | background-color: #F0F0F0; | ||
+ | margin-right: auto; | ||
+ | margin-left: auto; | ||
} | } | ||
Line 542: | 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 { | |
margin-top: 80px; | margin-top: 80px; | ||
− | margin-bottom: 50px; | + | margin-bottom: 50px !important; |
+ | font-family: 'Lora', serif; | ||
+ | font-weight: normal; | ||
} | } | ||
</style> | </style> | ||
Line 556: | 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/ | + | <img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logo"> |
− | + | ||
− | + | ||
− | + | ||
<ul> | <ul> | ||
<a style="opacity: 0">Fix</a> | <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/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/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/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/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/notebook">Notebook</a></li> | ||
Line 581: | Line 516: | ||
<ul> | <ul> | ||
<li><a href="https://2016.igem.org/Team:UMaryland/projects">Projects</a></li> | <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/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/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/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/notebook">Notebook</a></li> | ||
Line 591: | Line 526: | ||
<div data-parallax="scroll" data-image-src="https://static.igem.org/mediawiki/2016/8/85/T--UMaryland--meetup.jpeg" 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> | ||
Line 602: | Line 537: | ||
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 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">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 | + | <p class="pInfo center">Thank you to everyone who participated!</p> |
</div> | </div> | ||
<div id="div-participants"> | <div id="div-participants"> | ||
Line 611: | 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> | ||
<td> | <td> | ||
Line 633: | Line 564: | ||
</div> | </div> | ||
<div id="Speakers" class="bios"> | <div id="Speakers" class="bios"> | ||
− | <h2 | + | <h2 id="h2-pic1"> Speakers </h2> |
<ul id="ul-images" 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> | ||
Line 652: | Line 583: | ||
</div> | </div> | ||
</div> | </div> | ||
− | <h2 | + | <h2 id="h2-pic2">Pictures</h2> |
<div id="lightgallery"> | <div id="lightgallery"> | ||
<a href="https://static.igem.org/mediawiki/2016/e/e4/T--UMaryland--meetup1.jpeg"> | <a href="https://static.igem.org/mediawiki/2016/e/e4/T--UMaryland--meetup1.jpeg"> | ||
Line 706: | 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> | ||
− | |||
<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/ | + | <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/ | + | <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 class="copyright"> | |
− | < | + | <p id="copyright">© University of Maryland iGEM 2016</p> |
− | + | </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 789: | Line 824: | ||
$('nav ul').addClass("scrolled"); | $('nav ul').addClass("scrolled"); | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
} | } | ||
// Execute on load | // Execute on load | ||
checkWidth(); | checkWidth(); | ||
− | |||
// Bind event listener | // Bind event listener | ||
$(window).resize(checkWidth); | $(window).resize(checkWidth); | ||
− | |||
}); | }); | ||
// Resized nav bar effect when more icon is clicked | // Resized nav bar effect when more icon is clicked | ||
Line 861: | Line 883: | ||
}); | }); | ||
</script> | </script> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 20:34, 7 September 2016
</div></div>
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