(Prototype team page) |
|||
(21 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
− | {{ | + | {{Kyoto_Common}} |
<html> | <html> | ||
+ | <style> | ||
− | + | #background{ | |
− | + | position:fixed; | |
− | + | min-width: 1024px; | |
+ | width:100%; | ||
+ | z-index:-1; | ||
+ | } | ||
+ | #background-image{ | ||
+ | width:100%; | ||
+ | } | ||
+ | #topbanner-wrapper{ | ||
+ | min-width:1024px; | ||
+ | position:relative; | ||
+ | } | ||
+ | #topbanner{ | ||
+ | position:absolute; | ||
+ | width: 565px; | ||
+ | height: 105px; | ||
+ | top:0; | ||
+ | bottom:0; | ||
+ | left:0; | ||
+ | right:0; | ||
+ | margin: auto; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2016/0/0c/T--Kyoto--title-22.png); | ||
+ | background-position: center center; | ||
+ | } | ||
+ | #button_wrapper{ | ||
+ | width: 1023px; | ||
+ | height: 186px; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | letter-spacing: -1em; | ||
+ | } | ||
+ | #button_left{ | ||
+ | /*float: left;*/ | ||
+ | display: inline-block; | ||
+ | width:341px; | ||
+ | height: 186px; | ||
+ | letter-spacing: normal; | ||
+ | border: 1px solid #000; | ||
+ | } | ||
+ | #button_center{ | ||
+ | display: inline-block; | ||
+ | width:341px; | ||
+ | height: 186px; | ||
+ | letter-spacing: normal; | ||
+ | border: 1px solid #000; | ||
+ | } | ||
+ | #button_right{ | ||
+ | display: inline-block; | ||
+ | width:341px; | ||
+ | height: 186px; | ||
+ | letter-spacing: normal; | ||
+ | border: 1px solid #000; | ||
+ | } | ||
+ | #contents{ | ||
+ | background-color:#ffffff; | ||
+ | } | ||
+ | p{ | ||
+ | text-indent:2em; | ||
+ | } | ||
+ | </style> | ||
− | <p> | + | <head> |
− | </ | + | <script type="text/javascript"> |
+ | window.onload = function bwWidth(){ | ||
+ | var bw = document.getElementById("topbanner-wrapper"); | ||
+ | var width = Math.max(parseInt(document.documentElement.clientWidth),1024); | ||
+ | var newwidth = width * 397 / 1368 - 72 | ||
+ | bw.style.height = newwidth + "px"; | ||
+ | } | ||
+ | window.onresize = function bwWidth(){ | ||
+ | var bw = document.getElementById("topbanner-wrapper"); | ||
+ | var width = Math.max(parseInt(document.documentElement.clientWidth),1024); | ||
+ | var newwidth = width * 397 / 1368 - 72 | ||
+ | bw.style.height = newwidth + "px"; | ||
+ | } | ||
+ | </script> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div id="background"> | ||
+ | <img id="background-image" src="https://static.igem.org/mediawiki/2016/b/b0/T--Kyoto--pagephoto-07.png"> | ||
+ | </div> | ||
+ | <div id="header"> | ||
+ | <div id="nav-wrapper"> | ||
+ | <div class="nav"> | ||
+ | <ul class="nv"> | ||
+ | <li id ="nv0" style="width:56px"><a href="https://2016.igem.org/Team:Kyoto"></a></li> | ||
+ | <li id ="nv1"> | ||
+ | <a></a> | ||
+ | <ul> | ||
+ | <li id="nv11"><a href="https://2016.igem.org/Team:Kyoto/Description"></a></li> | ||
+ | <li id="nv12"><a href="https://2016.igem.org/Team:Kyoto/Proof"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id ="nv2"> | ||
+ | <a></a> | ||
+ | <ul> | ||
+ | <li id="nv21"><a href="https://2016.igem.org/Team:Kyoto/Software"></a></li> | ||
+ | <li id="nv22"><a href="https://2016.igem.org/Team:Kyoto/Collaborations"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id ="nv3"><a href="https://2016.igem.org/Team:Kyoto/Achievements"></a></li> | ||
+ | <li id ="nv4"><a href="https://2016.igem.org/Team:Kyoto/Experiments"></a></li> | ||
+ | <li id ="nv5"> | ||
+ | <a></a> | ||
+ | <ul> | ||
+ | <li id="nv51"><a href="https://2016.igem.org/Team:Kyoto/Integrated_Practices"></a></li> | ||
+ | <li id="nv52"><a href="https://2016.igem.org/Team:Kyoto/HP/Silver"></a></li> | ||
+ | <li id="nv53"><a href="https://2016.igem.org/Team:Kyoto/HP/Gold"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id ="nv6"><a href="https://2016.igem.org/Team:Kyoto/Notebook"></a></li> | ||
+ | <li id ="nv7"> | ||
+ | <a></a> | ||
+ | <ul> | ||
+ | <li id="nv71"><a href="https://2016.igem.org/Team:Kyoto/Team"></a></li> | ||
+ | <li id="nv72"><a href="https://2016.igem.org/Team:Kyoto/Attributions"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li id ="nv8"><a href="https://2016.igem.org/Team:Kyoto/Safety"></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="topbanner-wrapper"> | ||
+ | <div id="topbanner"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="contents-wrapper"> | ||
+ | <div id="contents"> | ||
+ | <div> | ||
+ | <h1>HP/Silver</h1> | ||
+ | <p>As one of the biggest obstacles synthetic biologists face outside of labs, we focused on improving public perceptions on genetic engineering. In order to engage this problem, we introduced our iGEM project to the general public in various events, as listed below.</p> | ||
+ | <br> | ||
+ | <ul id="hp"> | ||
+ | <li>1-1 Engaging the general public | ||
+ | <ul id="hp2"> | ||
+ | <li>November Festival at Kyoto University 11/20/2015-11/24/2015</li> | ||
+ | <li>May Festival at University of Tokyo 05/15/2016-05/16/2016</li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li>1-2 Engaging scientists | ||
+ | <ul id="hp2"> | ||
+ | <li>The 88th annual meetings of the Genetics Society of Japan 09/08/2016</li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li>1-3 Public Relations | ||
+ | <ul id="hp2"> | ||
+ | <li><a href="http://www.kikin.kyoto-u.ac.jp/spec/2015/01.html">SPEC(Student Projects for Enhancing Creativity)</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <br> | ||
+ | <p>Through these activities, iGEMKyoto engaged in science communication with the general public. We were shocked to learn how unrecognized iGEM and synthetic biology were to the general public. Thus, we have attempted to improve its recognition through multiple channel. These activities fulfill SILVER criteria.</p> | ||
+ | <br> | ||
+ | <p>For more information, visit <a href="https://2016.igem.org/Team:Kyoto/Integrated_Practices">activities</a></p> | ||
− | + | </div> | |
− | <div | + | </div> |
− | + | </div> | |
− | < | + | <div id="footer"> |
− | < | + | <div id="footer_logos"> |
− | < | + | <img src="https://static.igem.org/mediawiki/2016/e/e6/T--Kyoto--Footer-24.png" width="874" height="95"> |
− | </div> | + | </div> |
− | + | <div id="footer_contact"> | |
+ | <img src="https://static.igem.org/mediawiki/2016/e/ec/T--Kyoto--Footer-25.png"> | ||
+ | </div> | ||
+ | <div id="footer_social"> | ||
+ | <a href="mailto:igemkyoto@gmail.com"><img src="https://static.igem.org/mediawiki/2016/2/28/T--Kyoto--Footer-28.png"></a> | ||
+ | <a href="https://twitter.com/igemkyoto"><img src="https://static.igem.org/mediawiki/2016/8/82/T--Kyoto--Footer-26.png"></a> | ||
+ | <a href="https://www.facebook.com/IgemKyoto/"><img src="https://static.igem.org/mediawiki/2016/a/a3/T--Kyoto--Footer-27.png"></a> | ||
+ | </div> | ||
+ | </div> | ||
</html> | </html> |
Latest revision as of 01:47, 20 October 2016
HP/Silver
As one of the biggest obstacles synthetic biologists face outside of labs, we focused on improving public perceptions on genetic engineering. In order to engage this problem, we introduced our iGEM project to the general public in various events, as listed below.
- 1-1 Engaging the general public
- November Festival at Kyoto University 11/20/2015-11/24/2015
- May Festival at University of Tokyo 05/15/2016-05/16/2016
- 1-2 Engaging scientists
- The 88th annual meetings of the Genetics Society of Japan 09/08/2016
- 1-3 Public Relations
Through these activities, iGEMKyoto engaged in science communication with the general public. We were shocked to learn how unrecognized iGEM and synthetic biology were to the general public. Thus, we have attempted to improve its recognition through multiple channel. These activities fulfill SILVER criteria.
For more information, visit activities