Difference between revisions of "Team:UMaryland/Collaborations"

 
(23 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 {
−
            background-color: rgba(0, 0, 0, 0.06);
 
 
         }
 
         }
 
         /* Start Page Specific CSS */
 
         /* Start Page Specific CSS */
Line 390: Line 389:
 
         }
 
         }
 
          
 
          
−
         #div-navResized.pushed a:hover {
+
         #div-navResized.pushed a:hover, #div-navResized.pushed img:hover {
−
             text-decoration: underline;
+
             text-decoration: none;
 +
            opacity: .7;
 
         }
 
         }
 
          
 
          
Line 476: Line 476:
 
          
 
          
 
         #table-pictures {
 
         #table-pictures {
−
            background-color: #F0F0F0;
 
 
             margin-right: auto;
 
             margin-right: auto;
 
             margin-left: auto;
 
             margin-left: auto;
Line 506: Line 505:
 
         #h2-pic2 {
 
         #h2-pic2 {
 
             margin-top: 80px;
 
             margin-top: 80px;
−
            margin-bottom: 50px !important;
 
 
font-family: Arial;
 
font-family: Arial;
 
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 */
 
          
 
          
Line 637: Line 644:
 
width: 80%;
 
width: 80%;
 
min-width: 1000px;
 
min-width: 1000px;
−
max-width: 1500px;
 
 
}
 
}
 
 
Line 718: 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: 80%;
+
             width: 1000px;
−
max-width: 1000px;
+
−
min-width: 600px;
+
 
margin-left: auto;
 
margin-left: auto;
 
             margin-right: auto;
 
             margin-right: auto;
Line 779: 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 793: 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 815: Line 821:
 
<div class="longText">
 
<div class="longText">
 
         <div id="Info" >
 
         <div id="Info" >
−
            <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">
−
            <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>
+
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 853: Line 866:
 
<style>
 
<style>
 
.speakerBio img {
 
.speakerBio img {
−
margin-right: 20px;
+
margin-top: 80px;
 +
margin-right: 40px;
 
float: left;
 
float: left;
 
width: 200px;
 
width: 200px;
−
padding-bottom: 50px;
+
padding-bottom: 100px;
 +
}
 +
 +
.speakerBio {
 +
width: 1000px;
 +
 +
}
 +
 +
.speakerBio h4 {
 +
font-size: 16pt;
 
}
 
}
 
</style>
 
</style>
Line 864: Line 887:
 
<img src="https://static.igem.org/mediawiki/2016/0/0b/T--UMaryland--GaneshSriram.jpg"/>
 
<img src="https://static.igem.org/mediawiki/2016/0/0b/T--UMaryland--GaneshSriram.jpg"/>
 
                     <h4> Dr. Ganesh Sriram</h4>
 
                     <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></p>
+
                     <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>
Line 870: Line 893:
 
<img src="https://static.igem.org/mediawiki/2016/c/c8/T--UMaryland--EliGroban.jpg" >
 
<img src="https://static.igem.org/mediawiki/2016/c/c8/T--UMaryland--EliGroban.jpg" >
 
                     <h4> Dr. Eli Groban </h4>
 
                     <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>
+
                     <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>
Line 992: Line 1,015:
 
     <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');
 
 
             $('#HQ_page').css('display', 'none');
 
             $('#HQ_page').css('display', 'none');
 
             $('#top_menu_under').css('display', 'none');
 
             $('#top_menu_under').css('display', 'none');
Line 1,001: 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');
−
 
−
        $('.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');
 
−
 
 
         // 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')
−
                    $('#img-logo').css('opacity', '1');
+
                        .css('opacity', '1');
−
                     $('#img-igemlogo').css('transition', '.35s ease-in');
+
                     $('#img-igemlogo').css('transition', '.35s ease-in')
−
                    $('#img-igemlogo').css('opacity', '1');
