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

Line 132: Line 132:
  
  
−
 
−
</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>
 
−
 
−
<!-- Page Wrapper -->
 
−
<div id="page-wrapper">
 
  
 
 
Line 160: Line 141:
 
</div>
 
</div>
 
</section>
 
</section>
−
<!-- Two -->
+
                           
−
<section id="two" class="wrapper alt spotlight style2">
+
−
</div>
+
−
</div>
+
−
</section>
+
  
−
<!-- Three -->
 
−
<section id="three" class="wrapper spotlight style3">
 
−
<div class="inner">
 
−
<div class="content">
 
−
<h1 class="major"></h1>
 
  
−
<h2 class="major">Attributions:</h2>
 
−
<p>All lab work was conducted at the American School in Japan by team members of the 2017 ASIJ iGEM team.
 
−
</p>
 
−
</div>
 
−
</div>
 
−
</section>
 
  
−
 
−
 
−
 
−
<!-- Two -->
 
−
<section id="two" class="wrapper alt spotlight style2">
 
−
</div>
 
−
</section>
 
  
 
<!-- Three -->
 
<!-- Three -->
−
<section id="four" class="wrapper spotlight style4">
+
<section id="three" class="wrapper alt spotlight style2">
 
<div class="inner">
 
<div class="inner">
 
<div class="content">
 
<div class="content">
−
<h2 class="major">Project Support and Advice</h2>
+
<h2 class="major">Attributions</h2>
−
<p>Project Advisor: Ms. Beth Crissy </p>
+
<p>All lab work was conducted at the American School in Japan by team members of the 2017 ASIJ iGEM team."</p>
−
<p>Supervised our lab activity and provided presentation coaching</p>
+
−
 
+
 
</div>
 
</div>
 
</div>
 
</div>
 
</section>
 
</section>
  
−
</h3>
+
<!-- Four -->
−
+
<section id="four" class="wrapper alt style1">
−
+
<div class="inner">
 +
<h2 class="major">Project Support and Advice</h2>
 +
<section class="features">
 +
 
 +
<span style="font-weight:bold;">Project Advisor: Ms. Beth Crissy <br/><br/>
 +
Supervised our lab activity and provided presentation coaching</p>
 +
 
 +
</div>
  
 
</section>
 
</section>
−
 
−
<!-- Two -->
 
−
<section id="two" class="wrapper alt spotlight style2">
 
−
</div>
 
−
</div>
 
−
</section>
 
  
−
<!-- Three -->
+
<!-- Three -->
−
<section id="three" class="wrapper spotlight style3">
+
<section id="three" class="wrapper alt spotlight style2">
 
<div class="inner">
 
<div class="inner">
 
<div class="content">
 
<div class="content">
 
<h2 class="major">Project Support and Advice</h2>
 
<h2 class="major">Project Support and Advice</h2>
−
 
+
<span style="font-weight:bold;">Tokyo Tech iGEM Team: </span>Gave us feedback on the presentation of our results.
−
<span style="font-weight:bold;">Tokyo Tech iGEM Team: </span>Gave us feedback on the presentation of our results.
+
 
</p>
 
</p>
  
Line 225: Line 182:
  
 
</p>
 
</p>
−
<span style="font-weight:bold;">Tokyo Tech iGEM Team:</span>Gave us feedback on the presentation of our results.
+
<span style="font-weight:bold;">Tokyo Tech iGEM Team:</span> Gave us feedback on the presentation of our results.
 
</p>
 
</p>
  
 
<span style="font-weight:bold;">2015 Peking iGEM Team: </span>Inspired us on our construct design.
 
<span style="font-weight:bold;">2015 Peking iGEM Team: </span>Inspired us on our construct design.
 
</p>
 
</p>
−
 
−
 
−
 
−
 
  
 
</div>
 
</div>
Line 239: Line 192:
 
</section>
 
</section>
  
−
</h3>
+
<!-- Four -->
−
+
<section id="four" class="wrapper alt style1">
−
+
−
 
+
−
</section>
+
−
<!-- Two -->
+
−
<section id="two" class="wrapper alt spotlight style2">
+
−
</div>
+
−
</div>
+
−
</section>
+
−
 
