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

 
(43 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 115: 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 122: 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 134: Line 133:
  
  
−
</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 161: Line 143:
 
</div>
 
</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 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">
−
<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.
−
<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>
 
</div>
 
</div>
Line 182: Line 161:
 
 
  
−
 
+
<!-- Four -->
−
<!-- Two -->
+
<section id="four" class="wrapper alt style1">
−
<section id="two" class="wrapper alt spotlight style2">
+
−
</div>
+
−
</section>
+
−
 
+
−
<!-- Three -->
+
−
<section id="four" class="wrapper spotlight style4">
+
 
<div class="inner">
 
<div class="inner">
−
<div class="content">
+
<h2 class="major">Project Advisor</h2>
−
<h2 class="major">Project Support and Advice</h2>
+
<section class="features">
−
<p>Project Advisor: Ms. Beth Crissy </p>
+
<p>Ms. Beth Crissy supervised our lab activity and provided presentation coaching.</p>
−
<p>Supervised our lab activity and provided presentation coaching</p>
+
−
 
+
−
</div>
+
 
</div>
 
</div>
−
</section>
 
−
 
−
</h3>
 
−
 
−
 
  
 
</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 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>
−
 
+
<p>Dr. Akihiro Abe: Taught us about the current advances in immunological therapy for colorectal cancer.</p>
−
<span style="font-weight:bold;">Tokyo Tech iGEM Team: </span>Gave us feedback on the presentation of our results.
+
<p>Taipei American School, Mr. Jude Clapper (2017 TAS iGEM team): Technical support on our experiments and wiki.</p>
−
</p>
+
<p>Tokyo Tech iGEM Team: Gave us feedback on the presentation of our results.</p>
−
 
+
<p>2015 Peking iGEM Team: </span>Inspired us on our construct design.</p>
−
<span style="font-weight:bold;">Dr. Akihiro Abe: </span>Taught us about the current advances in immunological therapy for colorectal cancer
+
−
</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>
 
</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">
 +
<p>Integrated DNA Technologies (IDT): Provided us with parts of DNA for our construct.</p>
  
 +
</div>
  
−
<h2 class="major">Lab Support</h2>
+
</section>
  
−
<span style="font-weight:bold;">Integrated DNA Technologies (IDT): </span>Provided us with parts of DNA for our construct.
 
−
</p>
 
−
</div>
 
−
</div>
 
−
</section>
 
  
−
+
<!-- Three -->
−
<!-- Two -->
+
<section id="three" class="wrapper alt spotlight style3">
−
<section id="two" class="wrapper alt spotlight style2">
+
−
</div>
+
−
</div>
+
−
</section>
+
−
 
+
−
<!-- Three -->
+
−
<section id="three" class="wrapper 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>
−
<p>Alex Shin & Everett Xu:</p>
+
<p>Alex Shin & Everett Xu: Made this page and other pages.</p>
−
<p>Made this page and other pages.</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">
 +
<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>
 +
<p>Mr. Ed Gilmartin: Shared his personal story as a colorectal cancer survivor with the iGEM team.</p>
 +
<p>Ms. Carole Nickle: Shared her personal story as a colorectal cancer survivor with the iGEM team.</p>
 +
<p>Athena Brooks: </span>Helped us reach out to the Japanese community by getting permission to hand out brochures.</p>
 +
</div>
  
−
 
+
</section>
−
<span style="font-weight:bold;">ASIJ administration: </span>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
+
<!-- Four -->
−
Presentation
+
<section id="three" class="wrapper alt style3">
−
</p>
+
−
 
+
−
 
+
−
<span style="font-weight:bold;">Mr. Ed Gilmartin: </span>Shared his personal story as a colorectal cancer survivor with the iGEM team.
+
−
</p>
+
−
 
+
−
 
+
−
<span style="font-weight:bold;">Ms. Carole Nickle: </span>Shared her personal story as a colorectal cancer survivor with the iGEM team.
+
−
</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 -->
+
−
<section id="two" class="wrapper alt spotlight style2">
+
−
</div>
+
−
</div>
+
−
</section>
+
−
 
+
−
<!-- Three -->
+
−
<section id="three" class="wrapper spotlight style3">
+
 
<div class="inner">
 
<div class="inner">
−
<div class="content">
+
<h2 class="major">Works Cited</h2>
−
<h2 class="major">Collaborators</h2>
+
<section class="features">
−
 
+
<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>
−
<span style="font-weight:bold;"> Tokyo Tech iGEM Team: </span>Sharing project ideas with each other and supporting our research.
+
<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>
−
</p>
+
<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>
−
+
<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>
−
 
+
<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>
−
</div>
+
<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>
−
</div>
+
<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.
−
</section>
+
(http://www.sciencedirect.com/science/article/pii/S1389172315004417)</p>
−
 
+
</div>
−
 
+
−
+
−
+
−
+
−
<!-- Scripts -->
+
−
<script src="assets/js/skel.min.js"></script>
+
−
<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 363: 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,977: Line 1,863:
  
 
body {
 
body {
−
background-color: #844680;
+
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,317: Line 2,203:
 
select:focus,
 
select:focus,
 
textarea:focus {
 
textarea:focus {
−
border-color: #a3589e;
+
border-color: #6a588e;
 
}
 
}
  
Line 2,355: Line 2,241:
 
select option {
 
select option {
 
color: #ffffff;
 
color: #ffffff;
−
background: #a3589e;
+
background: #f2efe8;
 
}
 
}
  
Line 2,430: Line 2,316:
 
border-color: #ffffff;
 
border-color: #ffffff;
 
content: '\f00c';
 
content: '\f00c';
−
color: #a3589e;
+
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: #a3589e;
+
border-color: #f2efe8;
 
}
 
}
  
Line 2,802: Line 2,688:
  
 
ul.pagination li > .page.active {
 
ul.pagination li > .page.active {
−
background-color: #a3589e;
+
background-color: #f2efe8;
 
}
 
}
  
Line 2,984: Line 2,870:
 
button.special,
 
button.special,
 
.button.special {
 
.button.special {
−
background-color: #a3589e;
+
background-color: #f2efe8;
 
box-shadow: none;
 
box-shadow: none;
 
}
 
}
Line 2,993: Line 2,879:
 
button.special:hover,
 
button.special:hover,
 
.button.special:hover {
 
.button.special:hover {
−
background-color: #a3589e;
+
background-color: #6a588e;
 
}
 
}
  
Line 3,001: Line 2,887:
 
button.special:active,
 
button.special:active,
 
.button.special:active {
 
.button.special:active {
−
background-color: #a3589e;
+
background-color: #f2efe8;
 
}
 
}
  
Line 3,009: Line 2,895:
 
button.special.icon:before,
 
button.special.icon:before,
 
.button.special.icon:before {
 
.button.special.icon:before {
−
color: #a3589e;
+
color: #7985b0;
 
}
 
}
  
Line 3,078: 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: #a3589e;
+
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,352: 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: #a3589e;
+
background: #f2efe8;
 
border-radius: 5px;
 
border-radius: 5px;
 
display: block;
 
display: block;
Line 3,408: Line 3,294:
  
 
#menu .links li a:hover {
 
#menu .links li a:hover {
−
background: #a3589e;
+
background: #f2efe8;
 
}
 
}
  
