Difference between revisions of "Team:TNCR Korea/Design"

(Prototype team page)
 
Line 1: Line 1:
{{TNCR_Korea}}
+
 
 
<html>
 
<html>
  
 +
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
 +
<!--[if IE 7]>        <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
 +
<!--[if IE 8]>        <html class="no-js lt-ie9"> <![endif]-->
 +
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
 +
<head>
 +
<meta charset="utf-8">
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
<title>TNCR_KOREA &mdash; Digestable Gluten</title>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<meta name="description" content="Free HTML5 Template by FREEHTML5.CO" />
 +
<meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />
 +
<meta name="author" content="FREEHTML5.CO" />
 +
 +
 +
<meta property="og:title" content=""/>
 +
<meta property="og:image" content=""/>
 +
<meta property="og:url" content=""/>
 +
<meta property="og:site_name" content=""/>
 +
<meta property="og:description" content=""/>
 +
<meta name="twitter:title" content="" />
 +
<meta name="twitter:image" content="" />
 +
<meta name="twitter:url" content="" />
 +
<meta name="twitter:card" content="" />
 +
 +
 +
<link rel="shortcut icon" href="favicon.ico">
 +
 +
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,300' rel='stylesheet' type='text/css'>
 +
 +
<!-- Animate.css -->
 +
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:TNCR_Korea_animate/CSS?action=raw&ctype=text/css">
 +
<!-- Icomoon Icon Fonts-->
 +
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:TNCR_Korea_icomoon/CSS?action=raw&ctype=text/css">
 +
<!-- Bootstrap  -->
 +
<link rel="stylesheet" type="text/css"  href="https://2017.igem.org/Template:TNCR_Korea_bootstrap/CSS?action=raw&ctype=text/css">
 +
<!-- Superfish -->
 +
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:TNCR_Korea_superfish/CSS?action=raw&ctype=text/css">
 +
 +
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:TNCR_Korea_style/CSS?action=raw&ctype=text/css">
 +
 +
 +
<!-- Modernizr JS -->
 +
<script src="https://2017.igem.org/Template:TNCR_Korea_modernizr/Javascript?
 +
action=raw&ctype=text/javascript"></script>
 +
<!-- FOR IE9 below -->
 +
<!--[if lt IE 9]>
 +
<script src="https://2017.igem.org/Template:TNCR_Korea_respond/Javascript?
 +
action=raw&ctype=text/javascript"></script>
 +
<![endif]-->
 +
 +
 +
 +
<style>
 +
 +
 +
 +
 +
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 +
 +
/* Clear the default wiki settings */
 +
 +
#home_logo, #sideMenu { display:none; }
 +
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { width:100%; padding: 0px;  margin-top:-7px; margin-left:0px;}
 +
body {background-color:white; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 +
 +
 +
#top_menu_under {
 +
    position: relative;
 +
    width: 100%;
 +
    /* height: 18px; */
 +
}
 +
 +
#fh5co-primary-menu li{
 +
display: inline
 +
}
 +
 +
 +
 +
 +
#fh5co-menu-wrap {
 +
  position: relative;
 +
  z-index: 2;
 +
  display: block;
 +
  float: right;
 +
  margin-top: 60px;
 +
}
 +
 +
#fh5co-menu-wrap .sf-menu a {
 +
  padding: 1em .75em;
 +
}
 +
 +
#fh5co-primary-menu > li > ul li.active > a {
 +
  color: #FCC72C !important;
 +
}
 +
#fh5co-primary-menu > li > .sf-with-ul:after {
 +
  border: none !important;
 +
  font-family: 'icomoon';
 +
  speak: none;
 +
  font-style: normal;
 +
  font-weight: normal;
 +
  font-variant: normal;
 +
  text-transform: none;
 +
  line-height: 1;
 +
  /* Better Font Rendering =========== */
 +
  -webkit-font-smoothing: antialiased;
 +
  -moz-osx-font-smoothing: grayscale;
 +
  position: absolute;
 +
  float: right;
 +
  margin-right: -5px;
 +
  top: 50%;
 +
  margin-top: -7px;
 +
  content: "\e922";
 +
  color: rgba(255, 255, 255, 0.5);
 +
}
 +
#fh5co-primary-menu > li > ul li {
 +
  position: relative;
 +
}
 +
 +
 +