+
−
<!-- Three -->
+
−
<section id="four" class="wrapper spotlight style4">
+
 
<div class="inner">
 
<div class="inner">
−
<div class="content">
+
<h2 class="major">Lab Support</h2>
 +
<section class="features">
  
 +
<span style="font-weight:bold;">Integrated DNA Technologies (IDT): </span>  Provided us with parts of DNA for our construct.
 +
</p>
  
−
<h2 class="major">Lab Support</h2>
+
</div>
  
−
<span style="font-weight:bold;">Integrated DNA Technologies (IDT): </span>Provided us with parts of DNA for our construct.
+
</section>
−
</p>
+
−
</div>
+
−
</div>
+
−
</section>
+
  
−
 
−
<!-- Two -->
 
−
<section id="two" class="wrapper alt spotlight style2">
 
−
</div>
 
−
</div>
 
−
</section>
 
  
−
<!-- Three -->
+
<!-- Three -->
−
<section id="three" class="wrapper spotlight style3">
+
<section id="three" class="wrapper alt spotlight style2">
 
<div class="inner">
 
<div class="inner">
 
<div class="content">
 
<div class="content">
 
<h2 class="major">Wiki Support</h2>
 
<h2 class="major">Wiki Support</h2>
−
<p>Alex Shin & Everett Xu:</p>
+
<span style="font-weight:bold;">Alex Shin & Everett Xu: </span>Made this page and other pages.
−
<p>Made this page and other pages.</p>
+
</p>
 +
 
  
−
</div>
 
−
</div>
 
−
</section>
 
−
 
−
</section>
 
−
<!-- Two -->
 
−
<section id="two" class="wrapper alt spotlight style2">
 
 
</div>
 
</div>
 
</div>
 
</div>
 
</section>
 
</section>
  
−
<!-- Three -->
+
<!-- Four -->
−
<section id="four" class="wrapper spotlight style4">
+
<section id="four" class="wrapper alt style1">
 
<div class="inner">
 
<div class="inner">
−
<div class="content">
+
<h2 class="major">Human Practices</h2>
−
<h2 class="major">Human Practices</h2>
+
<section class="features">
−
 
+
  
−
<span style="font-weight:bold;">ASIJ administration: </span>Thank you for all of our in-school events: Blue Out Day, Back-to-School Night  
+
<span style="font-weight:bold;"> ASIJ administration:</span><br/>Thank you for all of our in-school events: Blue Out Day, Back-to-School Night  
 
presentation, Relay for Life, Summer Passport Lab Work, and MPR Student  
 
presentation, Relay for Life, Summer Passport Lab Work, and MPR Student  
−
Presentation
+
Presentation.</p>
−
</p>
+
  
  
−
<span style="font-weight:bold;">Mr. Ed Gilmartin: </span>Shared his personal story as a colorectal cancer survivor with the iGEM team.
+
<br/>
−
</p>
+
  
  
−
<span style="font-weight:bold;">Ms. Carole Nickle: </span>Shared her personal story as a colorectal cancer survivor with the iGEM team.
+
<br/>
−
</p>
+
<span style="font-weight:bold;">Mr. Ed Gilmartin: </span>
  
 +
Shared his personal story as a colorectal cancer survivor with the iGEM team.<br/></p>
  
−
<span style="font-weight:bold;"> Athena Brooks: </span>Helped us reach out to the Japanese community by getting permission to hand out brochures.</p>
 
−
 
−
</div>
 
−
</div>
 
−
</section>
 
  
−
<!-- Two -->
+
<span style="font-weight:bold;">Ms. Carole Nickle:  </span><br/>
−
<section id="two" class="wrapper alt spotlight style2">
+
 
−
</div>
+
Shared her personal story as a colorectal cancer survivor with the iGEM team.
−
</div>
+
 
−
</section>
+
 
 +
<span style="font-weight:bold;"> Athena Brooks:  </span><br/>
  
−
<!-- Three -->
+
Helped us reach out to the Japanese community by getting permission to hand out brochures.</p>
−
<section id="three" class="wrapper spotlight style3">
+
 
 +