Line 3,539: Line 3,425:
 
#banner {
 
#banner {
 
padding: 7em 0 8.25em 0 ;
 
padding: 7em 0 8.25em 0 ;
−
background-color: #a3589e;
+
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,649: Line 3,535:
 
#wrapper > header {
 
#wrapper > header {
 
padding: 9em 0 6.25em 0 ;
 
padding: 9em 0 6.25em 0 ;
−
background-color: #a3589e;
+
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,692: Line 3,578:
  
 
.wrapper {
 
.wrapper {
−
background-color: #a3589e;
+
background-color: #f2efe8;
 
margin: 6.5em 0;
 
margin: 6.5em 0;
 
position: relative;
 
position: relative;
Line 3,698: 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 #a3589e, 0 1px 0 0 #a3589e;
+
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.wrapper:after {
 
.wrapper:after {
−
box-shadow: inset 0 -1px 0 0 #a3589e, 0 1px 0 0 #a3589e;
+
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
Line 3,754: Line 3,640:
  
 
.wrapper.style2 {
 
.wrapper.style2 {
−
background-color: #a3589e;
+
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 #a3589e, 0 1px 0 0 #a3589e;
+
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 #a3589e, 0 1px 0 0 #a3589e;
+
box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8;
 
}
 
}
  
 
.wrapper.style3 {
 
.wrapper.style3 {
−
background-color: #a3589e;
+
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 #a3589e, 0 1px 0 0 #a3589e;
+
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 #a3589e, 0 1px 0 0 #a3589e;
+
box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8;
 
}
 
}
  
 
.wrapper.style4 {
 
.wrapper.style4 {
−
background-color: #a3589e;
+
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 #a3589e, 0 1px 0 0 #a3589e;
+
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 #a3589e, 0 1px 0 0 #a3589e;
+
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.wrapper.style5 {
 
.wrapper.style5 {
−
background-color: #a3589e;
+
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 #a3589e, 0 1px 0 0 #a3589e;
+
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 #a3589e, 0 1px 0 0 #a3589e;
+
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.wrapper.style6 {
 
.wrapper.style6 {
−
background-color: #a3589e;
+
background-color: #555867;
 
}
 
}
  
 
.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");
+
 
 
}
 
}
  
 
.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: #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' 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");
+
 
 
}
 
}
  
 
.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 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.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 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
Line 3,895: Line 3,781:
  
 
.wrapper.spotlight.style2 {
 
.wrapper.spotlight.style2 {
−
background-color: #a3589e;
+
background-color: #f2efe8;
 
}
 
}
  
−
.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");
+
 
 
}
 
}
  
 
.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 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.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 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
}
  
 
.wrapper.spotlight.style3 {
 
.wrapper.spotlight.style3 {
−
background-color: #a3589e;
+
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 #a3589e, 0 1px 0 0 #a3589e;
+
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 #844680, 0 1px 0 0 #844680;
+
box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8;
 
}
 
}
  
 
.wrapper.spotlight.style4 {
 
.wrapper.spotlight.style4 {
−
background-color: #844680;
+
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 #844680, 0 1px 0 0 #844680;
+
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 #844680, 0 1px 0 0 #844680;
+
box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8;
 
}
 
}
  
 
.wrapper.spotlight.style5 {
 
.wrapper.spotlight.style5 {
−
background-color: #844680;
+
background-color: #324072;
 
}
 
}
  
 
.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 #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;
 
}
 
}
  
 
.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 #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,137: Line 4,023:
  
 
#footer {
 
#footer {
−
background-color: #844680;
+
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,230: Line 4,116:
  
 
body {
 
body {
−
background-color: #844680;
+
background-color: #f2efe8;
 
background-image: url("../../images/bg.jpg");
 
background-image: url("../../images/bg.jpg");
 
background-size: cover;
 
background-size: cover;
Line 4,423: Line 4,309:
  
 
#menu {
 
#menu {
−
background: #844680;
+
background: #f2efe8;
 
}
 
}
  
Line 4,433: Line 4,319:
  
 
#header {
 
#header {
−
background-color: #844680;
+
background-color: #dbe9d8;
 
}
 
}
  
Line 4,476: Line 4,362:
 
}
 
}
 
</style>
 
</style>
 +
 +
  
 
</body>
 
</body>
 
</html>
 
</html>

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)