Difference between revisions of "Team:ASIJ TOKYO"

(Undo revision 367555 by Islawh (talk))
 
(44 intermediate revisions by 4 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 69: Line 69:
 
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
     z-index: 100;
 
     z-index: 100;
     top: 64px;
+
     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 147: Line 149:
 
(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&amp;&amp;!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
 
(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&amp;&amp;!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
 
a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&amp;&amp;("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&amp;&amp;!j&amp;&amp;!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x<style>article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}</style>";
 
a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&amp;&amp;("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&amp;&amp;!j&amp;&amp;!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x<style>article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}</style>";
c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="<xyz></xyz>";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||
+
c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="<xyz></xyz>";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||
 
"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup main mark meter nav output progress section summary time video",version:"3.6.2",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment();
 
"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup main mark meter nav output progress section summary time video",version:"3.6.2",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment();
 
for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d<h;d++)c.createElement(e[d]);return c}};l.html5=e;q(f)})(this,document);
 
for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d<h;d++)c.createElement(e[d]);return c}};l.html5=e;q(f)})(this,document);
Line 158: Line 160:
 
<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 168: Line 170:
 
/* 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, 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, nav, output, ruby, section, summary, time, mark, audio, video {
 
margin: 0;
 
margin: 0;
 
padding: 0;
 
padding: 0;
Line 2,793: Line 2,795:
 
}
 
}
  
input[type="submit"].special:hover,
+
input[type="reset"].special:hover,
+
input[type="button"].special:hover,
+
button.special:hover,
+
.button.special:hover {
+
background-color: #53639e;
+
}
+
  
 
input[type="submit"].special:active,
 
input[type="submit"].special:active,
Line 2,880: Line 2,876:
 
margin: 0 0 2em 0;
 
margin: 0 0 2em 0;
 
}
 
}
 
.features article {
 
padding: 1.75em 1.75em 0.1em 1.75em ;
 
background-color: #353849;
 
border-radius: 5px;
 
margin: 1.5em 3em 1.5em 0;
 
width: calc(50% - 1.5em);
 
}
 
  
 
.features article:nth-child(2n) {
 
.features article:nth-child(2n) {
Line 3,048: Line 3,036:
  
 
#banner {
 
#banner {
padding: 8em 0 4.75em 0 ;
+
padding: 8em 0 8em 0 ;
 
}
 
}
  
Line 3,135: Line 3,123:
 
#banner {
 
#banner {
 
background-image:url("https://static.igem.org/mediawiki/2017/a/a4/Asijigem-banner.png");
 
background-image:url("https://static.igem.org/mediawiki/2017/a/a4/Asijigem-banner.png");
padding: 14.5em 0.1em 14.5em 0.1em ;
+
padding: 20em 1em 20em 1em ;
 
background-size: auto, cover;
 
background-size: auto, cover;
background-position: right, center;
+
background-position: center, center;
margin-bottom: -6.5em;
+
margin-bottom: -2.6em;
 
}
 
}
  
Line 3,284: Line 3,272:
 
}
 
}
  
}
+
 
+
.wrapper {
+
background-color: #f2efe8;
+
margin: 6.5em 0;
+
position: relative;
+
}
+
  
 
.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 {
 
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
 
 
}
 
}
  
.wrapper:after {
+
content: '';
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
+
}
+
 
+
.wrapper:before, .wrapper:after {
+
background-repeat: no-repeat;
+
background-size: 100% 100%;
+
content: '';
+
 
display: block;
 
display: block;
 
height: 6.5em;
 
height: 6.5em;
Line 3,348: Line 3,319:
 
}
 
}
  
.wrapper.style2 {
+
background-color: #353849;
+
}
+
  
 
.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 {
 
box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
 
 
}
 
}
  
.wrapper.style2:after {
+
box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
+
}
+
  
.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");
 
}
 
  
.wrapper.style3:before {
 
box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
 
 
}
 
}
  
.wrapper.style3:after {
+
box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
+
}
+
  
 
.wrapper.style4 {
 
.wrapper.style4 {
Line 3,385: Line 3,340:
  
 
.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 {
 
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
 
}
 
}
  
.wrapper.style4:after {
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
+
}
+
 
+
.wrapper.style5 {
+
background-color: #c2d4d8;
+
}
+
  
 +
 
.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 {
 
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
 
}
 
}
  
.wrapper.style5:after {
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
+
}
+
  
.wrapper.style6 {
+
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 {
 
box-shadow: inset 0 -1px 0 0 #555867, 0 1px 0 0 #555867;
 
 
}
 
}
  
.wrapper.style6:after {
+
box-shadow: inset 0 -1px 0 0 #555867, 0 1px 0 0 #555867;
+
}
+
  
 
.wrapper.spotlight {
 
.wrapper.spotlight {
Line 3,433: Line 3,365:
  
 
.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 {
 
box-shadow: inset 0 0px 0 0 #c2d4d8, 0 0px 0 0 #c2d4d8;
 
 
}
 
}
  
.wrapper.spotlight:after {
+
box-shadow: inset 0 0px 0 0 #c2d4d8, 0 0px 0 0 #c2d4d8;
+
}
+
  
 
.wrapper.spotlight .inner {
 
.wrapper.spotlight .inner {
Line 3,494: Line 3,420:
  
 
.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 {
 
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
 
.wrapper.spotlight.style2:after {
 
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
 
.wrapper.spotlight.style3 {
 
background-color: #3f4e85;
 
}
 
 
.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 {
 
box-shadow: inset 0 -1px 0 0 #3f4e85, 0 1px 0 0 #3f4e85;
 
}
 
 
.wrapper.spotlight.style3:after {
 
box-shadow: inset 0 -1px 0 0 #3f4e85, 0 1px 0 0 #3f4e85;
 
}
 
 
.wrapper.spotlight.style4 {
 
background-color: #39477c;
 
}
 
 
.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 {
 
box-shadow: inset 0 -1px 0 0 #39477c, 0 1px 0 0 #39477c;
 
}
 
 
.wrapper.spotlight.style4:after {
 
box-shadow: inset 0 -1px 0 0 #39477c, 0 1px 0 0 #39477c;
 
}
 
 
.wrapper.spotlight.style5 {
 
background-color: #324072;
 
}
 
 
.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 {
 
box-shadow: inset 0 -1px 0 0 #324072, 0 1px 0 0 #324072;
 
}
 
 
.wrapper.spotlight.style5:after {
 
box-shadow: inset 0 -1px 0 0 #324072, 0 1px 0 0 #324072;
 
}
 
 
.wrapper.spotlight.style6 {
 
background-color: #f2efe8;
 
}
 
 
.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 {
 
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
 
}
 
 
.wrapper.spotlight.style6:after {
 
box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8;
 
 
}
 
}
  
 +
 +
 
@media screen and (max-width: 980px) {
 
@media screen and (max-width: 980px) {
  
Line 4,080: Line 3,936:
  
 
<!-- One -->
 
<!-- One -->
<section id="one" class="wrapper spotlight style1">
+
<section id="four" class="wrapper spotlight style3">
 
<div class="inner">
 
<div class="inner">
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/1/18/Title_image_asij.png" alt="" /></a>
 
 
<div class="content">
 
<div class="content">
<h2 class="major">Description</h2>
+
<h2 class="major">Introduction</h2>
<p>Colorectal cancer remains the second most lethal cancer in the United States, often beginning as benign polyps in the colon and rectum. Despite relative ease of treatment, cases of CRC are usually detected in its late stages, rendering care difficult. CRC results from the mutation of multiple genes involved with the regulation of cell proliferation and DNA repair, with the ASIJ iGEM team focusing primarily on the Wnt pathway. The activation of the Wnt pathway specifically inhibits the degradation of beta-catenin, a protein that triggers the mutation of oncogenes and TSG’s. Through detection of these mutated genes and their subsequent downstream proteins, our team aims to develop an early screening method that can be adapted to a CRC detecting home-kit.</p>
+
<img src="https://static.igem.org/mediawiki/2017/c/c7/Intro1asij2.png" style="width:900px;height:100%;"> </img>
 +
  <img src="https://static.igem.org/mediawiki/2017/e/ec/Asijanchiegg493i23.png" style="width:900px;height:100%;"> </img>
 +
  <img src="https://static.igem.org/mediawiki/2017/0/01/Intro3asij2.png" style="width:900px;height:100%;"> </img>
 +
  <img src="https://static.igem.org/mediawiki/2017/e/e0/Intro4asij5.png" style="width:900px;height:100%;"> </img>
 
</div>
 
</div>
 
</div>
 
</div>
</section>
+
</section>
 
+
+
<!-- Four -->
+
<section id="four" class="wrapper alt style1">
+
<div class="inner">
+
<h2 class="major">Our Team!</h2>
+
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Team" class="image"><img src="https://static.igem.org/mediawiki/2017/a/a6/ASIJ_TEAM_PIC.jpg" style="width:880px;height:100%;">
+
+
 
 
 
<ul class="actions">
 
<ul class="actions">

Latest revision as of 16:08, 1 November 2017

</br>IGEM ASIJ TOKYO

Introduction