Difference between revisions of "Team:ASIJ TOKYO/Team"

 
(31 intermediate revisions by 7 users not shown)
Line 1: Line 1:
 
{{Team:ASIJ_TOKYO/css}}
 
{{Team:ASIJ_TOKYO/css}}
−
<!DOCTYPE HTML>
+
 
 
<!--
 
<!--
 
Solid State by HTML5 UP
 
Solid State by HTML5 UP
Line 7: Line 7:
 
-->
 
-->
 
<html>
 
<html>
−
 
 
<head>
 
<head>
 +
 +
 +
 +
<style>
 
<style>
 
<style>
 
body {margin:0;}
 
body {margin:0;}
  
 
.navbar {
 
.navbar {
−
  overflow: hidden;
+
   background-color: #f2efe8;
−
   background-color: #333;
+
 
   font-family: Arial;
 
   font-family: Arial;
  
 
   position: fixed;
 
   position: fixed;
−
   top: 0 ;
+
   top: 12px ;
 
   width: 100%;
 
   width: 100%;
 
   z-index:50;
 
   z-index:50;
 +
 
 
}
 
}
  
 
.navbar a {
 
.navbar a {
 
   float: left;
 
   float: left;
−
  display: block;
+
   color: #858687;
−
   color: #f2f2f2;
+
 
   text-align: center;
 
   text-align: center;
−
   padding: 28px 18px;
+
   padding: 10px 32px;
 
   text-decoration: none;
 
   text-decoration: none;
 
   font-size: 28px;
 
   font-size: 28px;
 +
 
 +
 
 
}
 
}
  
 +
.dropdown {
 +
    float: left;
 +
    overflow: hidden;
 +
   
 +
   
 +
   
 +
}
 +
 +
.dropdown .dropbtn {
 +
    font-size: 28px;   
 +
    border: none;
 +
    outline: none;
 +
    color: white;
 +
    padding: 28px 18px;
 +
    background-color: inherit;
 +
   
 +
 +
}
 +
 +
.navbar a:hover, .dropdown:hover .dropbtn {
 +
    background-color: #d2dff7;
 +
   
 +
   
 +
   
 +
}
 +
 +
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #f9f9f9;
 +
    min-width: 160px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index: 100;
 +
    top: 57px;
 +
 +
 +
 +
}
 +
 +
.dropdown-content a {
 +
    float: none;
 +
    color: black;
 +
    padding: 12px 18px;
 +
    text-decoration: none;
 +
    display: block;
 +
    text-align: left;
 +
   
 +
   
 +
}
 +
 +
 +
.dropdown-content a:hover {
 +
    background-color: #ddd;
 +
 +
   
 +
}
 +
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
  position: fixed;
  
 
}
 
}
Line 41: Line 105:
 
<div class="navbar">
 
<div class="navbar">
 
   <a href="https://2017.igem.org/Team:ASIJ_TOKYO">Home</a>
 
   <a href="https://2017.igem.org/Team:ASIJ_TOKYO">Home</a>
−
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Team">Team</a>
 
−
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Description">Project</a>
 
−
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Notebook">Notebook</a>
 
  
 +
  <div class="dropdown">
 +
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Team">Team</a>
 +
    <div class="dropdown-content">
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Team">Team</a>
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Collaborations">Collaborations</a>
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Attributions">Attributions</a>
 +
    </div>
 +
  </div>
 +
 +
  <div class="dropdown">
 +
      <a href="#">Project</a>
 +
    <div class="dropdown-content">
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Description">Description</a>
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Design">Design</a>
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Experiments">Experiments</a>
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Notebook">Notebook</a>
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Results">Results</a>
 +
    </div>
 +
  </div>
 
   <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Parts">Parts</a>
 
   <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Parts">Parts</a>
 
   <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Safety">Safety</a>
 
   <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Safety">Safety</a>
 
   <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Engagement">Human Practices</a>
 
   <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Engagement">Human Practices</a>
 +
