Difference between revisions of "Team:ASIJ TOKYO"

Line 1: Line 1:
 
{{Team:ASIJ_TOKYO/css}}
 
{{Team:ASIJ_TOKYO/css}}
−
<!DOCTYPE HTML>
 
 
<!--
 
<!--
 
Solid State by HTML5 UP
 
Solid State by HTML5 UP
Line 8: Line 7:
 
<html>
 
<html>
 
<head>
 
<head>
 +
 
<title>Solid State by HTML5 UP</title>
 
<title>Solid State by HTML5 UP</title>
 
<meta charset="utf-8" />
 
<meta charset="utf-8" />
−
<meta name="viewport" content="width=device-width, initial-scale=1" />
+
<meta namest="viewport" content="width=device-width, initial-scale=1" />
 
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
 
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
−
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
+
<style>
−
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
+
@import url(font-awesome.min.css);
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<style media="screen" type="text/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");
 
@import url("https://fonts.googleapis.com/css?family=Raleway:200,700|Source+Sans+Pro:300,600,300italic,600italic");
  
Line 1,713: Line 1,705:
  
 
}
 
}
−
 
+
lore
 
a {
 
a {
 
-moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
 
-moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
Line 3,888: Line 3,880:
  
 
}
 
}
−
 
+
</style>
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
/*
+
−
Solid State by HTML5 UP
+
−
html5up.net | @ajlkn
+
−
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+
−
*/
+
−
 
+
−
/* Basic */
+
−
 
+
−
body {
+
−
-ms-behavior: url("assets/js/backgroundsize.min.htc");
+
−
}
+
−
 
+
−
/* Type */
+
−
 
+
−
h1.major, h2.major, h3.major, h4.major, h5.major, h6.major {
+
−
border-bottom: solid 2px #ffffff;
+
−
}
+
−
 
+
−
blockquote {
+
−
border-left: solid 4px #ffffff;
+
−
}
+
−
 
+
−
code {
+
−
border: solid 2px #ffffff;
+
−
}
+
−
 
+
−
hr {
+
−
border-bottom: solid 2px #ffffff;
+
−
}
+
−
 
+
−
/* Button */
+
−
 
+
−
input[type="submit"],
+
−
input[type="reset"],
+
−
input[type="button"],
+
−
button,
+
−
.button {
+
−
position: relative;
+
−
-ms-behavior: url("assets/js/ie/PIE.htc");
+
−
border: solid 2px #ffffff;
+
−
}
+
−
 
+
−
input[type="submit"].special,
+
−
input[type="reset"].special,
+
−
input[type="button"].special,
+
−
button.special,
+
−
.button.special {
+
−
border: 0;
+
−
}
+
−
 
+
−
/* Form */
+
−
 
+
−
input[type="text"],
+
−
input[type="password"],
+
−
input[type="email"],
+
−
input[type="tel"],
+
−
select,
+
−
textarea {
+
−
position: relative;
+
−
-ms-behavior: url("assets/js/ie/PIE.htc");
+
−
background: transparent;
+
−
border: solid 2px #ffffff;
+
−
}
+
−
 
+
−
/* Table */
+
−
 
+
−
table tbody tr {
+
−
border: solid 1px #ffffff;
+
−
border-left: 0;
+
−
border-right: 0;
+
−
}
+
−
 
+
−
table.alt tbody tr td {
+
−
border: solid 1px #ffffff;
+
−
border-left-width: 0;
+
−
border-top-width: 0;
+
−
}
+
−
 
+
−
table.alt tbody tr td:first-child {
+
−
border-left-width: 1px;
+
−
}
+
−
 
+
−
table.alt tbody tr:first-child td {
+
−
border-top-width: 1px;
+
−
}
+
−
 
+
−
table.alt thead {
+
−
border-bottom: 0;
+
−
}
+
−
 
+
−
table.alt tfoot {
+
−
border-top: 0;
+
−
}
+
−
 
+
−
/* Features */
+
−
 
+
−
.features article {
+
−
-ms-behavior: url("assets/js/ie/PIE.htc");
+
−
position: relative;
+
−
width: 44%;
+
−
}
+
−
 
+
−
.features article .image {
+
−
margin-top: 0;
+
−
margin-left: 0;
+
−
width: 100%;
+
−
}
+
−
 
+
−
/* Menu */
+
−
 
+
−
#menu {
+
−
background: #2e3141;
+
−
}
+
−
 
+
−
#menu h2 {
+
−
border-bottom: solid 2px #ffffff;
+
−
}
+
−
 
+
−
/* Header */
+
−
 
+
−
#header {
+
−
background-color: #353849;
+
−
}
+
−
 
+
−
/* Wrapper */
+
−
 
+
−
.wrapper {
+
−
margin: 0;
+
−
}
+
−
 
+
−
.wrapper:before, .wrapper:after {
+
−
display: none;
+
−
}
+
−
 
+
−
.wrapper.spotlight .image {
+
−
-ms-behavior: url("assets/js/ie/PIE.htc");
+
−
}
+
−
 