#fh5co-primary-menu > li > ul li > .sf-with-ul:after {
 +
  border: none !important;
 +
  font-family: 'icomoon';
 +
  speak: none;
 +
  font-style: normal;
 +
  font-weight: normal;
 +
  font-variant: normal;
 +
  text-transform: none;
 +
  line-height: 1;
 +
  /* Better Font Rendering =========== */
 +
  -webkit-font-smoothing: antialiased;
 +
  -moz-osx-font-smoothing: grayscale;
 +
  position: absolute;
 +
  float: right;
 +
  margin-right: 10px;
 +
  top: 20px;
 +
  font-size: 16px;
 +
  content: "\e924";
 +
  color: rgba(0, 0, 0, 0.5);
 +
}
 +
 +
#fh5co-primary-menu .fh5co-sub-menu {
 +
  padding: 10px 7px 10px;
 +
  background: #fff;
 +
  left: 0;
 +
  -webkit-border-radius: 5px;
 +
  -moz-border-radius: 5px;
 +
  -ms-border-radius: 5px;
 +
  border-radius: 5px;
 +
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
 +
  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
 +
  -ms-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
 +
  -o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
 +
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
 +
}
 +
 +
#fh5co-primary-menu .fh5co-sub-menu > li > .fh5co-sub-menu {
 +
  left: 100%;
 +
}
 +
 +
#fh5co-primary-menu .fh5co-sub-menu:before {
 +
  position: absolute;
 +
  top: -9px;
 +
  left: 20px;
 +
  width: 0;
 +
  height: 0;
 +
  content: '';
 +
}
 +
 +
#fh5co-primary-menu .fh5co-sub-menu:after {
 +
  position: absolute;
 +
  top: -8px;
 +
  left: 21px;
 +
  width: 0;
 +
  height: 0;
 +
  border-right: 8px solid transparent;
 +
  border-bottom: 8px solid #fff;
 +
  border-bottom: 8px solid white;
 +
  border-left: 8px solid transparent;
 +
  content: '';
 +
}
 +
 +
#fh5co-primary-menu .fh5co-sub-menu .fh5co-sub-menu:before {
 +
  top: 6px;
 +
  left: 100%;
 +
}
 +
 +
#fh5co-primary-menu .fh5co-sub-menu .fh5co-sub-menu:after {
 +
  top: 7px;
 +
  right: 100%;
 +
  border: none !important;
 +
}
 +
 +
.site-header.has-image #primary-menu .sub-menu {
 +
  border-color: #ebebeb;
 +
  -webkit-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
 +
  -moz-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
 +
  -ms-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
 +
  -o-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
 +
  box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);
 +
}
 +
.site-header.has-image #primary-menu .sub-menu:before {
 +
  display: none;
 +
}
 +
 +
#fh5co-primary-menu .fh5co-sub-menu a {
 +
  letter-spacing: 0;
 +
  padding: 0 15px;
 +
  font-size: 18px;
 +
  line-height: 34px;
 +
  color: #575757 !important;
 +
  text-transform: none;
 +
  background: none;
 +
}
 +
 +
#fh5co-primary-menu .fh5co-sub-menu li {
 +
  display: block;
 +
}
 +
 +
#fh5co-primary-menu .fh5co-sub-menu a:hover {
 +
  color: #FCC72C !important;
 +
}
 +
 +
#fh5co-work-section,
 +
#fh5co-services-section,
 +
#fh5co-content-section,
 +
#fh5co-work-section_2,
 +
#fh5co-blog-section {
 +
  padding: 7em 0;
 +
}
 +
@media screen and (max-width: 768px) {
 +
  #fh5co-work-section,
 +
  #fh5co-services-section,
 +
  #fh5co-content-section,
 +
  #fh5co-work-section_2,
 +
  #fh5co-blog-section {
 +
    padding: 4em 0;
 +
  }
 +
}
 +
 +
 +
</style>
  
  
  
<div class="column full_size">
+
</head>
<h1>Design</h1>
+
<body>
<p>
+
<div id="fh5co-wrapper">
Design is the first step in the design-build-test cycle in engineering and synthetic biology. Use this page to describe the process that you used in the design of your parts. You should clearly explain the engineering principles used to design your project.
+
<div id="fh5co-page">
</p>
+
<div id="fh5co-header">
 +
