(Prototype team page) |
Jin Honglei (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | + | ||
<html> | <html> | ||
− | < | + | <head> |
− | < | + | <title>Silver</title> |
− | < | + | <link href="https://2017.igem.org/Team:GZHS-United/CSS/homestyle?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all" /> |
− | < | + | <link href="https://2017.igem.org/Team:GZHS-United/CSS/bootstrapmin?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/> |
− | </ | + | <script type="text/javascript" src="https://2017.igem.org/Team:GZHS-United/JS/jquerymin?action=raw&ctype=text/javascript"></script> |
− | < | + | <script type="text/javascript" src="https://2017.igem.org/Team:GZHS-United/JS/bootstrapmin?action=raw&ctype=text/javascript"></script> |
+ | <style> | ||
+ | #sideMenu, #top_title {display:none;} | ||
+ | #content { padding:0px; width:100%; margin-top:-12px; margin-left:0px;} | ||
+ | .mw-content-ltr ul{margin: 0;} | ||
+ | .slider{margin-top: -12px; margin-bottom: -2px;} | ||
+ | .dropdown_menu { | ||
+ | background:#000; filter:alpha(opacity:30); opacity:0.5; | ||
+ | } | ||
+ | .dropdown_title { | ||
+ | margin:0 10px; | ||
+ | } | ||
+ | #silver_content h1 { | ||
+ | text-align: left; | ||
+ | font-size: 3em; | ||
+ | font-weight: 600; | ||
+ | font-family: 'Roboto Slab', serif; | ||
+ | } | ||
+ | #silver_content h2 { | ||
+ | text-align: left; | ||
+ | font-size: 2.5em; | ||
+ | font-weight: 600; | ||
+ | font-family: 'Roboto Slab', serif; | ||
+ | } | ||
+ | #silver_content p { | ||
+ | text-align: left; | ||
+ | font-size: 1.3em; | ||
+ | font-weight: 500; | ||
+ | font-family: 'Roboto Slab', serif; | ||
+ | } | ||
− | <div class=" | + | </style> |
+ | </head> | ||
+ | <body> | ||
+ | <div class="header-banner" id="head"> | ||
+ | <div class="header-bottom"> | ||
+ | <div class="fixed-header"> | ||
+ | <div class="container"> | ||
+ | <div class="top-menu"> | ||
+ | <span class="menu"><img src="https://static.igem.org/mediawiki/2017/8/83/T--GZHS-United--home_nav.png" alt=""/> </span> | ||
+ | <ul> | ||
+ | <nav class="cl-effect-5"> | ||
+ | <li><a href="https://2017.igem.org/Team:GZHS-United"><span data-hover="HOME">HOME</span></a></li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown" href="#"> | ||
+ | <span data-hover="TEAM">TEAM</span> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu dropdown_menu" role="menu" aria-labelledby="dropdownMenu1"> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Team">Team</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Attributions">Attributions</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Collaborations">Collaborations</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" id="dropdownMenu2" data-toggle="dropdown" href="#"> | ||
+ | <span data-hover="PROJECT">PROJECT</span> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu dropdown_menu" role="menu" aria-labelledby="dropdownMenu2"> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Description">Description</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Design">Design</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Experiments">Experiments</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" id="dropdownMenu3" data-toggle="dropdown" href="#"> | ||
+ | <span data-hover="RESULTS">RESULTS</span> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu dropdown_menu" role="menu" aria-labelledby="dropdownMenu3"> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Results">Results</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Model">Modeling</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Demonstrate">Demonstrate</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="#">Improve</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="#">Contribution</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" id="dropdownMenu4" data-toggle="dropdown" href="#"> | ||
+ | <span data-hover="PARTS">PARTS</span> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu dropdown_menu" role="menu" aria-labelledby="dropdownMenu4"> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Parts">Parts</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" id="dropdownMenu5" data-toggle="dropdown" href="#"> | ||
+ | <span data-hover="NOTEBOOK">NOTEBOOK</span> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu dropdown_menu" role="menu" aria-labelledby="dropdownMenu5"> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Gallery">Gallery</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Timeline">Timeline</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/InterLab">InterLab</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" id="dropdownMenu6" data-toggle="dropdown" href="#"> | ||
+ | <span data-hover="SAFETY">SAFETY</span> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu dropdown_menu" role="menu" aria-labelledby="dropdownMenu6"> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Safety">Safety</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" id="dropdownMenu7" data-toggle="dropdown" href="#"> | ||
+ | <span data-hover="HUMAN_PRACTICE" class="dropdown_title">HUMAN PRACTICE</span> | ||
+ | </a> | ||
+ | <ul class="dropdown-menu dropdown_menu" role="menu" aria-labelledby="dropdownMenu7"> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/HP/Silver">Silver</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/HP/Gold_Integrated">Gold & Integrated</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Engagement">Public Engagement</a> | ||
+ | </li> | ||
+ | <li role="presentation"> | ||
+ | <a role="menuitem" tabindex="-1" href="https://2017.igem.org/Team:GZHS-United/Entrepreneurship">Entrepreneurship</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </nav> | ||
+ | </ul> | ||
+ | <!-- script for menu --> | ||
+ | <!--script-nav--> | ||
+ | <script> | ||
+ | $("span.menu").click(function(){ | ||
+ | $(".top-menu ul").slideToggle("slow" , function(){ | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <!-- //script for menu --> | ||
− | < | + | <!-- script-for sticky-nav --> |
− | < | + | <script> |
− | + | $(document).ready(function() { | |
− | + | var navoffeset=$(".header-bottom").offset().top; | |
− | </div> | + | $(window).scroll(function(){ |
+ | var scrollpos=$(window).scrollTop(); | ||
+ | if(scrollpos >=navoffeset){ | ||
+ | $(".header-bottom").addClass("fixed"); | ||
+ | }else{ | ||
+ | $(".header-bottom").removeClass("fixed"); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | <!-- //script-for sticky-nav --> | ||
+ | </div> | ||
− | + | </div> | |
− | + | </div> | |
− | <div | + | </div> |
− | + | ||
− | + | ||
</div> | </div> | ||
+ | <div class="content" id="silver_content"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <h1>Silver</h1> | ||
+ | <p>Our human practices including mainly two aspects: mosquito eradication and GMO, involving activities like consulting professional experts, survey the public, market research, public education and entrepreneurship. </p> | ||
+ | <h2>Self-improvement</h2> | ||
+ | <p>Since the team members are high school students who have not received systematic training as a biologist at the time we set up the team, in order to make ourselves understand synthetic biology and GMO, we have spent 14 weekends for additional learning, and invited Prof. Jin and Prof. Xu to introduce us the topics and knowledge that we should know. </p> | ||
+ | <h2>Public Engagement and Education</h2> | ||
+ | <p>We have done a variety of public engagement activities and public education throughout the year, and engaged with a diverse range of audiences. We had directed online workshops, offline activities, leaflet distribution, science blog maintenance, teenager education and laboratory open days.</p> | ||
+ | <h2>Professional Bodies</h2> | ||
+ | <p>We have spoken to the Guangzhou Center for Disease Control and Prevention for data related with mosquito density and dengue fever in Guangzhou, then joined their team for a field research in a dengue fever epidemic area. </p> | ||
+ | <h2>Theory of Knowledge</h2> | ||
− | <div | + | </div> |
− | + | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | + | </body> | |
− | + | <script> | |
− | < | + | $(document).ready(function(){ |
− | < | + | dropdownOpen(); |
− | + | function dropdownOpen() { | |
− | + | var $dropdownLi = $('li.dropdown'); | |
− | + | $dropdownLi.mouseover(function() { | |
− | + | $(this).addClass('open'); | |
− | + | }).mouseout(function() { | |
− | + | $(this).removeClass('open'); | |
− | + | }); | |
− | + | } | |
− | + | }); | |
− | + | </script> | |
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | + | ||
− | + | ||
− | + | ||
</html> | </html> |
Revision as of 12:53, 16 October 2017
Silver
Our human practices including mainly two aspects: mosquito eradication and GMO, involving activities like consulting professional experts, survey the public, market research, public education and entrepreneurship.
Self-improvement
Since the team members are high school students who have not received systematic training as a biologist at the time we set up the team, in order to make ourselves understand synthetic biology and GMO, we have spent 14 weekends for additional learning, and invited Prof. Jin and Prof. Xu to introduce us the topics and knowledge that we should know.
Public Engagement and Education
We have done a variety of public engagement activities and public education throughout the year, and engaged with a diverse range of audiences. We had directed online workshops, offline activities, leaflet distribution, science blog maintenance, teenager education and laboratory open days.
Professional Bodies
We have spoken to the Guangzhou Center for Disease Control and Prevention for data related with mosquito density and dengue fever in Guangzhou, then joined their team for a field research in a dengue fever epidemic area.