Difference between revisions of "Team:TokyoTech/Team"

(Prototype team page)
 
Line 1: Line 1:
−
{{TokyoTech}}
+
{{TokyoTech/css/reset}}
−
 
+
{{TokyoTech/css/main}}
 +
<!DOCTYPE html>
 
<html>
 
<html>
 +
<title>Coli Sapiens</title>
 +
<meta charset="UTF-8">
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<link rel="stylesheet" href="main.css">
 +
<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>
 +
<body>
  
 +
<!-- 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>
 +
 +
<!-- 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>
  
 +
<!-- Overlay effect when opening sidebar on small screens -->
 +
<div class="w3-overlay w3-hide-large" onclick="w3_close()" style="cursor:pointer" title="close side menu" id="myOverlay"></div>
  
−
<div class="column full_size" >
+
<!-- PAGE CONTENT! -->
 +
<div class="w3-main" style="margin-left:340px;margin-right:40px">
  
−
<h1>Team</h1>
+
  <div class="w3-container" id="contact" style="margin-top:30px">
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
    <img src="https://static.igem.org/mediawiki/2017/2/2c/T--TokyoTech--logo10011204.jpg" alt="John" style="width:100%">
−
</div>
+
  </div>
  
−
<div class="clear"></div>
+
  <!-- Overview -->
 +
  <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>Team Introduction</b></h1>
 +
    <hr style="width:50px;border:5px solid red" class="w3-round">
 +
    <img src="https://static.igem.org/mediawiki/2017/0/00/T--TokyoTech--team_photo_min.jpg" style="max-width:50%;text-align:center;">
 +
    <p style="font-family: Poppins;font-size: 16px">Gene therapy has been expected in cancer therapy for years. An interesting therapy for cancer using anaerobic bacteria as a carrier has been developed, but after the anaerobic cancer region is diminished, the bacteria cannot stay there anymore. If anti-cancer bacteria can stay in affected area, they promptly respond to cancer recurrence. Co-existence of bacteria and host cells should be quite difficult in our body or human cell culture systems, because bacteria grow so fast. It is important to control bacterial proliferation in them. So, we try to establish a new living system that human cells control the population of bacteria by engineering the both cells by creating two signaling pathways of 1) Bacteria-Mammals and 2) Bacteria-Plants. We expect that this system will lead to a new experimental approach and a new medical therapy. Moreover, we imagine about "A boundary between cellular groups and living organisms" with general public.
 +
    </p>
 +
  </div>
  
−
<div class="column half_size" >
+
<hr>
−
<h5>Inspiration</h5>
+
−
<p>You can look at what other teams did to get some inspiration! <br />
+
−
Here are a few examples:</p>
+
−
<ul>
+
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
−
</ul>
+
  
 
</div>
 
</div>
  
−
<div class="column half_size" >
+
<!-- W3.CSS Container -->
−
<h5>What should this page contain?</h5>
+
<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>
−
<ul>
+
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
−
</ul>
+
−
</div>
+
  
 +
<script>
 +
// Script to open and close sidebar
 +
function w3_open() {
 +
    document.getElementById("mySidebar").style.display = "block";
 +
    document.getElementById("myOverlay").style.display = "block";
 +
}
 +
 +
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>
  
−
</div>
+
</body>
 
</html>
 
</html>

Revision as of 05:31, 21 October 2017

<!DOCTYPE html> Coli Sapiens

iGEM Tokyo Tech
John

Team Introduction

Gene therapy has been expected in cancer therapy for years. An interesting therapy for cancer using anaerobic bacteria as a carrier has been developed, but after the anaerobic cancer region is diminished, the bacteria cannot stay there anymore. If anti-cancer bacteria can stay in affected area, they promptly respond to cancer recurrence. Co-existence of bacteria and host cells should be quite difficult in our body or human cell culture systems, because bacteria grow so fast. It is important to control bacterial proliferation in them. So, we try to establish a new living system that human cells control the population of bacteria by engineering the both cells by creating two signaling pathways of 1) Bacteria-Mammals and 2) Bacteria-Plants. We expect that this system will lead to a new experimental approach and a new medical therapy. Moreover, we imagine about "A boundary between cellular groups and living organisms" with general public.

Hajime Fujita: All Rights Reserved