<header id="fh5co-header-section">
 +
<div class="container">
 +
<div class="nav-header">
 +
<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
 +
<h1 id="fh5co-logo"><a href="index.html"><span>TNCR</span>KOREA</a></h1>
 +
<nav id="fh5co-menu-wrap" role="navigation">
 +
<ul class="sf-menu" id="fh5co-primary-menu">
 +
<li>
 +
<a href="https://2017.igem.org/Team:TNCR_Korea">Home</a>
 +
</li>
 +
<li>
 +
<a href="portfolio.html" class="fh5co-sub-ddown">Team</a>
 +
<ul class="fh5co-sub-menu">
 +
<li><a href="https://2017.igem.org/Team:TNCR_Korea/Team" target="_blank">Team</a></li>
 +
<li><a href="https://2017.igem.org/Team:TNCR_Korea/Attributions" target="_blank">Attributions</a></li>
 +
<li><a href="https://2017.igem.org/Team:TNCR_Korea/Collaborations" target="_blank">Collaborations</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="portfolio.html" class="fh5co-sub-ddown">Project</a>
 +
<ul class="fh5co-sub-menu">
 +
<li><a href="https://2017.igem.org/Team:TNCR_Korea/Background" target="_blank">Background</a></li>
 +
<li><a href="https://2017.igem.org/Team:TNCR_Korea/Description" target="_blank">Description</a></li>
 +
<li><a href="https://2017.igem.org/Team:TNCR_Korea/Design" target="_blank">Design</a></li>
 +
<li><a href="https://2017.igem.org/Team:TNCR_Korea/Experiments" target="_blank">Experiments</a></li>
 +
<li><a href="https://2017.igem.org/Team:TNCR_Korea/Notebook" target="_blank">Notebook</a></li>
 +
<li><a href="https://2017.igem.org/Team:TNCR_Korea/Model" target="_blank">Model</a></li>
 +
<li><a href="https://2017.igem.org/Team:TNCR_Korea/Results" target="_blank">Results</a></li>
 +
</ul>
 +
</li>
 +
<li class="active">
 +
<a href="portfolio.html" class="fh5co-sub-ddown">Parts</a>
 +
<ul class="fh5co-sub-menu">
 +
<li><a href="https://2017.igem.org/Team:TNCR_Korea/Parts" target="_blank">Parts</a></li>
 +
<li><a href="https://2017.igem.org/Team:TNCR_Korea/Contribution" target="_blank">Contribution</a></li>
 +
<li><a href="https://2017.igem.org/Team:TNCR_Korea/Basic_Part" target="_blank">Basic Part</a></li>
 +
<li><a href="https://2017.igem.org/Team:TNCR_Korea/Composite_Part" target="_blank">Composite Part</a></li>
 +
<li><a href="https://2017.igem.org/Team:TNCR_Korea/Part_Collection" target="_blank">Part Collection</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="portfolio.html" class="fh5co-sub-ddown">Human Practices</a>
 +
<ul class="fh5co-sub-menu">
 +
<li><a href="https://2017.igem.org/Team:TNCR_Korea/HP/Silver" target="_blank">Human Activity</a></li>
 +
<li><a href="https://2017.igem.org/Team:TNCR_Korea/HP/Gold_Integrated" target="_blank">Integrated Human Activity</a></li>
 +
<li><a href="https://2017.igem.org/Team:TNCR_Korea/Engagement" target="_blank">Public Engagement</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="https://2017.igem.org/Team:TNCR_Korea">Awards</a>
 +
</li>
 +
</ul>
 +
</nav>
 +
</div>
 +
</div>
 +
</header>
 +
 +
</div>
 +
  
<p>
+
This page is different to the "Applied Design Award" page. Please see the <a href="https://2017.igem.org/Team:TNCR_Korea/Applied_Design">Applied Design</a> page for more information on how to compete for that award.
+
<div class="fh5co-hero fh5co-hero-2">
</p>
+
<div class="fh5co-overlay"></div>
 +
<div class="fh5co-cover fh5co-cover_2 text-center" data-stellar-background-ratio="0.5" style="background-image: url(images/about-image.jpg);">
 +
<div class="desc animate-box">
 +
