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

 
(34 intermediate revisions by 6 users not shown)
Line 8: 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 15: Line 15:
  
 
.navbar {
 
.navbar {
−
   background-color: #333;
+
   background-color: #f2efe8;
 
   font-family: Arial;
 
   font-family: Arial;
  
Line 27: 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 56: Line 56:
  
 
.navbar a:hover, .dropdown:hover .dropbtn {
 
.navbar a:hover, .dropdown:hover .dropbtn {
−
     background-color: #5d70dd;
+
     background-color: #d2dff7;
 
      
 
      
 
      
 
      
Line 67: 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 128: Line 128:
 
   <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 142: Line 144:
 
</section>
 
</section>
 
                              
 
                              
−
 
  
  
  
 
<!-- Three -->
 
<!-- Three -->
−
<section id="three" class="wrapper alt spotlight style2">
+
<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/d/d4/Asijigem-attributionbanner.JPEG" alt="" /></a>
 
<div class="content">
 
<div class="content">
−
<h2 class="major">Attributions</h2>
+
<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>
+
<p>All lab work was conducted at the American School in Japan by team members of the 2017 ASIJ iGEM team.
 +
</p>
 
</div>
 
</div>
 
</div>
 
</div>
 
</section>
 
</section>
 +
 +
  
 
<!-- Four -->
 
<!-- Four -->
 
<section id="four" class="wrapper alt style1">
 
<section id="four" class="wrapper alt style1">
 
<div class="inner">
 
<div class="inner">
−
<h2 class="major">Project Support and Advice</h2>
+
<h2 class="major">Project Advisor</h2>
 
<section class="features">
 
<section class="features">
−
<span style="font-weight:bold;color:white;">Project Advisor: Ms. Beth Crissy </span> supervised our lab activity and provided presentation coaching</p>
+
<p>Ms. Beth Crissy supervised our lab activity and provided presentation coaching.</p>
 
</div>
 
</div>
  
Line 167: Line 172:
  
 
<!-- Three -->
 
<!-- Three -->
−
<section id="three" class="wrapper alt spotlight style2">
+
<section id="three" class="wrapper alt spotlight style3">
 
<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;color:white;">Tokyo Tech iGEM Team: </span>Gave us feedback on the presentation of our results.
+
<p>Dr. Akihiro Abe: Taught us about the current advances in immunological therapy for colorectal cancer.</p>
−
</p>
+
<p>Taipei American School, Mr. Jude Clapper (2017 TAS iGEM team): Technical support on our experiments and wiki.</p>
−
 
+
<p>Tokyo Tech iGEM Team: Gave us feedback on the presentation of our results.</p>
−
<span style="font-weight:bold;">Dr. Akihiro Abe: </span>Taught us about the current advances in immunological therapy for colorectal cancer
+
<p>2015 Peking iGEM Team: </span>Inspired us on our construct design.</p>
−
</p>
+
−
<span style="font-weight:bold;">Taipei American School, Mr. Jude Clapper (2017 TAS iGEM team): </span>Technical support on our experiments and wiki.
+
−
 
+
−
</p>
+
−
<span style="font-weight:bold;">Tokyo Tech iGEM Team:</span> Gave us feedback on the presentation of our results.
+
−
</p>
+
−
 
+
−
<span style="font-weight:bold;">2015 Peking iGEM Team: </span>Inspired us on our construct design.
+
−
</p>
+
−
 
+
 
</div>
 
</div>
 
</div>
 
</div>
Line 194: Line 189:
 
<h2 class="major">Lab Support</h2>
 
<h2 class="major">Lab Support</h2>
 
<section class="features">
 
<section class="features">
−
 
+
<p>Integrated DNA Technologies (IDT): Provided us with parts of DNA for our construct.</p>
−
<span style="font-weight:bold;">Integrated DNA Technologies (IDT): </span>  Provided us with parts of DNA for our construct.
+
−
</p>
+
  
 
</div>
 
</div>
Line 204: Line 197:
  
 
<!-- Three -->
 
<!-- Three -->
−
<section id="three" class="wrapper alt spotlight style2">
+
<section id="three" class="wrapper alt spotlight style3">
 
<div class="inner">
 
<div class="inner">
 
<div class="content">
 
<div class="content">
 
<h2 class="major">Wiki Support</h2>
 
<h2 class="major">Wiki Support</h2>
−
<span style="font-weight:bold;color:white;">Alex Shin & Everett Xu: </span>Made this page and other pages.
+
<p>Alex Shin & Everett Xu: Made this page and other pages.</p>
−
</p>
+
−
 
+
−
 
+
 
</div>
 
</div>
 
</div>
 
</div>
Line 221: Line 211:
 
<h2 class="major">Human Practices</h2>
 
<h2 class="major">Human Practices</h2>
 
<section class="features">
 
<section class="features">
−
 
+
<p> 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.</p>
−
<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  
+
<p>Mr. Ed Gilmartin: Shared his personal story as a colorectal cancer survivor with the iGEM team.</p>
−
presentation, Relay for Life, Summer Passport Lab Work, and MPR Student  
+
<p>Ms. Carole Nickle: Shared her personal story as a colorectal cancer survivor with the iGEM team.</p>
−
Presentation.</p>
+
<p>Athena Brooks: </span>Helped us reach out to the Japanese community by getting permission to hand out brochures.</p>
−
 
+
−
 
+
−
<br/>
+
−
 
+
−
 
+
−
<br/>
+
−
<span style="font-weight:bold;color:white;">Mr. Ed Gilmartin: </span>
+
−
 
+
−
Shared his personal story as a colorectal cancer survivor with the iGEM team.<br/></p>
+
−
 
+
−
 
+
−
<span style="font-weight:bold;color:white;">Ms. Carole Nickle: </span><br/>
+
−
 
+
−
Shared her personal story as a colorectal cancer survivor with the iGEM team.
+
−
 
+
−
 
+
−
<span style="font-weight:bold;color:white;"> Athena Brooks: </span><br/>
+
−
 
+
−
Helped us reach out to the Japanese community by getting permission to hand out brochures.</p>
+
−
 
+
 
</div>
 
</div>
  
 
</section>
 
</section>
−
 
+
−
<!-- Three -->
+
<!-- Four -->
−
<section id="three" class="wrapper alt spotlight style2">
+
<section id="three" class="wrapper alt style3">
 
<div class="inner">
 
<div class="inner">
−
<div class="content">
+
<h2 class="major">Works Cited</h2>
−
<h2 class="major">Collaborators</h2>
+
<section class="features">
−
<span style="font-weight:bold;color:white;"> Tokyo Tech iGEM Team: </span>Sharing project ideas with each other and supporting our research.
+
<p>American Cancer Society, What Is Colorectal Cancer? 6 Apr. 2017. https://www.cancer.org/cancer/colon-rectal-cancer/about/what-is-colorectal-cancer.html</p>
−
</p>
+
<p>Aoki, Koji. Adenomatous Polyposis Coli (APC): a Multi-Functional Tumor Suppressor Gene. Journal of Cell Science, The Company of Biologists Ltd, 1 Oct. 2007, https://doi.org/10.1242/jcs.03485 (jcs.biologists.org/content/120/19/3327.)</p>
−
</div>
+
<p>Foundation for Promotion of Cancer Research, Cancer Statistics in Japan - 2016, page 4. 20 Sept. 2017. http://ganjoho.jp/data/reg_stat/statistics/brochure/2016/cancer_statistics_2016_fig_E.pdf</p>
−
</div>
+
<p>Peking iGEM Team 2015, Fighting Against Tuberculosis Visualizing Nucleic Acid Detection:Project. Team:Peking/Design/PC Reporter, Peking iGEM Team 2015, 2015, 2015.igem.org/Team:Peking/Design/PC_Reporter.</p>
−
</section>
+
<p>SEER Cancer Stat Facts: Colon and Rectum Cancer. National Cancer Institute. Bethesda, MD,  http://seer.cancer.gov/statfacts/html/colorect.html (This citation is public domain)</p>
−
+
<p style="text-align:left">Sela, I., & Lukatsky, D. B. (2011). DNA sequence correlations shape nonspecific transcription factor-DNA binding affinity. Biophysical Journal, 101(1), 160–166. (http://www.bgu.ac.il/~lukatsky/lukatsky/Publications_files/BJ_sela_lukatsky_2011.pdf)</p>
−
+
<p>Tomonao Inobe, Nobuyuki Nukina, Rapamycin-induced oligomer formation system of FRB–FKBP fusion proteins, In Journal of Bioscience and Bioengineering, Volume 122, Issue 1, 2016, Pages 40-46, ISSN 1389-1723, https://doi.org/10.1016/j.jbiosc.2015.12.004.
−
<!-- Scripts -->
+
(http://www.sciencedirect.com/science/article/pii/S1389172315004417)</p>
−
<script src="assets/js/skel.min.js"></script>
+
</div>
−
<script src="assets/js/jquery.min.js"></script>
+
−
<script src="assets/js/jquery.scrollex.min.js"></script>
+
−
<script src="assets/js/util.js"></script>
+
−
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
+
−
<script src="assets/js/main.js"></script>
+
  
 +
</section>
 +
  
 
<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 282: Line 249:
 
/* 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,896: Line 1,863:
  
 
body {
 
body {
−
background-color: #4221af;
+
background-color: #f2efe8;
 
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,274: Line 2,241:
 
select option {
 
select option {
 
color: #ffffff;
 
color: #ffffff;
−
background: #4221af;
+
background: #f2efe8;
 
}
 
}
  
Line 2,349: Line 2,316:
 
border-color: #ffffff;
 
border-color: #ffffff;
 
content: '\f00c';
 
content: '\f00c';
−
color: #4221af;
+
color: #f2efe8;
 
}
 
}
  
 
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: #4c5c96;
+
border-color: #f2efe8;
 
}
 
}
  
Line 2,721: Line 2,688:
  
 
ul.pagination li > .page.active {
 
ul.pagination li > .page.active {
−
background-color: #4c5c96;
+
background-color: #f2efe8;
 
}
 
}
  
Line 2,903: Line 2,870:
 
button.special,
 
button.special,
 
.button.special {
 
.button.special {
−
background-color: #4c5c96;
+
background-color: #f2efe8;
 
box-shadow: none;
 
box-shadow: none;
 
}
 
}
Line 2,920: Line 2,887:
 
button.special:active,
 
button.special:active,
 
.button.special:active {
 
.button.special:active {
−
background-color: #45558d;
+
background-color: #f2efe8;
 
}
 
}
  
Line 2,997: Line 2,964:
 
.features article {
 
.features article {
 
padding: 1.75em 1.75em 0.1em 1.75em ;
 
padding: 1.75em 1.75em 0.1em 1.75em ;
−
background-color: #353849;
+
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,271: Line 3,238:
 
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: #4c5c96;
+
background: #f2efe8;
 
border-radius: 5px;
 
border-radius: 5px;
 
display: block;
 
display: block;
Line 3,327: Line 3,294:
  
 
#menu .links li a:hover {
 
#menu .links li a:hover {
−
background: #45558d;
+
background: #f2efe8;
 
}
 
}
  
Line 3,458: Line 3,425:
 
#banner {
 
#banner {
 
padding: 7em 0 8.25em 0 ;
 
padding: 7em 0 8.25em 0 ;
−
background-color: #4221af;
+
background-color: #f2efe8;
 
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,568: Line 3,535:
 
#wrapper > header {
 
#wrapper > header {
 
padding: 9em 0 6.25em 0 ;
 
padding: 9em 0 6.25em 0 ;
−
background-color: #4221af;
+
background-color: #f2efe8;
 
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,611: Line 3,578:
  
 
.wrapper {
 
.wrapper {
−
background-color: #4221af;
+
background-color: #f2efe8;
 
margin: 6.5em 0;
 
margin: 6.5em 0;
 
position: relative;
 
position: relative;
Line 3,617: Line 3,584:
  
 
.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 #4221af, 0 1px 0 0 #4221af;
+
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.wrapper:after {
 
.wrapper:after {
−
box-shadow: inset 0 -1px 0 0 #4221af, 0 1px 0 0 #4221af;
+
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
Line 3,673: Line 3,640:
  
 
.wrapper.style2 {
 
.wrapper.style2 {
−
background-color: #353849;
+
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 #353849, 0 1px 0 0 #353849;
+
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 #353849, 0 1px 0 0 #353849;
+
box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8;
 
}
 
}
  
 
.wrapper.style3 {
 
.wrapper.style3 {
−
background-color: #3d4051;
+
background-color: #dbe9d8;
 
}
 
}
  
 
.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");
+
 
 
}
 
}
  
 
.wrapper.style3:before {
 
.wrapper.style3:before {
−
box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
+
box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8;
 
}
 
}
  
 
.wrapper.style3:after {
 
.wrapper.style3:after {
−
box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
+
box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8;
 
}
 
}
  
 
.wrapper.style4 {
 
.wrapper.style4 {
−
background-color: #454858;
+
background-color: #f2efe8;
 
}
 
}
  
 
.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");
+
 
 
}
 
}
  
 
.wrapper.style4:before {
 
.wrapper.style4:before {
−
box-shadow: inset 0 -1px 0 0 #454858, 0 1px 0 0 #454858;
+
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.wrapper.style4:after {
 
.wrapper.style4:after {
−
box-shadow: inset 0 -1px 0 0 #454858, 0 1px 0 0 #454858;
+
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.wrapper.style5 {
 
.wrapper.style5 {
−
background-color: #4d5060;
+
background-color: #f2efe8;
 
}
 
}
  
 
.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");
+
 
 
}
 
}
  
 
.wrapper.style5:before {
 
.wrapper.style5:before {
−
box-shadow: inset 0 -1px 0 0 #4d5060, 0 1px 0 0 #4d5060;
+
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.wrapper.style5:after {
 
.wrapper.style5:after {
−
box-shadow: inset 0 -1px 0 0 #4d5060, 0 1px 0 0 #4d5060;
+
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
Line 3,741: Line 3,708:
  
 
.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,753: Line 3,720:
  
 
.wrapper.spotlight {
 
.wrapper.spotlight {
−
background-color: #4c5c96;
+
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 #4c5c96, 0 1px 0 0 #4c5c96;
+
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 #4c5c96, 0 1px 0 0 #4c5c96;
+
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
Line 3,814: Line 3,781:
  
 
.wrapper.spotlight.style2 {
 
.wrapper.spotlight.style2 {
−
background-color: #45558d;
+
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 #45558d, 0 1px 0 0 #45558d;
+
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 #45558d, 0 1px 0 0 #45558d;
+
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.wrapper.spotlight.style3 {
 
.wrapper.spotlight.style3 {
−
background-color: #3f4e85;
+
background-color: #dbe9d8;
 
}
 
}
  
 
.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 #3f4e85, 0 1px 0 0 #3f4e85;
+
box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8;
 
}
 
}
  
 
.wrapper.spotlight.style3:after {
 
.wrapper.spotlight.style3:after {
−
box-shadow: inset 0 -1px 0 0 #3f4e85, 0 1px 0 0 #3f4e85;
+
box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8;
 
}
 
}
  
 
.wrapper.spotlight.style4 {
 
.wrapper.spotlight.style4 {
−
background-color: #39477c;
+
background-color: #dbe9d8;
 
}
 
}
  
 
.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 #39477c, 0 1px 0 0 #39477c;
+
box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8;
 
}
 
}
  
 
.wrapper.spotlight.style4:after {
 
.wrapper.spotlight.style4:after {
−
box-shadow: inset 0 -1px 0 0 #39477c, 0 1px 0 0 #39477c;
+
box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8;
 
}
 
}
  
Line 3,866: Line 3,833:
  
 
.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,882: Line 3,849:
  
 
.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 4,056: Line 4,023:
  
 
#footer {
 
#footer {
−
background-color: #4221af;
+
background-color: #f2efe8;
 
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,149: Line 4,116:
  
 
body {
 
body {
−
background-color: #4221af;
+
background-color: #f2efe8;
 
background-image: url("../../images/bg.jpg");
 
background-image: url("../../images/bg.jpg");
 
background-size: cover;
 
background-size: cover;
Line 4,342: Line 4,309:
  
 
#menu {
 
#menu {
−
background: #4221af;
+
background: #f2efe8;
 
}
 
}
  
Line 4,352: Line 4,319:
  
 
#header {
 
#header {
−
background-color: #353849;
+
background-color: #dbe9d8;
 
}
 
}
  

Latest revision as of 16:06, 1 November 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 Advisor

Ms. Beth Crissy supervised our lab activity and provided presentation coaching.

Project Support and Advice

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.

Works Cited

American Cancer Society, What Is Colorectal Cancer? 6 Apr. 2017. https://www.cancer.org/cancer/colon-rectal-cancer/about/what-is-colorectal-cancer.html

Aoki, Koji. Adenomatous Polyposis Coli (APC): a Multi-Functional Tumor Suppressor Gene. Journal of Cell Science, The Company of Biologists Ltd, 1 Oct. 2007, https://doi.org/10.1242/jcs.03485 (jcs.biologists.org/content/120/19/3327.)

Foundation for Promotion of Cancer Research, Cancer Statistics in Japan - 2016, page 4. 20 Sept. 2017. http://ganjoho.jp/data/reg_stat/statistics/brochure/2016/cancer_statistics_2016_fig_E.pdf

Peking iGEM Team 2015, Fighting Against Tuberculosis Visualizing Nucleic Acid Detection:Project. Team:Peking/Design/PC Reporter, Peking iGEM Team 2015, 2015, 2015.igem.org/Team:Peking/Design/PC_Reporter.

SEER Cancer Stat Facts: Colon and Rectum Cancer. National Cancer Institute. Bethesda, MD, http://seer.cancer.gov/statfacts/html/colorect.html (This citation is public domain)

Sela, I., & Lukatsky, D. B. (2011). DNA sequence correlations shape nonspecific transcription factor-DNA binding affinity. Biophysical Journal, 101(1), 160–166. (http://www.bgu.ac.il/~lukatsky/lukatsky/Publications_files/BJ_sela_lukatsky_2011.pdf)

Tomonao Inobe, Nobuyuki Nukina, Rapamycin-induced oligomer formation system of FRB–FKBP fusion proteins, In Journal of Bioscience and Bioengineering, Volume 122, Issue 1, 2016, Pages 40-46, ISSN 1389-1723, https://doi.org/10.1016/j.jbiosc.2015.12.004. (http://www.sciencedirect.com/science/article/pii/S1389172315004417)