</div>
 +
 
 +
</section>
 +
 
 +
<!-- Three -->
 +
<section id="three" class="wrapper alt spotlight style2">
 
<div class="inner">
 
<div class="inner">
 
<div class="content">
 
<div class="content">
 
<h2 class="major">Collaborators</h2>
 
<h2 class="major">Collaborators</h2>
−
 
+
<span style="font-weight:bold;"> Tokyo Tech iGEM Team: </span>Sharing project ideas with each other and supporting our research.
−
<span style="font-weight:bold;"> Tokyo Tech iGEM Team: </span>Sharing project ideas with each other and supporting our research.
+
 
</p>
 
</p>
−
 
−
 
 
</div>
 
</div>
 
</div>
 
</div>
−
</section>
+
</section>
−
 
+
−
 
+
−
+
 
 
 
 
Line 1,976: Line 1,899:
  
 
body {
 
body {
−
background-color: #844680;
+
background-color: #4221af;
 
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,316: Line 2,239:
 
select:focus,
 
select:focus,
 
textarea:focus {
 
textarea:focus {
−
border-color: #a3589e;
+
border-color: #6a588e;
 
}
 
}
  
Line 2,354: Line 2,277:
 
select option {
 
select option {
 
color: #ffffff;
 
color: #ffffff;
−
background: #a3589e;
+
background: #4221af;
 
}
 
}
  
Line 2,429: Line 2,352:
 
border-color: #ffffff;
 
border-color: #ffffff;
 
content: '\f00c';
 
content: '\f00c';
−
color: #a3589e;
+
color: #4221af;
 
}
 
}
  
 
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: #a3589e;
+
border-color: #4c5c96;
 
}
 
}
  
Line 2,801: Line 2,724:
  
 
ul.pagination li > .page.active {
 
ul.pagination li > .page.active {
−
background-color: #a3589e;
+
background-color: #4c5c96;
 
}
 
}
  
Line 2,983: Line 2,906:
 
button.special,
 
button.special,
 
.button.special {
 
.button.special {
−
background-color: #a3589e;
+
background-color: #4c5c96;
 
box-shadow: none;
 
box-shadow: none;
 
}
 
}
Line 2,992: Line 2,915:
 
button.special:hover,
 
button.special:hover,
 
.button.special:hover {
 
.button.special:hover {
−
background-color: #a3589e;
+
background-color: #6a588e;
 
}
 
}
  
Line 3,000: Line 2,923:
 
button.special:active,
 
button.special:active,
 
.button.special:active {
 
.button.special:active {
−
background-color: #a3589e;
+
background-color: #45558d;
 
}
 
}
  
Line 3,008: Line 2,931:
 
button.special.icon:before,
 
button.special.icon:before,
 
.button.special.icon:before {
 
.button.special.icon:before {
−
color: #a3589e;
+
color: #7985b0;
 
}
 
}
  
Line 3,077: Line 3,000:
 
.features article {
 
.features article {
 
padding: 1.75em 1.75em 0.1em 1.75em ;
 
padding: 1.75em 1.75em 0.1em 1.75em ;
−
background-color: #a3589e;
+
background-color: #353849;
 
border-radius: 5px;
 
border-radius: 5px;
 
margin: 1.5em 3em 1.5em 0;
 
margin: 1.5em 3em 1.5em 0;
Line 3,351: Line 3,274:
 
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: #a3589e;
+
background: #4c5c96;
 
border-radius: 5px;
 
border-radius: 5px;
 
display: block;
 
display: block;
Line 3,407: Line 3,330:
  
 
#menu .links li a:hover {
 
#menu .links li a:hover {
−
background: #a3589e;
+
background: #45558d;
 
}
 
}
  
Line 3,538: Line 3,461:
 
#banner {
 
#banner {
 
padding: 7em 0 8.25em 0 ;
 
padding: 7em 0 8.25em 0 ;
−
background-color: #a3589e;
+
background-color: #4221af;
 
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,648: Line 3,571:
 
#wrapper > header {
 