+
−
.wrapper.spotlight .image img {
+
−
position: relative;
+
−
-ms-behavior: url("assets/js/ie/PIE.htc");
+
−
}
+
−
 
+
−
/* Banner */
+
−
 
+
−
#banner .logo .icon {
+
−
border: solid 2px #ffffff;
+
−
-ms-behavior: url("assets/js/ie/PIE.htc");
+
−
}
+
−
 
+
−
#banner h2 {
+
−
border-bottom: solid 2px #ffffff;
+
−
}
+
−
 
+
−
/* Footer */
+
−
 
+
−
#footer .inner .copyright {
+
−
border-top: solid 2px #ffffff;
+
−
}
+
−
 
+
−
#footer .inner .copyright li {
+
−
border-left: solid 2px #ffffff;
+
−
}
+
−
 
+
−
 
+
−
/*
+
−
Solid State by HTML5 UP
+
−
html5up.net | @ajlkn
+
−
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+
−
*/
+
−
 
+
−
/* Basic */
+
−
 
+
−
body {
+
−
background-color: #2e3141;
+
−
background-image: url("../../images/bg.jpg");
+
−
background-size: cover;
+
−
background-attachment: fixed;
+
−
background-position: center;
+
−
}
+
−
 
+
−
body:before {
+
−
background: rgba(46, 49, 65, 0.8);
+
−
content: '';
+
−
display: block;
+
−
height: 100%;
+
−
left: 0;
+
−
position: fixed;
+
−
top: 0;
+
−
width: 100%;
+
−
}
+
−
 
+
−
body > * {
+
−
position: relative;
+
−
z-index: 1;
+
−
}
+
−
 
+
−
/* Features */
+
−
 
+
−
.features article {
+
−
display: inline-block;
+
−
width: 45%;
+
−
}
+
−
 
+
−
/* Menu */
+
−
 
+
−
#menu .inner {
+
−
margin: 4em auto;
+
−
}
+
−
 
+
−
/* Wrapper */
+
−
 
+
−
#wrapper > header {
+
−
background: none !important;
+
−
}
+
−
 
+
−
.wrapper.spotlight .inner {
+
−
text-align: left !important;
+
−
}
+
−
 
+
−
.wrapper.spotlight .image {
+
−
display: inline-block;
+
−
margin: 0 3em 2em 0 !important;
+
−
vertical-align: middle;
+
−
width: 24%;
+
−
}
+
−
 
+
−
.wrapper.spotlight .content {
+
−
display: inline-block;
+
−
vertical-align: middle;
+
−
width: 70%;
+
−
}
+
−
 
+
−
/* Banner */
+
−
 
+
−
#banner {
+
−
background: none !important;
+
−
}
+
−
 
+
−
/* Footer */
+
−
 
+
−
#footer {
+
−
background: none !important;
+
−
}
+
−
 
+
−
#footer .inner form {
+
−
display: inline-block;
+
−
width: 45%;
+
−
}
+
−
 
+
−
#footer .inner .contact {
+
−
display: inline-block;
+
−
width: 45%;
+
−
}
+
−
+
−
</style>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
  
 
</head>
 
</head>
Line 4,193: Line 3,915:
 
<div class="inner">
 
<div class="inner">
 
<div class="logo"><span class="icon fa-diamond"></span></div>
 
<div class="logo"><span class="icon fa-diamond"></span></div>
−
<h2>This is Solid State</h2>
+
<h2>IGEM ASIJ Tokyo </h2>
−
<p>Another free + fully responsive site template by <a href="http://html5up.net">HTML5 UP</a></p>
+
<p>Cool wiki right</p>
 
</div>
 
</div>
 
</section>
 
</section>
Line 4,204: Line 3,926:
 
<section id="one" class="wrapper spotlight style1">
 
<section id="one" class="wrapper spotlight style1">
 
<div class="inner">
 
<div class="inner">
−
<a href="#" class="image"><img src="images/pic01.jpg" alt="" /></a>
+
<a name = "projdes"></a>
 +
<a href="projdes" class="image"><img src="images/pic01.jpg" alt="" /></a>
 
<div class="content">
 
<div class="content">
−
<h2 class="major">Magna arcu feugiat</h2>
+
<h2 class="major">Project Description</h2>
−
<p>Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.</p>
+
<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 tumor suppressor gene. 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. Building off of a split-luciferase system characterized by the 2015 Peking iGEM team, our construct consists of a promoter reporter system that looks specifically at two downstream products, C-myc and COX-2. </p>
−
<a href="#" class="special">Learn more</a>
+
<a href="https://2017.igem.org/Team:ASIJ_TOKYO/Description" class="special">Learn more</a>
 
</div>
 
</div>
 
</div>
 
</div>
Line 4,216: Line 3,939:
 
<section id="two" class="wrapper alt spotlight style2">
 
<section id="two" class="wrapper alt spotlight style2">
 
<div class="inner">
 
<div class="inner">
−
<a href="#" class="image"><img src="images/pic02.jpg" alt="" /></a>
+
<a name = "parts"></a>
 +
<a href="parts" class="image"><img src="images/pic02.jpg" alt="" /></a>
 
<div class="content">
 
