Difference between revisions of "Team:TokyoTech/HP/Gold Integrated"

(Prototype team page)
 
Line 1: Line 1:
−
{{TokyoTech}}
+
{{TokyoTech/css/reset}}
 +
{{TokyoTech/css/main}}
 +
<!DOCTYPE html>
 
<html>
 
<html>
−
<div class="column full_size judges-will-not-evaluate">
+
<head>
−
<h3>★  ALERT! </h3>
+
<title>Coli Sapiens</title>
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
<meta charset="UTF-8">
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
<meta name="viewport" content="width=device-width, initial-scale=1">
−
</div>
+
<link rel="stylesheet" href="main.css">
−
<div class="clear"></div>
+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins">
 +
<style>
 +
body,h1,h2,h3,h4,h5 {font-family: "Poppins", sans-serif}
 +
body {font-size:16px;}
 +
.w3-half img{margin-bottom:-6px;margin-top:16px;opacity:0.8;cursor:pointer}
 +
.w3-half img:hover{opacity:1}
 +
</style>
 +
<head>
 +
<body>
  
−
<div class="column full_size">
+
<!-- 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>
 +
  <a href="javascript:void(0)" onclick="w3_close()" class="w3-button w3-hide-large w3-display-topleft" style="width:100%;font-size:22px">Close Menu</a>
 +
  <div class="w3-container">
 +
    <img src="https://static.igem.org/mediawiki/2017/5/57/T--TokyoTech--logo2.png" style="width: 100%">
 +
  </div>
 +
  <div class="w3-bar-block" style="padding-top: 15px">
 +
    <ul id="normal" class="dropmenu">
 +
    <li><a href="#overview" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Home</a>
 +
    <ul>
 +
    <li><a href="#overview" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">1</a></li>
 +
    </ul>
 +
    </li>
 +
    </ul>
 +
    <a href="#project" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Project</a>
 +
    <a href="#modeling" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Modeling</a>
 +
    <a href="#hp" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Human Practices</a>
 +
    <a href="#notebook" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Notebook</a>
 +
    <a href="#team" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Team</a>
 +
    <a href="#sponsers" onclick="w3_close()" class="w3-bar-item w3-button w3-hover-white">Sponsers</a>
 +
  </div>
 +
</nav>
  
−
<h1>Gold Medal and Integrated Human Practices</h1>
+
<!-- Top menu on small screens -->
 +
<header class="w3-container w3-top w3-hide-large w3-red w3-xlarge w3-padding">
 +
  <a href="javascript:void(0)" class="w3-button w3-red w3-margin-right" onclick="w3_open()"><img src="http://www.adultb2b.biz/wp-content/themes/adultb2b%20-%20new/assets/images/menuBtn.png" style="width: 30px"></a>
 +
  <span style="padding-top: 5px">iGEM Tokyo Tech</span>
 +
</header>
  
−
<p>This page will contain information for your Gold medal Human Practices work, which you can also use to nominate your team for the Best Integrated Human Practices page. To make things easier, we have combined the Gold medal page with the Best Integrated Human Practices page since we expect the work to overlap considerably. </p>
+
<!-- Overlay effect when opening sidebar on small screens -->
−
<p>iGEM teams are unique and leading the field because they "go beyond the lab" to imagine their projects in a social/environmental context, to better understand issues that might influence the design and use of their technologies.</p>
+
<div class="w3-overlay w3-hide-large" onclick="w3_close()" style="cursor:pointer" title="close side menu" id="myOverlay"></div>
−
<p>Teams work with students and advisors from the humanities and social sciences to explore topics concerning ethical, legal, social, economic, safety or security issues related to their work. Consideration of these Human Practices is crucial for building safe and sustainable projects that serve the public interest. </p>
+
−
<p>For more information, please see the <a href="https://2017.igem.org/Competition/Human_Practices">Human Practices page</a>.</p>
+
−
</div>
+
−
<div class="clear"></div>
+
  
 +
<div class="w3-main" style="margin-left:340px;margin-right:40px">
  
−
<div class="column half_size">
+
<div class="w3-container" id="contact" style="margin-top:30px">
−
<h3>Gold Medal Criterion #1</h3>
+
<h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px" align="center">Integrated Human Practices</h1>
−
<p>Expand on your silver medal activity by demonstrating how you have integrated the investigated issues into the design and/or execution of your project.</p>
+
</div>
 +
 
 +