#wrapper > header {
 
padding: 9em 0 6.25em 0 ;
 
padding: 9em 0 6.25em 0 ;
−
background-color: #a3589e;
+
background-color: #4221af;
 
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,691: Line 3,614:
  
 
.wrapper {
 
.wrapper {
−
background-color: #a3589e;
+
background-color: #4221af;
 
margin: 6.5em 0;
 
margin: 6.5em 0;
 
position: relative;
 
position: relative;
Line 3,701: Line 3,624:
  
 
.wrapper:before {
 
.wrapper:before {
−
box-shadow: inset 0 -1px 0 0 #a3589e, 0 1px 0 0 #a3589e;
+
box-shadow: inset 0 -1px 0 0 #4221af, 0 1px 0 0 #4221af;
 
}
 
}
  
 
.wrapper:after {
 
.wrapper:after {
−
box-shadow: inset 0 -1px 0 0 #a3589e, 0 1px 0 0 #a3589e;
+
box-shadow: inset 0 -1px 0 0 #4221af, 0 1px 0 0 #4221af;
 
}
 
}
  
Line 3,753: Line 3,676:
  
 
.wrapper.style2 {
 
.wrapper.style2 {
−
background-color: #a3589e;
+
background-color: #353849;
 
}
 
}
  
Line 3,761: Line 3,684:
  
 
.wrapper.style2:before {
 
.wrapper.style2:before {
−
box-shadow: inset 0 -1px 0 0 #a3589e, 0 1px 0 0 #a3589e;
+
box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
 
}
 
}
  
 
.wrapper.style2:after {
 
.wrapper.style2:after {
−
box-shadow: inset 0 -1px 0 0 #a3589e, 0 1px 0 0 #a3589e;
+
box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
 
}
 
}
  
 
.wrapper.style3 {
 
.wrapper.style3 {
−
background-color: #a3589e;
+
background-color: #3d4051;
 
}
 
}
  
Line 3,777: Line 3,700:
  
 
.wrapper.style3:before {
 
.wrapper.style3:before {
−
box-shadow: inset 0 -1px 0 0 #a3589e, 0 1px 0 0 #a3589e;
+
box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
 
}
 
}
  
 
.wrapper.style3:after {
 
.wrapper.style3:after {
−
box-shadow: inset 0 -1px 0 0 #a3589e, 0 1px 0 0 #a3589e;
+
box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
 
}
 
}
  
 
.wrapper.style4 {
 
.wrapper.style4 {
−
background-color: #a3589e;
+
background-color: #454858;
 
}
 
}
  
Line 3,793: Line 3,716:
  
 
.wrapper.style4:before {
 
.wrapper.style4:before {
−
box-shadow: inset 0 -1px 0 0 #a3589e, 0 1px 0 0 #a3589e;
+
box-shadow: inset 0 -1px 0 0 #454858, 0 1px 0 0 #454858;
 
}
 
}
  
 
.wrapper.style4:after {
 
.wrapper.style4:after {
−
box-shadow: inset 0 -1px 0 0 #a3589e, 0 1px 0 0 #a3589e;
+
box-shadow: inset 0 -1px 0 0 #454858, 0 1px 0 0 #454858;
 
}
 
}
  
 
.wrapper.style5 {
 
.wrapper.style5 {
−
background-color: #a3589e;
+
background-color: #4d5060;
 
}
 
}
  
Line 3,809: Line 3,732:
  
 
.wrapper.style5:before {
 
.wrapper.style5:before {
−
box-shadow: inset 0 -1px 0 0 #a3589e, 0 1px 0 0 #a3589e;
+
box-shadow: inset 0 -1px 0 0 #4d5060, 0 1px 0 0 #4d5060;
 
}
 
}
  
 
.wrapper.style5:after {
 
.wrapper.style5:after {
−
box-shadow: inset 0 -1px 0 0 #a3589e, 0 1px 0 0 #a3589e;
+
box-shadow: inset 0 -1px 0 0 #4d5060, 0 1px 0 0 #4d5060;
 
}
 
}
  
 
.wrapper.style6 {
 
.wrapper.style6 {
−
background-color: #a3589e;
+
background-color: #555867;
 
}
 
}
  
Line 3,825: Line 3,748:
  
 
.wrapper.style6:before {
 
.wrapper.style6:before {
−
box-shadow: inset 0 -1px 0 0 #a3589e, 0 1px 0 0 #a3589e;
+
box-shadow: inset 0 -1px 0 0 #555867, 0 1px 0 0 #555867;
 
}
 
}
  
 
.wrapper.style6:after {
 
.wrapper.style6:after {
−
box-shadow: inset 0 -1px 0 0 #a3589e, 0 1px 0 0 #a3589e;
+
box-shadow: inset 0 -1px 0 0 #555867, 0 1px 0 0 #555867;
 
}
 
}
  
 
.wrapper.spotlight {
 
.wrapper.spotlight {
−
background-color: #a3589e;
+
background-color: #4c5c96;
 
}
 
}
  
 
.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' heig#a3589eht='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");
+
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 #a3589e, 0 1px 0 0 #a3589e;
+
box-shadow: inset 0 -1px 0 0 #4c5c96, 0 1px 0 0 #4c5c96;
 
}
 
}
  
 
.wrapper.spotlight:after {
 
.wrapper.spotlight:after {
−
box-shadow: inset 0 -1px 0 0 #a3589e, 0 1px 0 0 #a3589e;
+
box-shadow: inset 0 -1px 0 0 #4c5c96, 0 1px 0 0 #4c5c96;
 
}
 
}
  
