Difference between revisions of "Team:CityU HK/Practices"
(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | {{CityU_HK}} | + | {{:Team:CityU_HK/Template/Meun}} |
+ | |||
<html> | <html> | ||
+ | <head> | ||
+ | <title>Human Practices - iGEM2015 wiki</title> | ||
− | |||
− | < | + | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> |
− | < | + | <meta name="viewport" content="width=device-width, initial-scale=1.0"/> |
− | + | ||
− | < | + | |
− | + | <link rel="stylesheet" type="text/css" href="http://cdn2.editmysite.com/css/sites.css?buildTime=1234" /> | |
− | + | <link rel="stylesheet" type="text/css" href="http://cdn1.editmysite.com/editor/libraries/fancybox/fancybox.css?1234" /> | |
− | + | <link rel="stylesheet" type="text/css" href="http://cdn2.editmysite.com/css/social-icons.css?buildtime=1234" media="screen,projection" /> | |
− | + | <link rel="stylesheet" type="text/css" href="files/main_style.css?1441875175" title="wsite-theme-css" /> | |
− | + | <link href='http://fonts.googleapis.com/css?family=Lato:400,300,300italic,700,400italic,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css' /> | |
− | + | <link href='http://fonts.googleapis.com/css?family=Fjalla+One&subset=latin,latin-ext' rel='stylesheet' type='text/css' /> | |
− | + | ||
− | </ | + | |
− | </ | + | |
+ | <style type='text/css'> | ||
+ | .wsite-elements.wsite-not-footer div.paragraph, .wsite-elements.wsite-not-footer p, .wsite-elements.wsite-not-footer .product-block .product-title, .wsite-elements.wsite-not-footer .product-description, .wsite-elements.wsite-not-footer .wsite-form-field label, .wsite-elements.wsite-not-footer .wsite-form-field label, #wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {font-size:13px !important;} | ||
+ | #wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {} | ||
+ | .wsite-elements.wsite-footer div.paragraph, .wsite-elements.wsite-footer p, .wsite-elements.wsite-footer .product-block .product-title, .wsite-elements.wsite-footer .product-description, .wsite-elements.wsite-footer .wsite-form-field label, .wsite-elements.wsite-footer .wsite-form-field label{} | ||
+ | .wsite-elements.wsite-not-footer h2, .wsite-elements.wsite-not-footer .product-long .product-title, .wsite-elements.wsite-not-footer .product-large .product-title, .wsite-elements.wsite-not-footer .product-small .product-title, #wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {} | ||
+ | #wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {} | ||
+ | .wsite-elements.wsite-footer h2, .wsite-elements.wsite-footer .product-long .product-title, .wsite-elements.wsite-footer .product-large .product-title, .wsite-elements.wsite-footer .product-small .product-title{} | ||
+ | #wsite-title {} | ||
+ | .wsite-menu-default a {} | ||
+ | .wsite-menu a {} | ||
+ | .wsite-image div, .wsite-caption {} | ||
+ | .galleryCaptionInnerText {font-size:13px !important;} | ||
+ | .fancybox-title {} | ||
+ | .wslide-caption-text {} | ||
+ | .wsite-phone {} | ||
+ | .wsite-headline {} | ||
+ | .wsite-headline-paragraph {} | ||
+ | .wsite-button-inner {} | ||
+ | .wsite-not-footer blockquote {} | ||
+ | .wsite-footer blockquote {} | ||
+ | .blog-header h2 a {} | ||
+ | #wsite-content h2.wsite-product-title {} | ||
+ | .wsite-product .wsite-product-price a {} | ||
+ | </style> | ||
+ | <style> | ||
+ | .wsite-background {background-image: url('https://static.igem.org/mediawiki/2015/5/57/2015CityU_HK_hpBanner.jpg') !important;background-repeat: no-repeat !important;background-position: 50% 0% !important;background-size: 100% !important;background-color: transparent !important;} | ||
+ | body.wsite-background {background-attachment: fixed !important;}.wsite-background.wsite-custom-background{ background-size: cover !important} | ||
+ | </style> | ||
+ | <script><!-- | ||
+ | var STATIC_BASE = '//cdn1.editmysite.com/'; | ||
+ | var STYLE_PREFIX = 'wsite'; | ||
+ | //--> | ||
+ | </script> | ||
+ | <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script> | ||
− | < | + | <script src="http://cdn2.editmysite.com/js/site/main.js?buildTime=1234"></script><script type="text/javascript">_W.configDomain = "www.weebly.com";</script><script type="text/javascript" src="http://cdn2.editmysite.com/js/lang/en/ftl.js?buildTime=1234"></script><script>_W.relinquish && _W.relinquish()</script> |
− | < | + | <script> _W.themeOptions = [];</script><script type="text/javascript"><!-- |
− | < | + | var IS_ARCHIVE = 1; |
− | < | + | |
− | < | + | (function(jQuery){ |
− | < | + | function initFlyouts(){ |
− | <li> | + | initPublishedFlyoutMenus( |
− | < | + | [{"id":"125179881719007230","title":"Home","url":"index.html","target":""},{"id":"117564151509922601","title":"Team","url":"team.html","target":""},{"id":"392475496104510282","title":"Project","url":"project.html","target":""},{"id":"719611068520302903","title":"Characterisation","url":"characterisation.html","target":""},{"id":"375771293147075277","title":"Attributions","url":"attributions.html","target":""},{"id":"595526209520916103","title":"Human Practices1","url":"human-practices1.html","target":""},{"id":"290391284397012185","title":"Collaboration","url":"collaboration.html","target":""},{"id":"863315470447303768","title":"Human Practices","url":"human-practices.html","target":""}], |
− | < | + | "863315470447303768", |
− | <li> | + | "<li class=\"wsite-menu-item-wrap\"><a href=\"#\"class=\"wsite-menu-item\">{{title}}<\/a><\/li>", |
− | < | + | 'active', |
− | < | + | false, |
− | < | + | {"navigation\/flyout\/list":"{{!\n\tNOTES:\n\t- \"wsite-menu-wrap\" required on submenu wrapper\n\t- \"wsite-menu\" required on submenu element\n}}\n\n<div class=\"wsite-menu-wrap\" style=\"display:none\">\n\t<ul class=\"wsite-menu\">\n\t\t{{#children}}{{> navigation\/flyout\/item}}{{\/children}}\n\t<\/ul>\n<\/div>\n","navigation\/flyout\/item":"{{!\n\tNOTES:\n\t- an id and \"wsite-menu-subitem-wrap\" class are required on the item wrap\n\t- a \"wsite-menu-subitem\" class is required on the item link\n}}\n\n<li {{#id}}id=\"{{id}}\"{{\/id}}\n\tclass=\"wsite-menu-subitem-wrap {{#is_current}}wsite-nav-current{{\/is_current}}\"\n\t>\n\t<a href=\"{{url}}\"\n\t\t{{#target}}target=\"{{target}}\"{{\/target}}\n\t\tclass=\"wsite-menu-subitem\"\n\t\t>\n\t\t<span class=\"wsite-menu-title\">\n\t\t\t{{{title_html}}}\n\t\t<\/span>{{#has_children}}<span class=\"wsite-menu-arrow\">><\/span>{{\/has_children}}\n\t<\/a>\n\t{{#has_children}}{{> navigation\/flyout\/list}}{{\/has_children}}\n<\/li>\n"}, |
− | < | + | {} |
− | </ | + | ) |
+ | } | ||
+ | if (jQuery) { | ||
+ | jQuery(document).ready(function() { jQuery(initFlyouts); }); | ||
+ | }else{ | ||
+ | if (Prototype.Browser.IE) window.onload = initFlyouts; | ||
+ | else document.observe('dom:loaded', initFlyouts); | ||
+ | } | ||
+ | })(window._W && _W.jQuery) | ||
+ | //--> | ||
+ | </script> | ||
+ | |||
+ | </head> | ||
+ | <body class="short-header-page wsite-page-human-practices"><input type="checkbox" id="navTrigger" /> | ||
− | < | + | <div class="wrapper"> |
− | < | + | <div class="paris-header"> |
+ | <div class="container"> | ||
+ | <label for="navTrigger" class="nav-trigger hamburger"><span></span></label> | ||
+ | <div class="logo"><span class="wsite-logo"> | ||
+ | <a href=""> | ||
+ | <img src="uploads/5/7/0/0/57008745/1440564635.png" /> | ||
+ | </a> | ||
− | + | </span></div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | < | + | </div><!-- end .container --> |
+ | </div><!-- end .header --> | ||
+ | |||
+ | <div class="banner-wrap wsite-background wsite-custom-background"> | ||
+ | <div class="container"> | ||
+ | <div class="banner"> | ||
+ | <h2><span class="wsite-text wsite-headline"> | ||
+ | Human practice | ||
+ | </span></h2> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | < | + | <div class="main-wrap"> |
+ | <div class="container"> | ||
+ | <div class="content-wrap"><div id='wsite-content' class='wsite-elements wsite-not-footer'> | ||
+ | <div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -20px;"> | ||
+ | <table class="wsite-multicol-table"> | ||
+ | <tbody class="wsite-multicol-tbody"> | ||
+ | <tr class="wsite-multicol-tr"> | ||
+ | <td class="wsite-multicol-col" style="width:42%; padding:0 20px;"> | ||
+ | |||
+ | |||
− | < | + | <div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> |
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/7/71/2015CityU_HK_twins.png" alt="Twins" style="width:363;max-width:100%" /> | ||
+ | </a> | ||
+ | <div style="display:block;font-size:90%"></div> | ||
+ | </div></div> | ||
− | |||
+ | |||
+ | </td> <td class="wsite-multicol-col" style="width:58%; padding:0 20px;"> | ||
+ | |||
+ | |||
+ | |||
+ | <h2 class="wsite-content-title" style="text-align:left;">Purpose</h2> | ||
+ | |||
+ | <div class="paragraph" style="text-align:left;"><font size="3"><span style="line-height: 1.5em; background-color: transparent;">Over the past few decades, synthetic biology has undoubtedly progressed rapidly to become an essential part of our life. Despite its increasing importance, many have not had the chance to understand it thoroughly, resulting in many misconceptions among the public. Due to unfamiliarity, fear and the lack of knowledge, he society are some major obstacles that deter the advancement of synthetic biology.</span></font><br /><font size="3"><span style="line-height: 24px;"><br /></span><span "font-size:11.0pt;font-family:"arial",sans-serif;mso-fareast-font-family:="" 宋体;color:black;mso-font-kerning:0pt"="" style="">CityU iGEM team is part of the rapidly growing iGEM and synthetic biology community. Thus, it is our responsibility to increase the awareness of people to this emerging field and its applications</span></font><br /><font size="3"><br /><span "font-size:11.0pt;font-family:"arial",sans-serif;mso-fareast-font-family:="" 宋体;color:black;mso-font-kerning:0pt"="" style="">Our aim for this outreach is to engage and educate our local community. We aim to spread the positive message of synthetic biology to the general public. Through our outreach program, we would like to rectify the public’s misconceptions about the harmfulness of genetically modifies organisms (GMOs) while giving them a positive image of synthetic biology.</span></font><br /><font size="3"><br /><span "font-size:11.0pt;font-family:"arial",sans-serif;mso-fareast-font-family:="" 宋体;color:red;mso-font-kerning:0pt"="" style="">In order to accomplish what we have set forth to do, we have seriously considered different approaches through which we can build the bridge between synthetic biology and the society.</span></font><br /></div> | ||
+ | |||
+ | |||
+ | |||
+ | </td> </tr> | ||
+ | </tbody> | ||
+ | </table> | ||
+ | </div></div></div> | ||
+ | |||
+ | <h2 class="wsite-content-title" style="text-align:left;">What have we accomplished?</h2> | ||
+ | |||
+ | <div class="paragraph" style="text-align:left;"><ul style=""><li style=""><font size="3"><span style="">Made synthetic biology approachable and apprehensible</span><br /></font></li><li style=""><font size="3"><span style="">Held exhibition and visits to high schools</span><br /></font></li><li style=""><font size="3"><span style="">Engaged the community in the game of synthetic biolog</span><span style="">y</span></font></li></ul></div> | ||
+ | |||
+ | <div><div style="height: 40px; overflow: hidden; width: 100%;"></div> | ||
+ | <hr class="styled-hr" style="width:100%;"></hr> | ||
+ | <div style="height: 40px; overflow: hidden; width: 100%;"></div></div> | ||
+ | |||
+ | <div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -25px;"> | ||
+ | <table class="wsite-multicol-table"> | ||
+ | <tbody class="wsite-multicol-tbody"> | ||
+ | <tr class="wsite-multicol-tr"> | ||
+ | <td class="wsite-multicol-col" style="width:33.333333333333%; padding:0 25px;"> | ||
+ | |||
+ | |||
+ | |||
+ | <div><div class="wsite-image wsite-image-border-border-width:0 " style="padding-top:10px;padding-bottom:0;margin-left:0;margin-right:0;text-align:right"> | ||
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/1/1d/2015CityU_HK_schoolTalk.jpg" alt="School visit" style="width:auto;max-width:100%" /> | ||
+ | </a> | ||
+ | <div style="display:block;font-size:90%"></div> | ||
+ | </div></div> | ||
+ | |||
+ | <h2 class="wsite-content-title" style="text-align:center;"><font style="font-weight: normal;" size="5">School Visits</font></h2> | ||
+ | |||
+ | <div class="paragraph" style="text-align:center;"><font size="3"><span "font-size:11.0pt;font-family:"arial",sans-serif;="" mso-fareast-font-family:宋体;color:black;mso-font-kerning:0pt"="" style=""> This summer, CityU iGEM team had the opportunity to visit different high schools. </span><span "font-size:11.0pt;font-family:"arial",sans-serif;="" mso-fareast-font-family:宋体;color:black;mso-font-kerning:0pt"="" style="">Students were engaged in an interactive yet informative module designed by the team in an attempt to increase public awareness about synthetic biology. </span></font><br /></div> | ||
+ | |||
+ | <div style="text-align:center;"><div style="height: 20px; overflow: hidden;"></div> | ||
+ | <a class="wsite-button wsite-button-small wsite-button-highlight" href="https://2015.igem.org/Team:CityU_HK/Schoolvisit" > | ||
+ | <span class="wsite-button-inner">take a tour</span> | ||
+ | </a> | ||
+ | <div style="height: 10px; overflow: hidden;"></div></div> | ||
+ | |||
+ | <div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:right"> | ||
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/d/dc/2015CityU_HK_survey.png" alt="Survey" style="width:100%;max-width:464px" /> | ||
+ | </a> | ||
+ | <div style="display:block;font-size:90%"></div> | ||
+ | </div></div> | ||
+ | |||
+ | <h2 class="wsite-content-title" style="text-align:center;"><font style="font-weight: normal;" size="5">Survey</font></h2> | ||
+ | |||
+ | <div class="paragraph" style="text-align:left;"><span "font-size:11.0pt;font-family:"arial",sans-serif;mso-fareast-font-family:="" 宋体;color:black;mso-font-kerning:0pt"="" style=""><font size="3">CityU iGEM team is aware of the controversial nature of our project and concerns people may have with the use of Genetically-Modified Organisms (GMOs). Owing to this, the team has put together a survey to gather the viewpoints from the general public with regards to issues on bioethics and bio-safety etc.</font></span><br /></div> | ||
+ | |||
+ | <div style="text-align:center;"><div style="height: 20px; overflow: hidden;"></div> | ||
+ | <a class="wsite-button wsite-button-small wsite-button-highlight" href="https://2015.igem.org/Team:CityU_HK/Survey" > | ||
+ | <span class="wsite-button-inner">learn more</span> | ||
+ | </a> | ||
+ | <div style="height: 10px; overflow: hidden;"></div></div> | ||
+ | |||
+ | |||
+ | |||
+ | </td> <td class="wsite-multicol-col" style="width:33.333333333333%; padding:0 25px;"> | ||
+ | |||
+ | |||
+ | |||
+ | <div><div class="wsite-image wsite-image-border-border-width:0 " style="padding-top:10px;padding-bottom:0;margin-left:0;margin-right:0;text-align:left"> | ||
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/7/79/2015CityU_HK_exhibition.jpg" alt="exhibition" style="width:auto;max-width:100%" /> | ||
+ | </a> | ||
+ | <div style="display:block;font-size:90%"></div> | ||
+ | </div></div> | ||
+ | |||
+ | <h2 class="wsite-content-title" style="text-align:center;"><span style="font-weight: normal;"><font size="5">Exhibition</font></span></h2> | ||
+ | |||
+ | <div class="paragraph" style="text-align:center;"><span "font-size:11.0pt;font-family:"arial",sans-serif;="" mso-fareast-font-family:宋体;color:black;mso-font-kerning:0pt;mso-ansi-language:="" en-us;mso-fareast-language:zh-cn;mso-bidi-language:ar-sa"="" style=""><font size="3">This exhibition was aimed at introducing the public to synthetic biology and its applications. We had many inquisitive visitors to our exhibition. We believe we were able to bring attention to the importance of this rapidly developing area of science.</font></span><br /></div> | ||
+ | |||
+ | <div style="text-align:center;"><div style="height: 20px; overflow: hidden;"></div> | ||
+ | <a class="wsite-button wsite-button-small wsite-button-highlight" href="https://2015.igem.org/Team:CityU_HK/Exhibition" > | ||
+ | <span class="wsite-button-inner">take a tour</span> | ||
+ | </a> | ||
+ | <div style="height: 10px; overflow: hidden;"></div></div> | ||
+ | |||
+ | <div><div class="wsite-image wsite-image-border-border-width:0 " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:right"> | ||
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/8/83/2015CityU_HK_socialNet.png" alt="Social media" style="width:auto;max-width:100%" /> | ||
+ | </a> | ||
+ | <div style="display:block;font-size:90%"></div> | ||
+ | </div></div> | ||
+ | |||
+ | <h2 class="wsite-content-title" style="text-align:center;"><font style="font-weight: normal;" size="5">Social Media</font></h2> | ||
+ | |||
+ | <div class="paragraph" style="text-align:left;"><span "font-size:11.0pt;font-family:"arial",sans-serif;mso-fareast-font-family:="" 宋体;color:black;mso-font-kerning:0pt"="" style=""> <font size="3">The Internet is an ideal platform to spread messages around due to its accessibility and convenience. </font></span><span "font-size:11.0pt;font-family:"arial",sans-serif;="" mso-fareast-font-family:宋体;color:black;mso-font-kerning:0pt;mso-ansi-language:="" en-us;mso-fareast-language:zh-cn;mso-bidi-language:ar-sa"="" style=""><font size="3">On our page, we have published write-ups which include updates of our project, captivating articles related to synthetic biology, events that were held and our team member profiles.</font></span></div> | ||
+ | |||
+ | <div style="text-align:center;"><div style="height: 20px; overflow: hidden;"></div> | ||
+ | <a class="wsite-button wsite-button-small wsite-button-highlight" href="https://www.facebook.com/CityU-HK-IGEM-2015-430624623784629/timeline/" > | ||
+ | <span class="wsite-button-inner">Follow us</span> | ||
+ | </a> | ||
+ | <div style="height: 10px; overflow: hidden;"></div></div> | ||
+ | |||
+ | |||
+ | |||
+ | </td> <td class="wsite-multicol-col" style="width:33.333333333333%; padding:0 25px;"> | ||
+ | |||
+ | |||
+ | |||
+ | <div><div class="wsite-image wsite-image-border-border-width:0 " style="padding-top:10px;padding-bottom:0;margin-left:0;margin-right:0;text-align:right"> | ||
+ | <a> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/7/7c/2015CityU_HK_game.png" alt="Game" style="width:auto;max-width:100%" /> | ||
+ | </a> | ||
+ | <div style="display:block;font-size:90%"></div> | ||
+ | </div></div> | ||
+ | |||
+ | <h2 class="wsite-content-title" style="text-align:center;"><span style="font-weight: normal;"><font size="5">Game: Build you own Biobrick</font></span></h2> | ||
+ | |||
+ | <div class="paragraph" style="text-align:center;"><font size="3">We have designed an interactive game to engage the community in the world of synthetic biology.<span style="">The goal of this game is to allow the general public to get a taste of constructing bacteria with desired functions. </span></font></div> | ||
+ | |||
+ | <div style="text-align:center;"><div style="height: 20px; overflow: hidden;"></div> | ||
+ | <a class="wsite-button wsite-button-small wsite-button-highlight" href="https://2015.igem.org/Team:CityU_HK/Game" > | ||
+ | <span class="wsite-button-inner">know the game</span> | ||
+ | </a> | ||
+ | <div style="height: 10px; overflow: hidden;"></div></div> | ||
+ | |||
+ | |||
+ | |||
+ | </td> </tr> | ||
+ | </tbody> | ||
+ | </table> | ||
+ | </div></div></div></div> | ||
</div> | </div> | ||
+ | </div><!-- end container --> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <script type="text/javascript" src="files/theme/plugins.js"></script> | ||
+ | <script type="text/javascript" src="files/theme/custom.js"></script> | ||
+ | |||
+ | |||
+ | |||
+ | </body> | ||
</html> | </html> | ||
+ | |||
+ | |||
+ | {{:Team:CityU_HK/Template/css}} | ||
+ | {{:Team:CityU_HK/Template/Footer}} |
Revision as of 10:03, 13 September 2015