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

 
(28 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
lid State by HTML5 UP
+
{{Team:ASIJ_TOKYO/css}}
 +
<!--
 +
Solid State by HTML5 UP
 
html5up.net | @ajlkn
 
html5up.net | @ajlkn
 
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
Line 6: Line 8:
 
<head>
 
<head>
  
−
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+
 
  
 
<style>
 
<style>
Line 13: Line 15:
  
 
.navbar {
 
.navbar {
−
   background-color: #333;
+
   background-color: #f2efe8;
 
   font-family: Arial;
 
   font-family: Arial;
  
Line 25: Line 27:
 
.navbar a {
 
.navbar a {
 
   float: left;
 
   float: left;
−
   color: white;
+
   color: #858687;
 
   text-align: center;
 
   text-align: center;
−
   padding: 28px 18px;
+
   padding: 10px 32px;
 
   text-decoration: none;
 
   text-decoration: none;
 
   font-size: 28px;
 
   font-size: 28px;
Line 54: Line 56:
  
 
.navbar a:hover, .dropdown:hover .dropbtn {
 
.navbar a:hover, .dropdown:hover .dropbtn {
−
     background-color: #5d70dd;
+
     background-color: #d2dff7;
 
      
 
      
 
      
 
      
Line 65: Line 67:
 
     background-color: #f9f9f9;
 
     background-color: #f9f9f9;
 
     min-width: 160px;
 
     min-width: 160px;
−
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,.4);
+
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
     z-index: 100;
 
     z-index: 100;
−
     top: 80px;
+
     top: 57px;
  
  
Line 113: Line 115:
  
 
   <div class="dropdown">
 
   <div class="dropdown">
−
       <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Description">Project</a>
+
       <a href="#">Project</a>
 
     <div class="dropdown-content">
 
     <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/Description">Description</a>
Line 120: Line 122:
 
       <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Notebook">Notebook</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>
 
       <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Results">Results</a>
−
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Attributions">Attributions</a>
 
 
     </div>
 
     </div>
 
   </div>
 
   </div>
Line 133: Line 134:
  
  
−
<!-- Three -->
+
</body>
 +
<head>
 +
<title>IGEM ASIJ TOKYO</title>
 +
<meta charset="utf-8" />
 +
<meta name="viewport" content="width=device-width, initial-scale=1" />
 +
<!--[if lte IE 8]>
 +
 
 +
<script>
 +
 
 +
<title>Solid State by HTML5 UP</title>
 +
<meta charset="utf-8" />
 +
<meta name="viewport" content="width=device-width, initial-scale=1" />
 +
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
 +
</head>
 +
<body>
 +
 
 +
 
 +
<!-- Two -->
 +
<section id="two" class="wrapper alt spotlight style2">
 +
<div class="content">
 +
</div>
 +
</div>
 +
</section>
 +
 
 +
 
 +
<!-- Three -->
 
<section id="three" class="wrapper spotlight style3">
 
<section id="three" class="wrapper spotlight style3">
 
<div class="inner">
 
<div class="inner">
 +
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/1/18/Asij-ttpres1.jpg" alt="" /></a>
 
<div class="content">
 
<div class="content">
 
<h2 class="major">Collaborations</h2>
 
<h2 class="major">Collaborations</h2>
 +
</div>
 +
</div>
 +
</section>
 +
 +
<!-- Four -->
 +
<section id="four" class="wrapper alt style1">
 +
<div class="inner">
 +
<section class="features">
 +
<article>
 +
<a href="http://www.titech.ac.jp/english/" class="image"><img src="https://static.igem.org/mediawiki/2017/3/35/Tokyotech.JPG" alt="" /></a>
 +
<h3 class="major">The Tokyo Tech team and our team.</h3>
 +
</h3>
 +
 +
</article>
 +
 +
<article>
 +
</h3>
 
<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>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>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>
−
</p>
+
</article>
−
</div>
+
−
<a href="http://www.titech.ac.jp/english/" class="image"><img src="https://static.igem.org/mediawiki/2017/3/35/Tokyotech.JPG" style="width:850px;height:100%;" alt="" /></a>
+
 +
</section>
 +
 
</div>
 
</div>
 
</section>
 
</section>
  
−
+
</section>
 +
 
 +
 
  
  
Line 154: Line 202:
 
<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 164: Line 212:
 
/* 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,778: Line 1,826:
  
 
body {
 
body {
−
background-color: #a04859;
+
background-color: #dbe9d8;
 
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 2,156: Line 2,204:
 
select option {
 
select option {
 
color: #ffffff;
 
color: #ffffff;
−
background: #a04859;
+
background: #dbe9d8;
 
}
 
}
  
Line 2,231: Line 2,279:
 
border-color: #ffffff;
 
border-color: #ffffff;
 
content: '\f00c';
 
content: '\f00c';
−
color: #a04859;
+
color: #dbe9d8;
 
}
 
}
  
 
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: #f2efe8;
 
}
 
}
  
Line 2,603: Line 2,651:
  
 
ul.pagination li > .page.active {
 
ul.pagination li > .page.active {
−
background-color: #721b28;
+
background-color: #f2efe8;
 
}
 
}
  
Line 2,785: Line 2,833:
 
button.special,
 
button.special,
 
.button.special {
 
.button.special {
−
background-color: #721b28;
+
background-color: #f2efe8;
 
box-shadow: none;
 
box-shadow: none;
 
}
 
}
Line 2,794: Line 2,842:
 
button.special:hover,
 
button.special:hover,
 
.button.special:hover {
 
.button.special:hover {
−
background-color: #752b2e;
+
background-color:#f2efe8;
 
}
 
}
  
Line 2,802: Line 2,850:
 
button.special:active,
 
button.special:active,
 
.button.special:active {
 
.button.special:active {
−
background-color: #752b2e;
+
background-color:#f2efe8;
 
}
 
}
  
Line 2,879: Line 2,927:
 
.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: #f2efe8;
 
border-radius: 5px;
 
border-radius: 5px;
 
margin: 1.5em 3em 1.5em 0;
 
margin: 1.5em 3em 1.5em 0;
Line 3,153: Line 3,201:
 
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: #f2efe8;
 
border-radius: 5px;
 
border-radius: 5px;
 
display: block;
 
display: block;
Line 3,209: Line 3,257:
  
 
#menu .links li a:hover {
 
#menu .links li a:hover {
−
background: #752b2e;
+
background:#f2efe8;
 
}
 
}
  
Line 3,340: Line 3,388:
 
#banner {
 
#banner {
 
padding: 7em 0 8.25em 0 ;
 
padding: 7em 0 8.25em 0 ;
−
background-color: #a04859;
+
background-color: #dbe9d8;
 
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,450: Line 3,498:
 
#wrapper > header {
 
#wrapper > header {
 
padding: 9em 0 6.25em 0 ;
 
padding: 9em 0 6.25em 0 ;
−
background-color: #a04859;
+
background-color: #dbe9d8;
 
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,493: Line 3,541:
  
 
.wrapper {
 
.wrapper {
−
background-color: #a04859;
+
background-color: #dbe9d8;
 
margin: 6.5em 0;
 
margin: 6.5em 0;
 
position: relative;
 
position: relative;
Line 3,499: Line 3,547:
  
 
.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 #dbe9d8, 0 1px 0 0 #dbe9d8;
 
}
 
}
  
 
.wrapper:after {
 
.wrapper:after {
−
box-shadow: inset 0 -1px 0 0 #a04859, 0 1px 0 0 #a04859;
+
box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8;
 
}
 
}
  
Line 3,555: Line 3,603:
  
 
.wrapper.style2 {
 
.wrapper.style2 {
−
background-color: #721b28;
+
background-color: #f2efe8;
 
}
 
}
  
 
.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 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.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 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
−
 
−
.wrapper.style3 {
 
−
background-color: #3d4051;
 
−
}
 
  
 
.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,591: Line 3,635:
  
 
.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,607: Line 3,651:
  
 
.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,623: Line 3,667:
  
 
.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,635: Line 3,679:
  
 
.wrapper.spotlight {
 
.wrapper.spotlight {
−
background-color: #721b28;
+
background-color: #f2efe8;
 
}
 
}
  
 
.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 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.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 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
Line 3,696: Line 3,740:
  
 
.wrapper.spotlight.style2 {
 
.wrapper.spotlight.style2 {
−
background-color: #752b2e;
+
background-color:#f2efe8;
 
}
 
}
  
 
.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");
+
 
 
}
 
}
  
 
.wrapper.spotlight.style2:before {
 
.wrapper.spotlight.style2:before {
−
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
+
box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8;
 
}
 
}
  
 
.wrapper.spotlight.style2:after {
 
.wrapper.spotlight.style2:after {
−
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
+
box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8;
 
}
 
}
  
 
.wrapper.spotlight.style3 {
 
.wrapper.spotlight.style3 {
−
background-color: #752b2e;
+
text-align: left;
 +
width: 1440px;
 +
padding: 0px;
 +
margin: 0 auto;
 +
height: 100%;
 +
overflow-x:hidden;
 
}
 
}
  
 
.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");
+
 
 
}
 
}
  
 
.wrapper.spotlight.style3:before {
 
.wrapper.spotlight.style3:before {
−
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
+
box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8;
 
}
 
}
  
 
.wrapper.spotlight.style3:after {
 
.wrapper.spotlight.style3:after {
−
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
+
box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8;
 
}
 
}
  
 
.wrapper.spotlight.style4 {
 
.wrapper.spotlight.style4 {
−
background-color: #752b2e;
+
background-color:#f2efe8;
 
}
 
}
  
 
.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");
+
 
 
}
 
}
  
 
.wrapper.spotlight.style4:before {
 
.wrapper.spotlight.style4:before {
−
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
+
box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8;
 
}
 
}
  
 
.wrapper.spotlight.style4:after {
 
.wrapper.spotlight.style4:after {
−
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
+
box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8;
 
}
 
}
  
 
.wrapper.spotlight.style5 {
 
.wrapper.spotlight.style5 {
−
background-color: #752b2e;
+
background-color:#f2efe8;
 
}
 
}
  
 
.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");
+
 
 
}
 
}
  
 
.wrapper.spotlight.style5:before {
 
.wrapper.spotlight.style5:before {
−
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
+
box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8;
 
}
 
}
  
 
.wrapper.spotlight.style5:after {
 
.wrapper.spotlight.style5:after {
−
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
+
box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8;
 
}
 
}
  
 
.wrapper.spotlight.style6 {
 
.wrapper.spotlight.style6 {
−
background-color: #752b2e;
+
background-color:#f2efe8;
 
}
 
}
  
 
.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");
+
 
 
}
 
}
  
 
.wrapper.spotlight.style6:before {
 
.wrapper.spotlight.style6:before {
−
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
+
box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8;
 
}
 
}
  
 
.wrapper.spotlight.style6:after {
 
.wrapper.spotlight.style6:after {
−
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
+
box-shadow: inset 0 -1px 0 0#f2efe8, 0 1px 0 0#f2efe8;
 
}
 
}
  
Line 3,938: Line 3,987:
  
 
#footer {
 
#footer {
−
background-color: #a04859;
+
background-color: #dbe9d8;
 
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,031: Line 4,080:
  
 
body {
 
body {
−
background-color: #a04859;
+
background-color: #dbe9d8;
 
background-image: url("../../images/bg.jpg");
 
background-image: url("../../images/bg.jpg");
 
background-size: cover;
 
background-size: cover;
Line 4,224: Line 4,273:
  
 
#menu {
 
#menu {
−
background: #a04859;
+
background: #dbe9d8;
 
}
 
}
  
Line 4,234: Line 4,283:
  
 
#header {
 
#header {
−
background-color: #721b28;
+
background-color: #f2efe8;
 
}
 
}
  

Latest revision as of 16:05, 1 November 2017

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

Collaborations

The Tokyo Tech team and our team.

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.

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.