<hr>
 +
 
 +
<div class="w3-container" id="overview" style="margin-top:20px">
 +
    <h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px"><b>Overview</b></h1>
 +
    <hr style="width:50px;border:5px solid red" class="w3-round">
 +
    <p style="font-family: Poppins;font-size: 16px">By integrating with our Human Practices and the results from our wet lab experiments and modeling, iGEM2017 Team TokyoTech have executed our project with improved design in accordance with comments from general public, and have strengthened the public engagement of a two-way dialogue between our team and the public through this summer. (See here to know how we integrated our project)
 +
    </p>
 +
  </div>
 +
 
 +
<hr>
 +
 
 +
<div class="w3-container" id="results" style="margin-top:20px">
 +
    <h1 class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px"><b>Results</b></h1>
 +
    <hr style="width:50px;border:5px solid red" class="w3-round">
 +
    <p style="font-family: Poppins;font-size: 16px">内容
 +
    </p>
 +
    <div class="w3-xxxlarge w3-text-red" style="padding-bottom: 10px;padding-top: 10px;text-align: center">
 +
    <figure>
 +
    <img src="https://static.igem.org/mediawiki/2017/c/cc/T--TokyoTech--integrated_roadmap_10221540.png" style="max-height:50%">
 +
    <figcaption style="font-family: Poppins;font-size: 16px">Fig. Roadmap of integrated human practices</figcaption>
 +
    </figure>
 +
    </div>
 +
 
 +
  </div>
 +
 
 +
<hr>
  
−
</div>
 
  
−
<div class="column half_size">
 
−
<h3>Best Integrated Human Practices Special Prize</h3>
 
  
−
<p>
 
−
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Integrated Human Practices prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>.
 
−
<br><br>
 
−
You must also delete the message box on the top of this page to be eligible for this prize.
 
−
</p>
 
 
</div>
 
</div>
−
<div class="clear"></div>
+
 
−
<div class="column full_size">
+
<div class="w3-light-grey w3-container w3-padding-32" style="margin-top:75px;padding-right:58px"><p class="w3-right">Hajime Fujita: <a href="96haji.me" title="W3.CSS" target="_blank" class="w3-hover-opacity">All Rights Reserved</a></p></div>
−
<h5>Inspiration</h5>
+
 
−
<p>Here are a few examples of excellent Integrated Human Practices work:</p>
+
<script>
−
<ul>
+
// Script to open and close sidebar
−
<li><a href="https://2016.igem.org/Team:INSA-Lyon/Integrated_Practices">2016 INSA Lyon</a></li>
+
function w3_open() {
−
<li><a href="https://2016.igem.org/Team:UofC_Calgary/Integrated_Practices">2016 UofC Calgary</a></li>
+
    document.getElementById("mySidebar").style.display = "block";
−
<li><a href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Practices">2015 Bielefeld</a></li>
+
    document.getElementById("myOverlay").style.display = "block";
−
<li><a href="https://2015.igem.org/Team:Edinburgh/Practices">2015 Edinburgh</a></li>
+
}
−
</ul>
+
 +
function w3_close() {
 +
    document.getElementById("mySidebar").style.display = "none";
 +
    document.getElementById("myOverlay").style.display = "none";
 +
}
 +
 
 +
// Modal Image Gallery
 +
function onClick(element) {
 +
  document.getElementById("img01").src = element.src;
 +
  document.getElementById("modal01").style.display = "block";
 +
  var captionText = document.getElementById("caption");
 +
  captionText.innerHTML = element.alt;
 +
}
 +
</script>
 +
</body>
 
</html>
 
</html>

Revision as of 07:26, 22 October 2017

<!DOCTYPE html> Coli Sapiens

iGEM Tokyo Tech

Integrated Human Practices

Overview

By integrating with our Human Practices and the results from our wet lab experiments and modeling, iGEM2017 Team TokyoTech have executed our project with improved design in accordance with comments from general public, and have strengthened the public engagement of a two-way dialogue between our team and the public through this summer. (See here to know how we integrated our project)

Results

内容

Fig. Roadmap of integrated human practices

Hajime Fujita: All Rights Reserved