(9 intermediate revisions by 2 users not shown) | |||
Line 7: | Line 7: | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<link rel="stylesheet" href="main.css"> | <link rel="stylesheet" href="main.css"> | ||
− | |||
<style> | <style> | ||
− | body,h1,h2,h3,h4,h5 {font-family: " | + | body,h1,h2,h3,h4,h5 {font-family: "Arial", sans-serif} |
body {font-size:16px;} | body {font-size:16px;} | ||
.w3-half img{margin-bottom:-6px;margin-top:16px;opacity:0.8;cursor:pointer} | .w3-half img{margin-bottom:-6px;margin-top:16px;opacity:0.8;cursor:pointer} | ||
Line 15: | Line 14: | ||
</style> | </style> | ||
<body> | <body> | ||
+ | |||
+ | <div id="loader-bg"> | ||
+ | <div id="loader"> | ||
+ | <div class="photo-show"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/f/f4/T--TokyoTech--load_1.png" width="600"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/4/43/T--TokyoTech--load_2.png" width="600"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
<!-- Sidebar/menu --> | <!-- Sidebar/menu --> | ||
<nav class="w3-sidebar w3-red w3-collapse w3-top w3-large w3-padding" style="z-index:3;width:300px;font-weight:bold;" id="mySidebar"><br> | <nav class="w3-sidebar w3-red w3-collapse w3-top w3-large w3-padding" style="z-index:3;width:300px;font-weight:bold;" id="mySidebar"><br> | ||
<a href="javascript:void(0)" onclick="w3_close()" class="w3-button w3-hide-large w3-display-topleft" style="width:100%;font-size:20px">Close Menu</a> | <a href="javascript:void(0)" onclick="w3_close()" class="w3-button w3-hide-large w3-display-topleft" style="width:100%;font-size:20px">Close Menu</a> | ||
− | <div class="w3-container" style="margin-top: 20px;margin-bottom: 25px"> | + | <div class="w3-container" style="margin-top: 20px;margin-bottom: 25px" id="wrap"> |
<img src="https://static.igem.org/mediawiki/2017/a/a8/T--TokyoTech--logo_white_bright_10211603.png" style="width: 100%"> | <img src="https://static.igem.org/mediawiki/2017/a/a8/T--TokyoTech--logo_white_bright_10211603.png" style="width: 100%"> | ||
</div> | </div> | ||
− | <div style="padding-top: 15px; padding-left: 25px;"> | + | <div style="padding-top: 15px; padding-left: 25px; id="wrap"> |
<div id="contents" style="z-index: 10"> | <div id="contents" style="z-index: 10"> | ||
Line 50: | Line 58: | ||
<label for="vmcb-d"><a>Experiment</a></label> | <label for="vmcb-d"><a>Experiment</a></label> | ||
<ul> | <ul> | ||
+ | |||
<li> | <li> | ||
<input type="checkbox" id="vmcb-d1" /> | <input type="checkbox" id="vmcb-d1" /> | ||
− | + | <label for="vmcb-d1"><a href="https://2017.igem.org/Team:TokyoTech/Experiment/Overview" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white" style="text-align: center;">Overview</a></label> | |
+ | </li> | ||
+ | |||
+ | <li style="padding-bottom: 10px; padding-top: 5px"> | ||
+ | <input type="checkbox" id="vmcb-d2" /> | ||
+ | <label for="vmcb-d2"><a style="text-align: center;">Bacteria to <br>Human Cells ▼</a></label> | ||
<ul> | <ul> | ||
<li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Experiment/TraI_Assay" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">TraI Assay</a></li> | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Experiment/TraI_Assay" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">TraI Assay</a></li> | ||
− | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Experiment/TraI_Improvement" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">TraI <br> | + | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Experiment/TraI_Improvement" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">TraI Improvement <br>Assay</a></li> |
− | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Experiment/TraR_Reporter_Assay" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white" >TraR Reporter <br> Assay</a></li> | + | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Experiment/TraR_Reporter_Assay" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white" >TraR Reporter <br>Assay</a></li> |
− | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Experiment/Transcriptome_Analysis" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Transcriptome <br> Analysis | + | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Experiment/Transcriptome_Analysis" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Transcriptome <br>Analysis</a></li> |
− | + | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Experiment/Chimeric_Transcription_Factor" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Chimeric <br> Transcription <br> Factor Assay</a></li> | |
− | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Experiment/Chimeric_Transcription_Factor" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Chimeric <br> Transcription <br> Factor</a></li> | + | |
</ul> | </ul> | ||
</li> | </li> | ||
− | <li><input type="checkbox" id="vmcb- | + | |
− | <label for="vmcb- | + | <li style="padding-bottom: 3px"> |
+ | <input type="checkbox" id="vmcb-d3" /> | ||
+ | <label for="vmcb-d3"><a style="text-align: center;">Human Cells to <br>Bacteria ▼</a></label> | ||
<ul> | <ul> | ||
<li><a href="https://2017.igem.org/Team:TokyoTech/Experiment/AHK4_Assay" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">AHK4 Assay</a></li> | <li><a href="https://2017.igem.org/Team:TokyoTech/Experiment/AHK4_Assay" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">AHK4 Assay</a></li> | ||
</ul> | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <input type="checkbox" id="vmcb-d4" /> | ||
+ | <label for="vmcb-d4"><a href="https://2017.igem.org/Team:TokyoTech/InterLab" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white" style="text-align: center;">InterLab</a></label> | ||
</li> | </li> | ||
</ul> | </ul> | ||
Line 83: | Line 103: | ||
<li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/HP" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Overview</a></li> | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/HP" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Overview</a></li> | ||
<li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/HP/Silver" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Silver</a></li> | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/HP/Silver" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Silver</a></li> | ||
− | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/HP/Gold_Integrated" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Integrated < | + | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/HP/Gold_Integrated" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Gold (Integrated)</a></li> |
+ | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Demonstrate" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Demonstrate</a></li> | ||
<li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Collaborations" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Collaborations</a></li> | <li style="text-align: center;"><a href="https://2017.igem.org/Team:TokyoTech/Collaborations" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Collaborations</a></li> | ||
</ul> | </ul> | ||
Line 102: | Line 123: | ||
</div> | </div> | ||
</nav> | </nav> | ||
+ | |||
<!-- Top menu on small screens --> | <!-- Top menu on small screens --> | ||
<header class="w3-container w3-top w3-hide-large w3-red w3-xlarge w3-padding"> | <header class="w3-container w3-top w3-hide-large w3-red w3-xlarge w3-padding"> | ||
Line 119: | Line 141: | ||
<hr> | <hr> | ||
− | <p style="font-size: | + | <p style="font-size: 18px; padding-bottom: 10px"> |
− | 1) Organizing a symposium about synthetic biology for the pubilc | + | <b>1) Organizing a symposium about synthetic biology for the pubilc</b> |
</p> | </p> | ||
Line 137: | Line 159: | ||
</p> | </p> | ||
− | + | <div class="w3-xxxlarge" style="padding-bottom: 5px;text-align: center"> | |
− | + | ||
− | <div class="w3-xxxlarge" style="padding-bottom: | + | |
<figure> | <figure> | ||
− | <img src="https://static.igem.org/mediawiki/2017/e/eb/T--TokyoTech--symposium1.jpg" style="max-width: | + | <img src="https://static.igem.org/mediawiki/2017/e/eb/T--TokyoTech--symposium1.jpg" style="max-width:75%"> |
− | <figcaption style="font-size: 16px">Fig. Panel Discussion by experts</figcaption> | + | <figcaption style="font-size: 16px">Fig. 1 Panel Discussion by experts</figcaption> |
</figure> | </figure> | ||
</div> | </div> | ||
− | <div class="w3-xxxlarge" style="padding-bottom: | + | <div class="w3-xxxlarge" style="padding-bottom: 5px;text-align: center"> |
<figure> | <figure> | ||
− | <img src="https:// | + | <img src="https://static.igem.org/mediawiki/2017/7/76/T--TokyoTech--symposium_poster.png" style="max-width:75%"> |
− | <figcaption style="font-size: 16px">Fig. Poster of symposium</figcaption> | + | <figcaption style="font-size: 16px">Fig. 2 Poster of symposium</figcaption> |
</figure> | </figure> | ||
</div> | </div> | ||
− | |||
− | |||
<hr> | <hr> | ||
− | <p style="font-size: | + | <p style="font-size: 18px; padding-bottom: 10px"> |
− | 2) Giving lectures about biosafety at local high schools | + | <b>2) Giving lectures about biosafety at local high schools</b> |
</p> | </p> | ||
Line 175: | Line 193: | ||
<br> | <br> | ||
− | <div class="w3-xxxlarge" style="padding-bottom | + | <div class="w3-xxxlarge" style="padding-bottom: 10px;text-align: center"> |
<figure> | <figure> | ||
− | <img src="https://static.igem.org/mediawiki/2017/1/1c/T--TokyoTech--demae_results_r.png" style="max-width: | + | <img src="https://static.igem.org/mediawiki/2017/4/42/T--TokyoTech--demae.JPG" style="max-width:75%"> |
− | <figcaption style="font-size: 16px">Fig. Results of questionnaire from participants</figcaption> | + | <figcaption style="font-size: 16px">Fig. 3 Group work and presentation by participants (At Kasukabe High School)</figcaption> |
+ | </figure> | ||
+ | </div> | ||
+ | |||
+ | <div class="w3-xxxlarge" style="padding-top: 10px;text-align: center"> | ||
+ | <figure> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/1/1c/T--TokyoTech--demae_results_r.png" style="max-width:75%"> | ||
+ | <figcaption style="font-size: 16px">Fig. 4 Results of questionnaire from participants</figcaption> | ||
</figure> | </figure> | ||
</div> | </div> | ||
Line 185: | Line 210: | ||
− | <p style="font-size: | + | <p style="font-size: 18px; padding-bottom: 10px"> |
− | 3) Attending Summer School (Theme: Social Epidemiology) | + | <b>3) Attending Summer School (Theme: Social Epidemiology)</b> |
</p> | </p> | ||
Line 207: | Line 232: | ||
<div class="w3-xxxlarge" style="padding-bottom: 10px;padding-top: 10px;text-align: center"> | <div class="w3-xxxlarge" style="padding-bottom: 10px;padding-top: 10px;text-align: center"> | ||
<figure> | <figure> | ||
− | <img src="https://static.igem.org/mediawiki/2017/a/a7/T--TokyoTech--kokusai_kokyo_1.jpg" style="max-width: | + | <img src="https://static.igem.org/mediawiki/2017/a/a7/T--TokyoTech--kokusai_kokyo_1.jpg" style="max-width:75%"> |
− | <figcaption style="font-size: 16px">Fig. Lecture about social epidemiology</figcaption> | + | <figcaption style="font-size: 16px">Fig. 5 Lecture about social epidemiology</figcaption> |
</figure> | </figure> | ||
</div> | </div> | ||
Line 214: | Line 239: | ||
<div class="w3-xxxlarge" style="padding-bottom: 10px;padding-top: 10px;text-align: center"> | <div class="w3-xxxlarge" style="padding-bottom: 10px;padding-top: 10px;text-align: center"> | ||
<figure> | <figure> | ||
− | <img src="https://static.igem.org/mediawiki/2017/ | + | <img src="https://static.igem.org/mediawiki/2017/9/9a/T--TokyoTech--kokusai_kokyo_2.png" style="max-width:75%"> |
− | <figcaption style="font-size: 16px">Fig. Logo of Japan Society of Research and Information on Public and Co-operative Economy</figcaption> | + | <figcaption style="font-size: 16px">Fig. 6 Logo of Japan Society of Research and Information on Public and Co-operative Economy</figcaption> |
</figure> | </figure> | ||
</div> | </div> | ||
Line 222: | Line 247: | ||
</div> | </div> | ||
− | <div class="w3-light-grey w3-container w3-padding-32" style="margin-top:75px;padding-right:58px"><p class="w3-right"> | + | <div class="w3-container" id="contact" style="margin-top:20px"> |
+ | <p id="pageTop" style="text-align:right"><a href="#wrap"><img src="https://static.igem.org/mediawiki/2017/0/0d/T--TokyoTech--page_top_2.png" style="width:200px"></a></p> | ||
+ | </div> | ||
+ | |||
+ | <!-- W3.CSS Container --> | ||
+ | <div class="w3-light-grey w3-container w3-padding-32" style="margin-top:75px;padding-right:58px"><p class="w3-right"><a href="http://96haji.me/" title="W3.CSS" target="_blank" class="w3-hover-opacity">Hajime Fujita with W3.CSS: All Rights Reserved</a></p></div> | ||
+ | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> | ||
<script> | <script> | ||
// Script to open and close sidebar | // Script to open and close sidebar | ||
Line 235: | Line 266: | ||
document.getElementById("myOverlay").style.display = "none"; | document.getElementById("myOverlay").style.display = "none"; | ||
} | } | ||
− | + | </script> | |
+ | <script> | ||
// Modal Image Gallery | // Modal Image Gallery | ||
function onClick(element) { | function onClick(element) { | ||
Line 243: | Line 275: | ||
captionText.innerHTML = element.alt; | captionText.innerHTML = element.alt; | ||
} | } | ||
+ | $(function() { | ||
+ | var h = $(window).height(); | ||
+ | |||
+ | $('#wrap').css('display','none'); | ||
+ | $('#loader-bg ,#loader').height(h).css('display','block'); | ||
+ | }); | ||
+ | |||
+ | $(window).load(function () { //全ての読み込みが完了したら実行 | ||
+ | $('#loader-bg').delay(900).fadeOut(800); | ||
+ | $('#loader').delay(600).fadeOut(300); | ||
+ | $('#wrap').css('display', 'block'); | ||
+ | }); | ||
</script> | </script> | ||
+ | <script> | ||
+ | //■page topボタン | ||
+ | $(function(){ | ||
+ | var topBtn=$('#pageTop'); | ||
+ | topBtn.hide(); | ||
+ | |||
+ | //◇ボタンの表示設定 | ||
+ | $(window).scroll(function(){ | ||
+ | if($(this).scrollTop()>80){ | ||
+ | //---- 画面を80pxスクロールしたら、ボタンを表示する | ||
+ | topBtn.fadeIn(); | ||
+ | }else{ | ||
+ | //---- 画面が80pxより上なら、ボタンを表示しない | ||
+ | topBtn.fadeOut(); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | // ◇ボタンをクリックしたら、スクロールして上に戻る | ||
+ | topBtn.click(function(){ | ||
+ | $('body,html').animate({ | ||
+ | scrollTop: 0},500); | ||
+ | return false; | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | </script> | ||
+ | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 22:52, 1 November 2017
<!DOCTYPE html>
Silver: Human Practices
1) Organizing a symposium about synthetic biology for the pubilc
On Oct 1st, we held an open symposium for middle school and high school students. We planned and managed the event and as guests, we invited three experts from microbiology (Prof. Oshima), synthetic biology (Prof. Kiga) and bioethics (Dr. Nudeshima).
The main content of the symposium was a panel discussion by the guests (plus our PI, Dr. Tagawa) and the theme was "What is life? What is a living organism?" As the audiences expected, the panelists held heated debates. We felt we were watching cutting edge discussion on synthetic biology and they gave us new perspectives.
In total, about ten middle school and high school students participated in this event and also, undergraduate students from iGEM Team KAIT JAPAN also joined it.
In the Q&A session, from the public to students with life science major, the audiences from various backgrounds asked questions and the panelists were eager to answer them.
2) Giving lectures about biosafety at local high schools
On September 2nd, we visited two high schools in Saitama Prefecture. We gave lectures and organized groupwork activities at both schools.
At the lecture, we explained about gene modification and synthetic biology. As for gene modification, we took specific examples in a real society. We emphasized that it's necessary to distinguish the merits and demerits and take an advantage of the former.
After the lecture, the students moved on to groupwork activity. In this activity, we assigned a famous animation character to each group and asked the students to think and discuss how to make the character, introducing gene modification into a real animal. It was a great opportunity for them to enter the world of synthetic biology.
3) Attending Summer School (Theme: Social Epidemiology)
On September 9th and 10th, some team members attended 5th Summer School of Japan Society of Research and Information on Public and Co-operative Economy. (The venue was Ritsumeikan University in Kyoto.)
The theme was social epidemiology which is a branch of epidemiology. This academic field focuses particularly on the effects of social-structural factors on states of health. Most team members major life science and when it comes to disease analysis and therapeutics, life science mainly focuses on micro materials like gene, metabolite, cell and etc. In contrast to the microscopic and innate viewpoint of life science, social epidemiology focuses on more macroscopic and acquired side of disease. This difference was interesting for us.
We received a lecture from Dr. Ando in Osaka University. Her recent research interest is disease analysis with work-related psychosocial factors. It was really meaningful for us to get in touch with her passion to find social prescriptions to improve the adverse effects of precarious employment.
Currently, the inter-disciplinary research between genetics and epidemiology is not quite advanced enough yet, we think. However, in the near future, when we analyze possible causes of disease, it'll be important to integrate both of the viewpoints.