</div>
  
  
  
−
 
 
−
 
−
</div>
 
  
  
Line 60: Line 138:
 
<section id="four" class="wrapper alt style1">
 
<section id="four" class="wrapper alt style1">
 
<div class="inner">
 
<div class="inner">
−
<h2 class="major">Team (click on an individual to go to their profile)</h2>
+
<h1 class="major"></h1>
 +
<h1 class="major"></h1>
 +
 
 +
 
 +
<h2 class="major">Team (click on face)</h2>
 
<img src="https://static.igem.org/mediawiki/2017/a/a6/ASIJ_TEAM_PIC.jpg" style="width:880px;height:100%;" usemap="#teammap">  
 
<img src="https://static.igem.org/mediawiki/2017/a/a6/ASIJ_TEAM_PIC.jpg" style="width:880px;height:100%;" usemap="#teammap">  
 
<map name="teammap" id="team">
 
<map name="teammap" id="team">
Line 181: Line 263:
 
</article>
 
</article>
 
<article>
 
<article>
−
<h3 class="major">Mrs. Crissy</h3>
+
<h3 class="major">Ms. Crissy</h3>
−
<p>Instructor/advisor</p>
+
<p>Our instructor/advisor and a current biology teacher at ASIJ.</p>
 
</article>
 
</article>
 
</section>
 
</section>
Line 190: Line 272:
  
 
</section>
 
</section>
−
<!-- Three -->
 
−
<section id="three" class="wrapper spotlight style3">
 
−
<div class="inner">
 
−
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/1/18/Title_image_asij.png" alt="" /></a>
 
−
<div class="content">
 
−
<h2 class="major">Collaborations</h2>
 
−
<p>Our team received mentoring from team TokyoTech when we met up on September 23rd. We received feedback and advice about the modeling of our data, as well as helpful guidance for how to best represent our project motivations and research. </p>
 
  
−
<p>Outside of other iGEM teams, we also heavily collaborated with other schools across the world through a virtual pre-medical club. Conducted through Global Online Academy, we shared our research and knowledge of colorectal cancer with other students, facilitating discussion about this cancer and inspiring other outreach programs among their respective communities.
 
−
</p>
 
−
</div>
 
−
</div>
 
−
</section>
 
  
  
Line 210: Line 280:
 
<style>
 
<style>
 
@import url(font-awesome.min.css);
 
@import url(font-awesome.min.css);
−
@import url("https://fonts.googleapis.com/css?family=Raleway:200,700|Source+Sans+Pro:300,600,300italic,600italic");
+
 
  
 
/*
 
/*
Line 220: Line 290:
 
/* Reset */
 
/* Reset */
  
−
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
 
margin: 0;
 
margin: 0;
 
padding: 0;
 