<div class="content">
−
<h2 class="major">Tempus adipiscing</h2>
+
<h2 class="major">Parts</h2>
 
<p>Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.</p>
 
<p>Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.</p>
−
<a href="#" class="special">Learn more</a>
+
<a href="https://2017.igem.org/Team:ASIJ_TOKYO/Parts" class="special">Learn more</a>
 
</div>
 
</div>
 
</div>
 
</div>
Line 4,228: Line 3,952:
 
<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="images/pic03.jpg" alt="" /></a>
+
<a name = "humanprac"></a>
 +
<a href="#humanprac" class="image"><img src="images/pic03.jpg" alt="" /></a>
 
<div class="content">
 
<div class="content">
−
<h2 class="major">Nullam dignissim</h2>
+
<h2 class="major">Human Practices</h2>
 
<p>Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.</p>
 
<p>Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.</p>
−
<a href="#" class="special">Learn more</a>
+
<a href="https://2017.igem.org/Team:ASIJ_TOKYO/Engagement" class="special">Learn more</a>
 
</div>
 
</div>
 
</div>
 
</div>
Line 4,240: Line 3,965:
 
<section id="four" class="wrapper alt style1">
 
<section id="four" class="wrapper alt style1">
 
<div class="inner">
 
<div class="inner">
−
<h2 class="major">Vitae phasellus</h2>
+
<a name = "team"></a>
 +
<h2 class="major">The Team</h2>
 
<p>Cras mattis ante fermentum, malesuada neque vitae, eleifend erat. Phasellus non pulvinar erat. Fusce tincidunt, nisl eget mattis egestas, purus ipsum consequat orci, sit amet lobortis lorem lacus in tellus. Sed ac elementum arcu. Quisque placerat auctor laoreet.</p>
 
<p>Cras mattis ante fermentum, malesuada neque vitae, eleifend erat. Phasellus non pulvinar erat. Fusce tincidunt, nisl eget mattis egestas, purus ipsum consequat orci, sit amet lobortis lorem lacus in tellus. Sed ac elementum arcu. Quisque placerat auctor laoreet.</p>
 
<section class="features">
 
<section class="features">
 
<article>
 
<article>
−
<a href="#" class="image"><img src="images/pic04.jpg" alt="" /></a>
+
<a href="#team" class="image"><img src="images/pic04.jpg" alt="" /></a>
 
<h3 class="major">Sed feugiat lorem</h3>
 
<h3 class="major">Sed feugiat lorem</h3>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
−
<a href="#" class="special">Learn more</a>
+
<a href="#team" class="special">Learn more</a>
 
</article>
 
</article>
 
<article>
 
<article>
−
<a href="#" class="image"><img src="images/pic05.jpg" alt="" /></a>
+
<a href="#team" class="image"><img src="images/pic05.jpg" alt="" /></a>
 
<h3 class="major">Nisl placerat</h3>
 
<h3 class="major">Nisl placerat</h3>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
−
<a href="#" class="special">Learn more</a>
+
<a href="#team" class="special">Learn more</a>
 
</article>
 
</article>
 
<article>
 
<article>
−
<a href="#" class="image"><img src="images/pic06.jpg" alt="" /></a>
+
<a href="#team" class="image"><img src="images/pic06.jpg" alt="" /></a>
 
<h3 class="major">Ante fermentum</h3>
 
<h3 class="major">Ante fermentum</h3>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
−
<a href="#" class="special">Learn more</a>
+
<a href="#team" class="special">Learn more</a>
 
</article>
 
</article>
 
<article>
 
<article>
−
<a href="#" class="image"><img src="images/pic07.jpg" alt="" /></a>
+
<a href="#team" class="image"><img src="images/pic07.jpg" alt="" /></a>
 
<h3 class="major">Fusce consequat</h3>
 
<h3 class="major">Fusce consequat</h3>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
 
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
−
<a href="#" class="special">Learn more</a>
+
<a href="#team" class="special">Learn more</a>
 
</article>
 
</article>
 
</section>
 
</section>
 
<ul class="actions">
 
<ul class="actions">
−
<li><a href="#" class="button">Browse All</a></li>
+
<li><a href="#team" class="button">Browse All</a></li>
 
</ul>
 
</ul>
 
</div>
 
</div>

Revision as of 04:24, 18 September 2017

Solid State by HTML5 UP

Project Description

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 tumor suppressor gene. 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. Building off of a split-luciferase system characterized by the 2015 Peking iGEM team, our construct consists of a promoter reporter system that looks specifically at two downstream products, C-myc and COX-2.

Learn more

Parts

Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.

Learn more

Human Practices

Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.

Learn more

The Team

Cras mattis ante fermentum, malesuada neque vitae, eleifend erat. Phasellus non pulvinar erat. Fusce tincidunt, nisl eget mattis egestas, purus ipsum consequat orci, sit amet lobortis lorem lacus in tellus. Sed ac elementum arcu. Quisque placerat auctor laoreet.

Sed feugiat lorem

Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.

Learn more

Nisl placerat

Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.

Learn more

Ante fermentum

Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.

Learn more

Fusce consequat

Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.

Learn more