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

(Prototype team page)
 
 
(11 intermediate revisions by 2 users not shown)
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%;
 +
}
  
−
<div class="column full_size">
+
#fh5co-primary-menu .fh5co-sub-menu:before {
−
<h1>Description</h1>
+
  position: absolute;
 +
  top: -9px;
 +
  left: 20px;
 +
  width: 0;
 +
  height: 0;
 +
  content: '';
 +
}
  
−
<p>Tell us about your project, describe what moves you and why this is something important for your team.</p>
+
#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%;
 +
}
  
−
<h5>What should this page contain?</h5>
+
#fh5co-primary-menu .fh5co-sub-menu .fh5co-sub-menu:after {
−
<ul>
+
  top: 7px;
−
<li> A clear and concise description of your project.</li>
+
  right: 100%;
−
<li>A detailed explanation of why your team chose to work on this particular project.</li>
+
  border: none !important;
−
<li>References and sources to document your research.</li>
+
}
−
<li>Use illustrations and other visual resources to explain your project.</li>
+
−
</ul>
+
  
 +
.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;
 +
}
  
−
</div>
+
#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;
 +
}
  
−
<div class="column full_size" >
+
#fh5co-primary-menu .fh5co-sub-menu li {
 +
  display: block;
 +
}
  
−
<h5>Advice on writing your Project Description</h5>
+
#fh5co-primary-menu .fh5co-sub-menu a:hover {
 +
  color: #FCC72C !important;
 +
}
  
−
<p>
+
#fh5co-work-section,
−
We encourage you to put up a lot of information and content on your wiki, but we also encourage you to include summaries as much as possible. If you think of the sections in your project description as the sections in a publication, you should try to be consist, accurate and unambiguous in your achievements.
+
#fh5co-services-section,
−
</p>
+
#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;
 +
  }
 +
}
  
−
<p>
+
−
Judges like to read your wiki and know exactly what you have achieved. This is how you should think about these sections; from the point of view of the judge evaluating you at the end of the year.
+
</style>
−
</p>
+
  
−
</div>
 
  
  
−
<div class="column half_size" >
+
</head>
 +
<body>
 +
<div id="fh5co-wrapper">
 +
<div id="fh5co-page">
 +
<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="https://2017.igem.org/Team:TNCR_Korea"><span>TNCR</span>KOREA</a></h1>
 +
<!-- START #fh5co-menu-wrap -->
 +
<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 class="active">
 +
<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/Model" target="_blank">Model</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/Results" target="_blank">Results</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<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">Awards</a>
 +
</li>
 +
</ul>
 +
</nav>
 +
</div>
 +
</div>
 +
</header>
 +
 +
</div>
  
−
<h5>References</h5>
+
−
<p>iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you thought about your project and what works inspired you.</p>
+
<div class="fh5co-hero fh5co-hero-2">
 +
<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>Project</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>Description</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-8 col-md-offset-2 animate-box">
 +
<object data="https://static.igem.org/mediawiki/2017/b/b9/TncrKoreaFinalProtocol1.pdf" type="application/pdf" width="100%" height="900px">
 +
</object>
 +
</div>
 +
</div>
 +
 +
 +
</br>
 +
</br>
 +
</br>
 +
</br>
 +
</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 class="fh5co-social-icons">
 +
<a href="#"><i class="icon-twitter2"></i></a>
 +
<a href="#"><i class="icon-facebook2"></i></a>
 +
<a href="#"><i class="icon-instagram"></i></a>
 +
<a href="#"><i class="icon-dribbble2"></i></a>
 +
<a href="#"><i class="icon-youtube"></i></a>
 +
</p>
 +
<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>
 +
<!-- END fh5co-wrapper -->
  
−
<div class="column half_size" >
+
<!-- jQuery -->
−
<h5>Inspiration</h5>
+
−
<p>See how other teams have described and presented their projects: </p>
+
  
−
<ul>
 
−
<li><a href="https://2016.igem.org/Team:Imperial_College/Description">2016 Imperial College</a></li>
 
−
<li><a href="https://2016.igem.org/Team:Wageningen_UR/Description">2016 Wageningen UR</a></li>
 
−
<li><a href="https://2014.igem.org/Team:UC_Davis/Project_Overview"> 2014 UC Davis</a></li>
 
−
<li><a href="https://2014.igem.org/Team:SYSU-Software/Overview">2014 SYSU Software</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>

Latest revision as of 13:41, 1 November 2017

TNCR_KOREA — Digestable Gluten

Project

Description

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.