+
                        .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() >= 980) {
+
                         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')
−
                                $('#img-logo').css('opacity', '0');
+
                                    .css('opacity', '0');
−
                                 $('#img-igemlogo').css('transition', '.25s ease');
+
                                 $('#img-igemlogo').css('transition', '.25s ease')
−
                                $('#img-igemlogo').css('opacity', '0');
+
                                    .css('opacity', '0');
 
                                 $('nav ul').removeClass("hover");
 
                                 $('nav ul').removeClass("hover");
 
                                 $('nav').css('transition', '.5s ease');
 
                                 $('nav').css('transition', '.5s ease');
Line 1,053: 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() < 980 || $('nav').hasClass('pushed')) {
+
                        if ($(window).width() < 1090 || $('nav').hasClass('pushed')) {
−
                        $('nav li').css('display', 'none');
+
                            $('nav li').css('display', 'none');
−
                        $('#img-more').css('display', 'block');
+
                            $('#img-more').css('display', 'block');
−
                        $('nav ul').addClass("hover");
+
                            $('nav ul').addClass("hover");
−
                        $('#img-logo').css('transition', '.35s ease-in');
+
                            $('#img-logo').css('transition', '.35s ease-in')
−
                        $('#img-logo').css('opacity', '1');
+
                                .css('opacity', '1');
−
                        $('#img-igemlogo').css('transition', '.35s ease-in');
+
                            $('#img-igemlogo').css('transition', '.35s ease-in')
−
                        $('#img-igemlogo').css('opacity', '1')
+
                                .css('opacity', '1');
−
                    } else {
+
                        }
−
                        $('nav li').css('display', 'inline');
+
                        else {
−
                        $('#img-more').css('display', 'none');
+
                            $('nav li').css('display', 'inline');
−
                        $('nav ul').removeClass("hover");
+
                            $('#img-more').css('display', 'none');
−
                        if ($(window).scrollTop() > 0) {
+
                            $('nav ul').removeClass("hover");
−
                            $('#img-igemlogo').css('transition', '.25s ease');
+
                            if ($(window).scrollTop() > 0) {
−
                            $('#img-igemlogo').css('opacity', '0');
+
                                $('#img-igemlogo').css('transition', '.25s ease')
−
                            $('#img-logo').css('transition', '.25s ease');
+
                                    .css('opacity', '0');
−
                            $('#img-logo').css('opacity', '0');
+
                                $('#img-logo').css('transition', '.25s ease')
−
                            $('nav ul').addClass("scrolled");
+
                                    .css('opacity', '0');
 +
                                $('nav ul').addClass("scrolled");
 +
                            }
 
                         }
 
                         }
 
                     }
 
                     }
−
                }
+
                    // Execute on load
−
                // Execute on load
+
 
                 checkWidth();
 
                 checkWidth();
 
                 // Bind event listener
 
                 // Bind event listener
Line 1,082: 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() >= 980) {
+
             if ($(window).width() >= 1090) {
 
                 var pushed = $('body').hasClass('pushed');
 
                 var pushed = $('body').hasClass('pushed');
 
                 if (pushed == false) {
 
                 if (pushed == false) {
Line 1,093: Line 1,095:
 
                     $('#img-more').css('display', 'none');
 
                     $('#img-more').css('display', 'none');
 
                     $('nav ul').removeClass("hover");
 
                     $('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');
 
 
                 }
 
                 }
 
             }
 
             }
Line 1,102: 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() >= 980) {
+
                 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')
−
                    $('#img-logo').css('opacity', '0');
+
                        .css('opacity', '0');
−
                     $('#img-igemlogo').css('transition', '.25s ease');
+
                     $('#img-igemlogo').css('transition', '.25s ease')
−
                    $('#img-igemlogo').css('opacity', '0');
+
                        .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')
−
                $('#img-logo').css('opacity', '1');
+
                    .css('opacity', '1');
−
                 $('#img-igemlogo').css('transition', '.35s ease-in');
+
                 $('#img-igemlogo').css('transition', '.35s ease-in')
−
                $('#img-igemlogo').css('opacity', '1');
+
                    .css('opacity', '1');
 
             }
 
             }
 
         });
 
         });

Latest revision as of 06:38, 19 October 2016

</div> </div> Engagement

2nd Annual Mid-Atlantic Mini-Jamboree
July 22nd, 2016

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

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

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

Pictures