Line 3,894: Line 3,817:
  
 
.wrapper.spotlight.style2 {
 
.wrapper.spotlight.style2 {
−
background-color: #a3589e;
+
background-color: #45558d;
 
}
 
}
  
−
.wrapper.spotlight.style2:before, .wr#a3589eapper.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");
 
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 #a3589e, 0 1px 0 0 #a3589e;
+
box-shadow: inset 0 -1px 0 0 #45558d, 0 1px 0 0 #45558d;
 
}
 
}
  
 
.wrapper.spotlight.style2:after {
 
.wrapper.spotlight.style2:after {
−
box-shadow: inset 0 -1px 0 0 #a3589e, 0 1px 0 0 #a3589e;
+
box-shadow: inset 0 -1px 0 0 #45558d, 0 1px 0 0 #45558d;
 
}
 
}
  
 
.wrapper.spotlight.style3 {
 
.wrapper.spotlight.style3 {
−
background-color: #a3589e;
+
background-color: #3f4e85;
 
}
 
}
  
Line 3,918: Line 3,841:
  
 
.wrapper.spotlight.style3:before {
 
.wrapper.spotlight.style3:before {
−
box-shadow: inset 0 -1px 0 0 #a3589e, 0 1px 0 0 #a3589e;
+
box-shadow: inset 0 -1px 0 0 #3f4e85, 0 1px 0 0 #3f4e85;
 
}
 
}
  
 
.wrapper.spotlight.style3:after {
 
.wrapper.spotlight.style3:after {
−
box-shadow: inset 0 -1px 0 0 #844680, 0 1px 0 0 #844680;
+
box-shadow: inset 0 -1px 0 0 #3f4e85, 0 1px 0 0 #3f4e85;
 
}
 
}
  
 
.wrapper.spotlight.style4 {
 
.wrapper.spotlight.style4 {
−
background-color: #844680;
+
background-color: #39477c;
 
}
 
}
  
Line 3,934: Line 3,857:
  
 
.wrapper.spotlight.style4:before {
 
.wrapper.spotlight.style4:before {
−
box-shadow: inset 0 -1px 0 0 #844680, 0 1px 0 0 #844680;
+
box-shadow: inset 0 -1px 0 0 #39477c, 0 1px 0 0 #39477c;
 
}
 
}
  
 
.wrapper.spotlight.style4:after {
 
.wrapper.spotlight.style4:after {
−
box-shadow: inset 0 -1px 0 0 #844680, 0 1px 0 0 #844680;
+
box-shadow: inset 0 -1px 0 0 #39477c, 0 1px 0 0 #39477c;
 
}
 
}
  
 
.wrapper.spotlight.style5 {
 
.wrapper.spotlight.style5 {
−
background-color: #844680;
+
background-color: #324072;
 
}
 
}
  