<h2>Notebook</h2>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- end:header-top -->
 +
<div id="fh5co-about">
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-md-8 col-md-offset-2 text-center heading-section animate-box">
 +
<h3>Notebook</h3>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-md-8 col-md-offset-2 animate-box">
 +
<h3>Motivation</h3>
 +
<p>Celiac disease is a serious autoimmune disorder that is mainly caused by gluten, which is composed of gliadorphins. Among gliadorphin, amino acid called proline is abundant. This proline causes inflammation in intestinal immunocyte, triggering it to attack absorptive cells and damage small intestine.</p>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="col-md-10 animate-box">
 +
<img src="https://i.imgur.com/LsQVRP3.png" alt="Mountain View">
 +
<img src="https://i.imgur.com/6Sb9Aki.png" alt="Mountain View">
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- fh5co-content-section -->
 +
 +
<!-- fh5co-blog-section -->
 +
<footer>
 +
<div id="footer">
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-md-6 col-md-offset-3 text-center">
 +
<p>Copyright 2016 Free Html5 <a href="#">TNCR_KOREA</a>. All Rights Reserved. <br>Made with <i class="icon-heart3"></i> by <a href="http://freehtml5.co/" target="_blank">Freehtml5.co</a> / Demo Images: <a href="https://unsplash.com/" target="_blank">Unsplash</a></p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</footer>
 +
  
</div>
+
</div>
 +
<!-- END fh5co-page -->
  
<div class="column half_size">
+
</div>
<h5>What should this page contain?</h5>
+
<!-- END fh5co-wrapper -->
<ul>
+
<li>Explanation of the engineering principles your team used in your design</li>
+
<li>Discussion of the design iterations your team went through</li>
+
<li>Experimental plan to test your designs</li>
+
</ul>
+
  
</div>
+
<!-- jQuery -->
  
<div class="column half_size">
 
<h5>Inspiration</h5>
 
<ul>
 
<li><a href="https://2016.igem.org/Team:MIT/Experiments/Promoters">2016 MIT</a></li>
 
<li><a href="https://2016.igem.org/Team:BostonU/Proof">2016 BostonU</a></li>
 
<li><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">2016 NCTU Formosa</a></li>
 
</ul>
 
</div>
 
  
 +
<script src="https://2017.igem.org/Template:TNCR_Korea_jquery_min/Javascript?
 +
action=raw&ctype=text/javascript"></script>
 +
<!-- jQuery Easing -->
 +
<script src="https://2017.igem.org/Template:TNCR_Korea_jquery_easing_1_3/Javascript?
 +
action=raw&ctype=text/javascript"></script>
 +
<!-- Bootstrap -->
 +
<script src="https://2017.igem.org/Template:TNCR_Korea_bootstrap_min/Javascript?
 +
action=raw&ctype=text/javascript"></script>
 +
<!-- Waypoints -->
 +
<script src="https://2017.igem.org/Template:TNCR_Korea_jquery_waypoints_min/Javascript?
 +
action=raw&ctype=text/javascript"></script>
 +
<!-- Stellar -->
 +
<script src="https://2017.igem.org/Template:TNCR_Korea_jquery_stellar_min/Javascript?
 +
action=raw&ctype=text/javascript"></script>
 +
<!-- Superfish -->
 +
<script src="https://2017.igem.org/Template:TNCR_Korea_hoverIntent/Javascript?
 +
action=raw&ctype=text/javascript"></script>
 +
<script src="https://2017.igem.org/Template:TNCR_Korea_superfish/Javascript?
 +
action=raw&ctype=text/javascript"></script>
  
 +
<!-- Main JS (Do not remove) -->
 +
<script src="https://2017.igem.org/Template:TNCR_Korea_main/Javascript?
 +
action=raw&ctype=text/javascript"></script>
  
 +
</body>
 
</html>
 
</html>

Revision as of 13:37, 31 October 2017

TNCR_KOREA — Digestable Gluten

Notebook

Notebook

Motivation

Celiac disease is a serious autoimmune disorder that is mainly caused by gluten, which is composed of gliadorphins. Among gliadorphin, amino acid called proline is abundant. This proline causes inflammation in intestinal immunocyte, triggering it to attack absorptive cells and damage small intestine.

Mountain View Mountain View