padding: 0;
Line 1,834: Line 1,904:
  
 
body {
 
body {
−
background-color: #a04859;
+
background-color: #c2d4d8;
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-size: auto, cover;
 
background-size: auto, cover;
Line 1,855: Line 1,925:
  
 
body, input, select, textarea {
 
body, input, select, textarea {
−
color: #ffffff;
+
color: #595959;
 
font-family: "Source Sans Pro", Helvetica, sans-serif;
 
font-family: "Source Sans Pro", Helvetica, sans-serif;
 
font-size: 16.5pt;
 
font-size: 16.5pt;
Line 1,908: Line 1,978:
 
transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
 
transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
 
border-bottom: dotted 1px rgba(255, 255, 255, 0.35);
 
border-bottom: dotted 1px rgba(255, 255, 255, 0.35);
−
color: #ffffff;
+
color: #595959;
 
text-decoration: none;
 
text-decoration: none;
 
}
 
}
Line 1,914: Line 1,984:
 
a:hover {
 
a:hover {
 
border-bottom-color: transparent;
 
border-bottom-color: transparent;
−
color: #ffffff !important;
+
color: #595959 !important;
 
}
 
}
  
Line 1,966: Line 2,036:
  
 
strong, b {
 
strong, b {
−
color: #ffffff;
+
color: #595959;
 
font-weight: 600;
 
font-weight: 600;
 
}
 
}
Line 1,979: Line 2,049:
  
 
h1, h2, h3, h4, h5, h6 {
 
h1, h2, h3, h4, h5, h6 {
−
color: #ffffff;
+
color: #595959;
 
font-family: Raleway, Helvetica, sans-serif;
 
font-family: Raleway, Helvetica, sans-serif;
 
font-weight: 700;
 
font-weight: 700;
Line 2,127: Line 2,197:
  
 
label {
 
label {
−
color: #ffffff;
+
color: #595959;
 
display: block;
 
display: block;
 
font-family: Raleway, Helvetica, sans-serif;
 
font-family: Raleway, Helvetica, sans-serif;
Line 2,211: Line 2,281:
  
 
select option {
 
select option {
−
color: #ffffff;
+
color: #595959;
−
background: #a04859;
+
background: #c2d4d8;
 
}
 
}
  
Line 2,243: Line 2,313:
 
input[type="radio"] + label {
 
input[type="radio"] + label {
 
text-decoration: none;
 
text-decoration: none;
−
color: #ffffff;
+
color: #595959;
 
cursor: pointer;
 
cursor: pointer;
 
display: inline-block;
 
display: inline-block;
Line 2,284: Line 2,354:
 
input[type="checkbox"]:checked + label:before,
 
input[type="checkbox"]:checked + label:before,
 
input[type="radio"]:checked + label:before {
 
input[type="radio"]:checked + label:before {
−
background: #ffffff;
+
background: #595959;
−
border-color: #ffffff;
+
border-color: #595959;
 
content: '\f00c';
 
content: '\f00c';
−
color: #a04859;
+
color: #c2d4d8;
 
}
 
}
  
 
input[type="checkbox"]:focus + label:before,
 
input[type="checkbox"]:focus + label:before,
 
input[type="radio"]:focus + label:before {
 
input[type="radio"]:focus + label:before {
−
border-color: #721b28;
+
border-color: #dbe9d8;
 
}
 
}
  
Line 2,659: Line 2,729:
  
 
ul.pagination li > .page.active {
 
ul.pagination li > .page.active {
−
background-color: #721b28;
+
background-color: #dbe9d8;
 
}
 
}
  
Line 2,735: Line 2,805:
  
 
table th {
 
table th {
−
color: #ffffff;
+
color: #595959;
 
font-size: 0.9em;
 
font-size: 0.9em;
 
font-weight: 600;
 
font-weight: 600;
Line 2,795: Line 2,865:
 
border: 0;
 
border: 0;
 
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.125);
 
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.125);
−
color: #ffffff !important;
+
color: #595959 !important;
 
cursor: pointer;
 
cursor: pointer;
 
display: inline-block;
 
display: inline-block;
Line 2,841: Line 2,911:
 
button.special,
 
button.special,
 
.button.special {
 
.button.special {
−
background-color: #721b28;
+
background-color: #dbe9d8;
 
box-shadow: none;
 
box-shadow: none;
 
}
 
}
Line 2,935: Line 3,005:
 
.features article {
 
.features article {
 
padding: 1.75em 1.75em 0.1em 1.75em ;
 
padding: 1.75em 1.75em 0.1em 1.75em ;
−
background-color: #721b28;
+
background-color: #dbe9d8;
 
border-radius: 5px;
 
border-radius: 5px;
 
margin: 1.5em 3em 1.5em 0;
 
margin: 1.5em 3em 1.5em 0;
Line 3,209: Line 3,279:
 
transition: opacity 0.35s ease, transform 0.35s ease;
 
transition: opacity 0.35s ease, transform 0.35s ease;
 
-webkit-overflow-scrolling: touch;
 
-webkit-overflow-scrolling: touch;
−
background: #721b28;
+
background: #dbe9d8;
 
border-radius: 5px;
 
border-radius: 5px;
 
display: block;
 
display: block;
Line 3,396: Line 3,466:
 
#banner {
 
#banner {
 
padding: 7em 0 8.25em 0 ;
 
padding: 7em 0 8.25em 0 ;
−
background-color: #a04859;
+
background-color: #c2d4d8;
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-size: auto, cover;
 
background-size: auto, cover;
Line 3,506: Line 3,576:
 
#wrapper > header {
 
#wrapper > header {
 
padding: 9em 0 6.25em 0 ;
 
padding: 9em 0 6.25em 0 ;
−
background-color: #a04859;
+
background-color: #c2d4d8;
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-size: auto, cover;
 
background-size: auto, cover;
Line 3,549: Line 3,619:
  
 
.wrapper {
 
.wrapper {
−
background-color: #a04859;
+
background-color: #c2d4d8;
 
margin: 6.5em 0;
 
margin: 6.5em 0;
 
position: relative;
 
position: relative;
Line 3,555: Line 3,625:
  
 
.wrapper:before, .wrapper:after {
 
.wrapper:before, .wrapper:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%232e3141%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
 
.wrapper:before {
 
.wrapper:before {
−
box-shadow: inset 0 -1px 0 0 #a04859, 0 1px 0 0 #a04859;
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
 
.wrapper:after {
 
.wrapper:after {
−
box-shadow: inset 0 -1px 0 0 #a04859, 0 1px 0 0 #a04859;
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
Line 3,611: Line 3,681:
  
 
.wrapper.style2 {
 
.wrapper.style2 {
−
background-color: #721b28;
+
background-color: #dbe9d8;
 
}
 
}
  
 
.wrapper.style2:before, .wrapper.style2:after {
 
.wrapper.style2:before, .wrapper.style2:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23353849%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
 
.wrapper.style2:before {
 
.wrapper.style2:before {
−
box-shadow: inset 0 -1px 0 0 #721b28, 0 1px 0 0 #721b28;
+
box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8;
 
}
 
}
  
 
.wrapper.style2:after {
 
.wrapper.style2:after {
−
box-shadow: inset 0 -1px 0 0 #721b28, 0 1px 0 0 #721b28;
+
box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8;
 
}
 
}
  
Line 3,631: Line 3,701:
  
 
.wrapper.style3:before, .wrapper.style3:after {
 
.wrapper.style3:before, .wrapper.style3:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%233d4051%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
Line 3,647: Line 3,717:
  
 
.wrapper.style4:before, .wrapper.style4:after {
 
.wrapper.style4:before, .wrapper.style4:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23454858%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
Line 3,663: Line 3,733:
  
 
.wrapper.style5:before, .wrapper.style5:after {
 
.wrapper.style5:before, .wrapper.style5:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%234d5060%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
Line 3,679: Line 3,749:
  
 
.wrapper.style6:before, .wrapper.style6:after {
 
.wrapper.style6:before, .wrapper.style6:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23555867%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
Line 3,691: Line 3,761:
  
 
.wrapper.spotlight {
 
.wrapper.spotlight {
−
background-color: #721b28;
+
background-color: #dbe9d8;
 
}
 
}
  
 
.wrapper.spotlight:before, .wrapper.spotlight:after {
 
.wrapper.spotlight:before, .wrapper.spotlight:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%234c5c96%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
 
.wrapper.spotlight:before {
 
.wrapper.spotlight:before {
−
box-shadow: inset 0 -1px 0 0 #721b28, 0 1px 0 0 #721b28;
+
box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8;
 
}
 
}
  
 
.wrapper.spotlight:after {
 
.wrapper.spotlight:after {
−
box-shadow: inset 0 -1px 0 0 #721b28, 0 1px 0 0 #721b28;
+
box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8;
 
}
 
}
  
Line 3,756: Line 3,826:
  
 
.wrapper.spotlight.style2:before, .wrapper.spotlight.style2:after {
 
.wrapper.spotlight.style2:before, .wrapper.spotlight.style2:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%2345558d%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
Line 3,772: Line 3,842:
  
 
.wrapper.spotlight.style3:before, .wrapper.spotlight.style3:after {
 
.wrapper.spotlight.style3:before, .wrapper.spotlight.style3:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%233f4e85%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
Line 3,788: Line 3,858:
  
 
.wrapper.spotlight.style4:before, .wrapper.spotlight.style4:after {
 
.wrapper.spotlight.style4:before, .wrapper.spotlight.style4:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%2339477c%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
Line 3,804: Line 3,874:
  
 
.wrapper.spotlight.style5:before, .wrapper.spotlight.style5:after {
 
.wrapper.spotlight.style5:before, .wrapper.spotlight.style5:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23324072%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
Line 3,820: Line 3,890:
  
 
.wrapper.spotlight.style6:before, .wrapper.spotlight.style6:after {
 
.wrapper.spotlight.style6:before, .wrapper.spotlight.style6:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%232d3a69%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
Line 3,994: Line 4,064:
  
 
#footer {
 
#footer {
−
background-color: #a04859;
+
background-color: #c2d4d8;
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-size: auto, cover;
 
background-size: auto, cover;
Line 4,087: Line 4,157:
  
 
body {
 
body {
−
background-color: #a04859;
+
background-color: #c2d4d8;
 
background-image: url("../../images/bg.jpg");
 
background-image: url("../../images/bg.jpg");
 
background-size: cover;
 
background-size: cover;
Line 4,184: Line 4,254:
  
 
h1.major, h2.major, h3.major, h4.major, h5.major, h6.major {
 
h1.major, h2.major, h3.major, h4.major, h5.major, h6.major {
−
border-bottom: solid 2px #ffffff;
+
border-bottom: solid 2px #595959;
 
}
 
}
  
 
blockquote {
 
blockquote {
−
border-left: solid 4px #ffffff;
+
border-left: solid 4px #595959;
 
}
 
}
  
 
code {
 
code {
−
border: solid 2px #ffffff;
+
border: solid 2px #595959;
 
}
 
}
  
 
hr {
 
hr {
−
border-bottom: solid 2px #ffffff;
+
border-bottom: solid 2px #595959;
 
}
 
}
  
Line 4,208: Line 4,278:
 
position: relative;
 
position: relative;
 
-ms-behavior: url("assets/js/ie/PIE.htc");
 
-ms-behavior: url("assets/js/ie/PIE.htc");
−
border: solid 2px #ffffff;
+
border: solid 2px #595959;
 
}
 
}
  
Line 4,230: Line 4,300:
 
-ms-behavior: url("assets/js/ie/PIE.htc");
 
-ms-behavior: url("assets/js/ie/PIE.htc");
 
background: transparent;
 
background: transparent;
−
border: solid 2px #ffffff;
+
border: solid 2px #595959;
 
}
 
}
  
Line 4,236: Line 4,306:
  
 
table tbody tr {
 
table tbody tr {
−
border: solid 1px #ffffff;
+
border: solid 1px #595959;
 
border-left: 0;
 
border-left: 0;
 
border-right: 0;
 
border-right: 0;
Line 4,242: Line 4,312:
  
 
table.alt tbody tr td {
 
table.alt tbody tr td {
−
border: solid 1px #ffffff;
+
border: solid 1px #595959;
 
border-left-width: 0;
 
border-left-width: 0;
 
border-top-width: 0;
 
border-top-width: 0;
Line 4,280: Line 4,350:
  
 
#menu {
 
#menu {
−
background: #a04859;
+
background: #c2d4d8;
 
}
 
}
  
 
#menu h2 {
 
#menu h2 {
−
border-bottom: solid 2px #ffffff;
+
border-bottom: solid 2px #595959;
 
}
 
}
  
Line 4,290: Line 4,360:
  
 
#header {
 
#header {
−
background-color: #721b28;
+
background-color: #dbe9d8;
 
}
 
}
  
Line 4,315: Line 4,385:
  
 
#banner .logo .icon {
 
#banner .logo .icon {
−
border: solid 2px #ffffff;
+
border: solid 2px #595959;
 
-ms-behavior: url("assets/js/ie/PIE.htc");
 
-ms-behavior: url("assets/js/ie/PIE.htc");
 
}
 
}
  
 
#banner h2 {
 
#banner h2 {
−
border-bottom: solid 2px #ffffff;
+
border-bottom: solid 2px #595959;
 
}
 
}
  
Line 4,326: Line 4,396:
  
 
#footer .inner .copyright {
 
#footer .inner .copyright {
−
border-top: solid 2px #ffffff;
+
border-top: solid 2px #595959;
 
}
 
}
  
 
#footer .inner .copyright li {
 
#footer .inner .copyright li {
−
border-left: solid 2px #ffffff;
+
border-left: solid 2px #595959;
 
}
 
}
 
</style>
 
</style>

Latest revision as of 16:04, 1 November 2017

Home
Team
Team Collaborations Attributions
Project
Description Design Experiments Notebook Results
Parts Safety Human Practices

Team (click on face)

Our team (click on individuals to get to their profiles) Alex Erika Hikaru Everett Natasha Ria Marina Maya Sarah Tara Yukina Rika An-Chi Isla Athena

An-Chi

Hello! I’m An-Chi, a senior at ASIJ leading the iGEM team this year. I identify myself as a Taiwanese American, having spent seven years living in the US. I am passionate about molecular biology, but hold interests in the humanities as well. In my free time, I enjoy reading and baking with friends and family. iGEM for me was an opportunity to take on a research project with a group of like-minded individuals and experience science outside of a classroom setting.

Hikaru

Hi! I’m Hikaru, a senior at ASIJ. I identify myself as Japanese-American having both American parents and living in Japan my whole life. I am very interested in biochemistry, biotechnology, and molecular biology. When I’m not busy with school and other activities, I enjoy swimming, travelling, eating, and hanging out with friends and family. Being a part of iGEM has helped further my continued interest in biochemistry as well as giving me the opportunity to learn new techniques and work with others in a collaborative team.

Ria

Hey, I am Ria, a senior at ASIJ. I identify myself as an Indian, having spent my life living in five countries all over Asia. I am interested in molecular biology, biochemistry, and pharmacology. In my free time, I enjoy playing tennis, drawing and painting, and public speaking. Joining iGem has been a life-changing experience for me. Being able to work with like minded individuals has allowed me to further my interests in research as well as build teamwork skills.

Isla

Hi! I’m Isla, a senior at ASIJ. I identify myself as British/Japanese, although I grew up in Beijing and have lived in 3 different countries since. I am interested in biology and veterinary science and hope to pursue my dream of becoming a veterinarian in the future. In my free time, I usually like to cook, play the ukulele, hangout with my dog and sleep. I joined iGem because it gave me the opportunity to learn not only from research, but also my peers. Being a part of this team further confirmed my interests in science through hands-on, real life experiences.

Erika

Hey! I’m Erika, a senior at ASIJ. I’m Chinese/Taiwanese American, but I’ve lived in Japan for more than half my life. I’m interested in chemistry and biochemistry and hope to go into research in the future. In my free time I really like taking showers, eating chocolate, and watching tastemade videos without actually making them. iGem was appealing to me because it was a departure from a typical classroom environment and enabled me to explore my interests at a higher level. Being able to participate in this has helped me further my interest and excitement for what I hope to do in the future.

Maya

Hi, I’m Maya and I am a Senior at ASIJ. Despite being born and raised in Japan, I identify as an Israeli. When I am not at school, I like debating, performing in plays and writing. Even though I didn’t have much scientific experience before I had joined the iGEM, I thought that joining the iGEM team would be a perfect way to broaden my experience as a researcher and as a student on an issue which has significant real life implications.

Natasha

Hi, I’m Natasha and I’m currently a senior at ASIJ. Even though I am Japanese-Malaysian, I grew up in Singapore. I love eating, dancing, programming and building robots, and playing my clarinet. I also love listening to music from the 30s, 40s, and 60s! Being part of this team has enabled me to explore bioengineering and research, as well as discover whether it is something I want to pursue in college.

Everett

Hi! I’m Everett, a junior at ASIJ. I’m Chinese-American, but I’ve lived in Tokyo for the vast majority of my life. Initially I helped with the website, but because of scheduling problems, I shifted my focus to the mathematics modeling section. Aptly, I am very interested in mathematics. I also love music. In my free time (which I don’t really have much of, but hey, c’est la vie), I like to play piano and, now-and-then, the occasional video game. I joined iGEM because it was a perfect opportunity to contribute to society with something I’m interested in.

Tara

Hello! My name is Tara, and I’m an ASIJ student from Finland. I’ve lived in Taipei and Helsinki before moving to Tokyo. I enjoy listening to and playing jazz music, and I love to drawing during my free time. I joined iGEM after I realized that I was interested in biology, wanted to gain more experience working in the lab, and because I believe in the importance of our project. I mainly contribute to the team by working in the lab and reaching out to people either to share their stories or to spread awareness.

Marina

My name is Marina Takehana and I am 16, coming from Honolulu, Hawaii and Tokyo, Japan. I love playing volleyball and snowboarding. I mainly helped to research and design the experiment for this year, and because I was on the iGEM team last year, I took on a role to help the new members transition into the project. iGEM has allowed for me to explore my love of biology and healthcare and apply it greater world issues, like how we targeted Colorectal Cancer this year.

Athena

Hi, I’m Athena. I was mainly in charge of the community outreach of our project which included communicating with the Japanese police and Red Cross Japan. I enjoy biology, so I decided to take part in iGEM. I also have a very strong passion for American history. In my free time, I rewatch Singin’ In The Rain multiple times.

Alex

Hi, I’m Alex, and I’m a junior at ASIJ. I am Japanese, and have lived in Tokyo for over 7 years now! I joined iGEM because I wanted to apply my knowledge of computer science, and challenge myself by working with a new programming language. Outside of school, I enjoy drawing and animating.

Yukina

Hi! I am Yukina, a senior at ASIJ. I am Japanese, and have lived in Luxembourg and Mexico, but I have lived in Japan for over half of my life. I enjoy playing softball and tennis, watching baseball, as well as playing the clarinet. I am interested in biochemistry and pharmacology, and being a part of the iGEM team has given me the opportunity to explore my interests in depth and gain more experience and skills working in the lab.

Sarah

Hello!! My name is Sarah and I am currently a senior at ASIJ. My entire life has been spent in Tokyo, but I also have a mix of an American background in me. Although I love biochemistry, my other interests include cooking, music (specifically violin), and cheerleading (Go ASIJ!) I joined the iGEM team to gain a deeper understanding of field I want to enter, and it really helped me strike an interest in becoming a researcher.

Rika

Hello! I’m Rika Nakane and I am a senior at ASIJ! I’ve lived in Osaka or Tokyo for most of my life but I also lived in Chicago for four years which really influenced how I am now. I love playing the violin & viola, doodling, taking naps, and watching dance videos although I cannot dance. I joined IGEM because of my interests in biology and chemistry. This spring and summer, I enjoyed learning and working with people who have similar interests.

Ms. Crissy

Our instructor/advisor and a current biology teacher at ASIJ.