Line 3,950: Line 3,873:
  
 
.wrapper.spotlight.style5:before {
 
.wrapper.spotlight.style5:before {
−
box-shadow: inset 0 -1px 0 0 #844680, 0 1px 0 0 #844680;
+
box-shadow: inset 0 -1px 0 0 #324072, 0 1px 0 0 #324072;
 
}
 
}
  
 
.wrapper.spotlight.style5:after {
 
.wrapper.spotlight.style5:after {
−
box-shadow: inset 0 -1px 0 0 #844680, 0 1px 0 0 #844680;
+
box-shadow: inset 0 -1px 0 0 #324072, 0 1px 0 0 #324072;
 
}
 
}
  
 
.wrapper.spotlight.style6 {
 
.wrapper.spotlight.style6 {
−
background-color:#844680;
+
background-color: #2d3a69;
 
}
 
}
  
Line 3,966: Line 3,889:
  
 
.wrapper.spotlight.style6:before {
 
.wrapper.spotlight.style6:before {
−
box-shadow: inset 0 -1px 0 0 #844680, 0 1px 0 0 #844680;
+
box-shadow: inset 0 -1px 0 0 #2d3a69, 0 1px 0 0 #2d3a69;
 
}
 
}
  
 
.wrapper.spotlight.style6:after {
 
.wrapper.spotlight.style6:after {
−
box-shadow: inset 0 -1px 0 0 #844680, 0 1px 0 0 #844680;
+
box-shadow: inset 0 -1px 0 0 #2d3a69, 0 1px 0 0 #2d3a69;
 
}
 
}
  
Line 4,136: Line 4,059:
  
 
#footer {
 
#footer {
−
background-color: #844680;
+
background-color: #4221af;
 
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,229: Line 4,152:
  
 
body {
 
body {
−
background-color: #844680;
+
background-color: #4221af;
 
background-image: url("../../images/bg.jpg");
 
background-image: url("../../images/bg.jpg");
 
background-size: cover;
 
background-size: cover;
Line 4,422: Line 4,345:
  
 
#menu {
 
#menu {
−
background: #844680;
+
background: #4221af;
 
}
 
}
  
Line 4,432: Line 4,355:
  
 
#header {
 
#header {
−
background-color: #844680;
+
background-color: #353849;
 
}
 
}
  
Line 4,475: Line 4,398:
 
}
 
}
 
</style>
 
</style>
 +
 +
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 10:57, 31 October 2017

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

Attributions

All lab work was conducted at the American School in Japan by team members of the 2017 ASIJ iGEM team."

Project Support and Advice

Project Advisor: Ms. Beth Crissy

Supervised our lab activity and provided presentation coaching

Project Support and Advice

Tokyo Tech iGEM Team: Gave us feedback on the presentation of our results.

Dr. Akihiro Abe: Taught us about the current advances in immunological therapy for colorectal cancer

Taipei American School, Mr. Jude Clapper (2017 TAS iGEM team): Technical support on our experiments and wiki.

Tokyo Tech iGEM Team: Gave us feedback on the presentation of our results.

2015 Peking iGEM Team: Inspired us on our construct design.

Lab Support

Integrated DNA Technologies (IDT): Provided us with parts of DNA for our construct.

Wiki Support

Alex Shin & Everett Xu: Made this page and other pages.

Human Practices

ASIJ administration:
Thank you for all of our in-school events: Blue Out Day, Back-to-School Night presentation, Relay for Life, Summer Passport Lab Work, and MPR Student Presentation.



Mr. Ed Gilmartin: Shared his personal story as a colorectal cancer survivor with the iGEM team.

Ms. Carole Nickle:
Shared her personal story as a colorectal cancer survivor with the iGEM team. Athena Brooks:
Helped us reach out to the Japanese community by getting permission to hand out brochures.

Collaborators

Tokyo Tech iGEM Team: Sharing project ideas with each other and supporting our research.