(37 intermediate revisions by 2 users not shown) | |||
Line 5: | Line 5: | ||
<head> | <head> | ||
<script> | <script> | ||
− | $(body).css('display', 'none'); | + | $('body').css('display', 'none'); |
</script> | </script> | ||
<script src="https://static.igem.org/mediawiki/2016/9/95/T--UMaryland--html5shiv.txt"></script> | <script src="https://static.igem.org/mediawiki/2016/9/95/T--UMaryland--html5shiv.txt"></script> | ||
Line 185: | Line 185: | ||
html { | html { | ||
− | |||
} | } | ||
/* Start Page Specific CSS */ | /* Start Page Specific CSS */ | ||
Line 235: | Line 234: | ||
#Info { | #Info { | ||
margin-top: 100px; | margin-top: 100px; | ||
− | |||
− | |||
margin-bottom: 50px; | margin-bottom: 50px; | ||
− | |||
} | } | ||
Line 358: | Line 354: | ||
/* Footnotes (References) */ | /* Footnotes (References) */ | ||
− | |||
− | |||
− | |||
− | |||
/* Classes */ | /* Classes */ | ||
Line 397: | Line 389: | ||
} | } | ||
− | #div-navResized.pushed a:hover { | + | #div-navResized.pushed a:hover, #div-navResized.pushed img:hover { |
− | text-decoration: | + | text-decoration: none; |
+ | opacity: .7; | ||
} | } | ||
Line 474: | Line 467: | ||
.centered { | .centered { | ||
− | |||
− | |||
− | |||
text-align: left; | text-align: left; | ||
} | } | ||
Line 486: | Line 476: | ||
#table-pictures { | #table-pictures { | ||
− | |||
margin-right: auto; | margin-right: auto; | ||
margin-left: auto; | margin-left: auto; | ||
Line 502: | Line 491: | ||
#lightgallery { | #lightgallery { | ||
width: 800px; | width: 800px; | ||
− | |||
− | |||
} | } | ||
Line 518: | Line 505: | ||
#h2-pic2 { | #h2-pic2 { | ||
margin-top: 80px; | margin-top: 80px; | ||
− | + | font-family: Arial; | |
− | font-family: | + | |
font-size: 20pt; | font-size: 20pt; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
+ | |||
+ | #h2-pic1 { | ||
+ | margin-bottom: -50px !important; | ||
+ | } | ||
+ | |||
+ | #h2-pic2 { | ||
+ | margin-bottom: 50px !important; | ||
+ | } | ||
+ | |||
/* Permanent bottom bar */ | /* Permanent bottom bar */ | ||
#bot-nav { | #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; | |
− | + | z-index: -1; | |
− | + | } | |
− | + | ||
− | + | ||
#social-media { | #social-media { | ||
Line 651: | Line 644: | ||
width: 80%; | width: 80%; | ||
min-width: 1000px; | min-width: 1000px; | ||
− | |||
} | } | ||
Line 722: | Line 714: | ||
#div-text p { | #div-text p { | ||
/* formats text and lists within .longText */ | /* formats text and lists within .longText */ | ||
+ | font-family: Raleway !important; | ||
padding-top: 15px; | padding-top: 15px; | ||
padding-bottom: 15px; | padding-bottom: 15px; | ||
Line 731: | Line 724: | ||
.longText { | .longText { | ||
/* fixes width of the text and displays it slighly left of center */ | /* fixes width of the text and displays it slighly left of center */ | ||
− | width: | + | width: 1000px; |
− | + | ||
− | + | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
Line 792: | Line 783: | ||
</style> | </style> | ||
<nav> | <nav> | ||
+ | <a href="https://2016.igem.org/Team:UMaryland"> | ||
<img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logo"> | <img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logo"> | ||
+ | </a> | ||
<ul> | <ul> | ||
<a style="opacity: 0">Fix</a> | <a style="opacity: 0">Fix</a> | ||
Line 806: | Line 799: | ||
<!-- Nav bar when more button is clicked --> | <!-- Nav bar when more button is clicked --> | ||
<div id="div-navResized"> | <div id="div-navResized"> | ||
− | <img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logoResized"> | + | <a href="https://2016.igem.org/Team:UMaryland"><img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logoResized"></a> |
<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> | ||
Line 825: | Line 818: | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | <div id="div-text"> | |
<div class="longText"> | <div class="longText"> | ||
− | + | <div id="Info" > | |
− | <div id="Info | + | <p class="pInfo"> |
− | + | In the summer of 2015, UMaryland iGEM founded the first Mid-Atlantic Meet-up and hosted four 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 summer, we included more iGEM teams in the Mid Atlantic Area by 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, an iGEM judge, who spoke about the overall iGEM experience, what it takes to make an iGEM team successful and the importance of human practices. Closing remarks were made by Ana Sifuentes from iGEM headquarters. | ||
+ | </p> | ||
+ | <p class="pInfo"> | ||
+ | The presentation portion allowed teams to practice their project explanations before the Giant Jamboree. We also included a long discussion section after presentations so teams could get feedback from each other and from faculty advisors. We set aside time for the University of Virginia team to survey the four other teams for their biocontainment outreach and to gather feedback about their material on biocontainment. Furthermore, William and Mary was able to gather more participants for their Pen Pal program | ||
+ | </p> | ||
<p class="pInfo center">Thank you to everyone who participated!</p> | <p class="pInfo center">Thank you to everyone who participated!</p> | ||
</div> | </div> | ||
Line 865: | Line 864: | ||
</table> | </table> | ||
</div> | </div> | ||
− | <div | + | <style> |
− | < | + | .speakerBio img { |
− | + | margin-top: 80px; | |
− | + | margin-right: 40px; | |
− | + | float: left; | |
− | + | width: 200px; | |
− | + | padding-bottom: 100px; | |
− | + | } | |
− | < | + | |
− | <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> | + | .speakerBio { |
+ | width: 1000px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .speakerBio h4 { | ||
+ | font-size: 16pt; | ||
+ | } | ||
+ | </style> | ||
+ | <div class="speakerBio"> | ||
+ | <h4 id="h2-pic1"> Speakers </h4> | ||
+ | <div> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/0/0b/T--UMaryland--GaneshSriram.jpg"/> | ||
+ | <h4> Dr. Ganesh Sriram</h4> | ||
+ | <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>Dr. Sriram presented several canon examples of using synthetic biology to optimize cell metabolism.</p> | ||
<small>1. Bio from http://www.ench.umd.edu/faculty/sriram</small> | <small>1. Bio from http://www.ench.umd.edu/faculty/sriram</small> | ||
</div> | </div> | ||
− | + | <div> | |
− | < | + | <img src="https://static.igem.org/mediawiki/2016/c/c8/T--UMaryland--EliGroban.jpg" > |
− | <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> | + | <h4> Dr. Eli Groban </h4> |
+ | <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> Dr. Groban spoke about his experience over the years working for a private company to make E. coli capable of industrial scale fatty alcohol production. | ||
</p> | </p> | ||
<small>2. Bio from https://www.autodeskresearch.com/people/eli-groban</small> | <small>2. Bio from https://www.autodeskresearch.com/people/eli-groban</small> | ||
</div> | </div> | ||
− | |||
</div> | </div> | ||
− | < | + | <h4 id="h2-pic2">Pictures</h4> |
<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 933: | Line 946: | ||
</a> | </a> | ||
</div> | </div> | ||
− | + | </div> | |
</div> | </div> | ||
<div id="bot-nav"> | <div id="bot-nav"> | ||
Line 957: | Line 970: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | <script> | ||
+ | |||
+ | $(window).resize(function() { | ||
+ | var marginTotal = $(window).outerWidth(true) - $('.titleText').outerWidth(false); | ||
+ | var marginLeft = marginTotal / 2; | ||
+ | if (marginLeft > 14) { | ||
+ | $('.longText').css('margin-left', marginLeft); | ||
+ | } else { | ||
+ | $('.longText').css('margin-left', '15px'); | ||
+ | } | ||
+ | |||
+ | var marginTitle = $(window).outerWidth(true) - $('.titleText').outerWidth(false); | ||
+ | var marginCheck = marginTitle / 2; | ||
+ | if (marginCheck < 15) { | ||
+ | $('.titleText').css('left','15px'); | ||
+ | $('.titleText').css('margin-left','0px'); | ||
+ | } else { | ||
+ | $('.titleText').css('left','50%'); | ||
+ | $('.titleText').css('margin-left','-40%'); | ||
+ | } | ||
+ | }) | ||
+ | |||
+ | $(window).load(function() { | ||
+ | var marginTotal = $(window).outerWidth(true) - $('.titleText').outerWidth(false); | ||
+ | var marginLeft = marginTotal / 2; | ||
+ | if (marginLeft > 14) { | ||
+ | $('.longText').css('margin-left', marginLeft); | ||
+ | }else { | ||
+ | $('.longText').css('margin-left', '15px'); | ||
+ | } | ||
+ | |||
+ | var marginTitle = $(window).outerWidth(true) - $('.titleText').outerWidth(false); | ||
+ | var marginCheck = marginTitle / 2; | ||
+ | if (marginCheck < 15) { | ||
+ | $('.titleText').css('left','15px'); | ||
+ | $('.titleText').css('margin-left','0px'); | ||
+ | } else { | ||
+ | $('.titleText').css('left','50%'); | ||
+ | $('.titleText').css('margin-left','-40%'); | ||
+ | } | ||
+ | }) | ||
+ | |||
+ | </script> | ||
<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'); | ||
− | |||
$('#HQ_page').css('display', 'none'); | $('#HQ_page').css('display', 'none'); | ||
$('#top_menu_under').css('display', 'none'); | $('#top_menu_under').css('display', 'none'); | ||
Line 968: | Line 1,023: | ||
$('#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'); | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
// Animation over top nav bar when mouse hovers | // Animation over top nav bar when mouse hovers | ||
$('nav').mouseover( | $('nav').mouseover( | ||
− | function() { | + | function () { |
− | $('#img-logo').css('transition', '.35s ease-in') | + | $('#img-logo').css('transition', '.35s ease-in') |
− | + | .css('opacity', '1'); | |
− | $('#img-igemlogo').css('transition', '.35s ease-in') | + | $('#img-igemlogo').css('transition', '.35s ease-in') |
− | + | .css('opacity', '1'); | |
$('nav ul').addClass("hover"); | $('nav ul').addClass("hover"); | ||
} | } | ||
), | ), | ||
$('nav').mouseout( | $('nav').mouseout( | ||
− | function() { | + | function () { |
var scroll = $(window).scrollTop(); | var scroll = $(window).scrollTop(); | ||
if (scroll > 0) { | if (scroll > 0) { | ||
− | if ($(window).width() >= | + | if ($(window).width() >= 1090) { |
var pushed = $('body').hasClass('pushed'); | var pushed = $('body').hasClass('pushed'); | ||
if (pushed == false) { | if (pushed == false) { | ||
− | $('#img-logo').css('transition', '.25s ease') | + | $('#img-logo').css('transition', '.25s ease') |
− | + | .css('opacity', '0'); | |
− | $('#img-igemlogo').css('transition', '.25s ease') | + | $('#img-igemlogo').css('transition', '.25s ease') |
− | + | .css('opacity', '0'); | |
$('nav ul').removeClass("hover"); | $('nav ul').removeClass("hover"); | ||
$('nav').css('transition', '.5s ease'); | $('nav').css('transition', '.5s ease'); | ||
Line 1,020: | Line 1,054: | ||
), | ), | ||
// Window width effect on top nav bar | // Window width effect on top nav bar | ||
− | $(document).ready(function() { | + | $(document).ready(function () { |
function checkWidth() { | function checkWidth() { | ||
− | + | if ($(window).width() < 1090 || $('nav').hasClass('pushed')) { | |
− | + | $('nav li').css('display', 'none'); | |
− | + | $('#img-more').css('display', 'block'); | |
− | + | $('nav ul').addClass("hover"); | |
− | + | $('#img-logo').css('transition', '.35s ease-in') | |
− | + | .css('opacity', '1'); | |
− | + | $('#img-igemlogo').css('transition', '.35s ease-in') | |
− | + | .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') | |
− | + | .css('opacity', '0'); | |
− | + | $('#img-logo').css('transition', '.25s ease') | |
− | + | .css('opacity', '0'); | |
+ | $('nav ul').addClass("scrolled"); | ||
+ | } | ||
} | } | ||
} | } | ||
− | + | // Execute on load | |
− | + | ||
checkWidth(); | checkWidth(); | ||
// Bind event listener | // Bind event listener | ||
Line 1,049: | Line 1,084: | ||
}); | }); | ||
// Resized nav bar effect when more icon is clicked | // Resized nav bar effect when more icon is clicked | ||
− | $('#img-more').click(function() { | + | $('#img-more').click(function () { |
$('#img-more').toggleClass('pushed'); | $('#img-more').toggleClass('pushed'); | ||
$('#div-navResized').toggleClass('pushed'); | $('#div-navResized').toggleClass('pushed'); | ||
$('nav').toggleClass('pushed'); | $('nav').toggleClass('pushed'); | ||
$('nav img').toggleClass('pushed'); | $('nav img').toggleClass('pushed'); | ||
− | if ($(window).width() >= | + | if ($(window).width() >= 1090) { |
var pushed = $('body').hasClass('pushed'); | var pushed = $('body').hasClass('pushed'); | ||
if (pushed == false) { | if (pushed == false) { | ||
Line 1,060: | Line 1,095: | ||
$('#img-more').css('display', 'none'); | $('#img-more').css('display', 'none'); | ||
$('nav ul').removeClass("hover"); | $('nav ul').removeClass("hover"); | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
} | } | ||
Line 1,069: | Line 1,100: | ||
// Scrolling animation for top nav bar | // Scrolling animation for top nav bar | ||
var nav = $('nav ul'); | var nav = $('nav ul'); | ||
− | $(window).scroll(function() { | + | $(window).scroll(function () { |
var scroll = $(window).scrollTop(); | var scroll = $(window).scrollTop(); | ||
if (scroll > 0) { | if (scroll > 0) { | ||
− | if ($(window).width() >= | + | if ($(window).width() >= 1090) { |
nav.addClass("scrolled"); | nav.addClass("scrolled"); | ||
nav.removeClass("hover"); | nav.removeClass("hover"); | ||
− | $('#img-logo').css('transition', '.25s ease') | + | $('#img-logo').css('transition', '.25s ease') |
− | + | .css('opacity', '0'); | |
− | $('#img-igemlogo').css('transition', '.25s ease') | + | $('#img-igemlogo').css('transition', '.25s ease') |
− | + | .css('opacity', '0'); | |
} | } | ||
− | } else { | + | } |
+ | else { | ||
nav.removeClass("scrolled"); | nav.removeClass("scrolled"); | ||
− | $('#img-logo').css('transition', '.35s ease-in') | + | $('#img-logo').css('transition', '.35s ease-in') |
− | + | .css('opacity', '1'); | |
− | $('#img-igemlogo').css('transition', '.35s ease-in') | + | $('#img-igemlogo').css('transition', '.35s ease-in') |
− | + | .css('opacity', '1'); | |
} | } | ||
}); | }); |
Latest revision as of 06:38, 19 October 2016
</div> </div>
![](https://static.igem.org/mediawiki/2016/e/e5/T--UMaryland--more.png)
In the summer of 2015, UMaryland iGEM founded the first Mid-Atlantic Meet-up and hosted four 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 summer, we included more iGEM teams in the Mid Atlantic Area by 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, an iGEM judge, who spoke about the overall iGEM experience, what it takes to make an iGEM team successful and the importance of human practices. Closing remarks were made by Ana Sifuentes from iGEM headquarters.
The presentation portion allowed teams to practice their project explanations before the Giant Jamboree. We also included a long discussion section after presentations so teams could get feedback from each other and from faculty advisors. We set aside time for the University of Virginia team to survey the four other teams for their biocontainment outreach and to gather feedback about their material on biocontainment. Furthermore, William and Mary was able to gather more participants for their Pen Pal program
Thank you to everyone who participated!
Speakers
![](https://static.igem.org/mediawiki/2016/0/0b/T--UMaryland--GaneshSriram.jpg)
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.1Dr. Sriram presented several canon examples of using synthetic biology to optimize cell metabolism.
1. Bio from http://www.ench.umd.edu/faculty/sriram![](https://static.igem.org/mediawiki/2016/c/c8/T--UMaryland--EliGroban.jpg)
Dr. Eli Groban
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.2 Dr. Groban spoke about his experience over the years working for a private company to make E. coli capable of industrial scale fatty alcohol production.
2. Bio from https://www.autodeskresearch.com/people/eli-groban