Difference between revisions of "Team:Tsinghua-A"

(Homepage)
 
(41 intermediate revisions by 2 users not shown)
Line 2: Line 2:
 
<html>
 
<html>
  
−
<head>
+
        <!--- header-top --->
−
  <meta charset="utf-8">
+
        <!--- container --->
−
  <meta name="author" content="tandf">
+
        <div id="home" class="header-top">
−
  <title>Preliminary team project descriptions</title>
+
            <div class="content">
−
  <!--<link rel="stylesheet" href="">-->
+
                <div class="head-pic">
−
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
+
                    <img src="https://static.igem.org/mediawiki/2018/1/14/T--Tsinghua-A--BackgroundZ.jpg" alt="">
−
 
+
                </div>
−
<style type="text/css">
+
            </div>
−
 
+
         </div>
−
::selection {
+
         <!--- container --->
−
    background:#666;
+
         <!--- header-top --->
−
    color:#DDD;
+
      
−
}
+
</html>
−
 
+
{{Tsinghua-A/template-sticky-nav}}
−
::-webkit-scrollbar {
+
<html>
−
    width: 8px;
+
        <!-- page-content -->
−
}
+
        <div class="content">
−
::-webkit-scrollbar-track {
+
            <div class="anchor" id="header-nav"></div>
−
    -webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
+
            <div class="container">
−
    border-radius:9px;
+
−
}
+
−
::-webkit-scrollbar-thumb {
+
−
    background:rgba(10,10,10,0.4);
+
−
    -webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
+
−
}
+
−
::-webkit-scrollbar-thumb:window-inactive {
+
−
    background:rgba(0,0,0,0.1);
+
−
}
+
−
 
+
−
html {
+
−
    padding: 80px 0 0 0;
+
−
    user-select: none;
+
−
    height: 100%;
+
−
    min-width: 800px;
+
−
    background-image: url([File:bg.png]);
+
−
    background-repeat: repeat;
+
−
    background-attachment:fixed;
+
−
    font-family: 'Roboto', 'Noto', sans-serif;
+
−
    font-weight: lighter;
+
−
    cursor: url('virus.png'), auto;
+
−
}
+
−
 
+
−
body {
+
−
    margin: 80px 15% 100px;
+
−
    width: 70%;
+
−
    font-size:100%;
+
−
}
+
−
 
+
−
#header-sroll {
+
−
    position:fixed;
+
−
    height: 100px;
+
−
    background:#EEE;
+
−
    left:0;
+
−
    top:0;
+
−
    float:left;
+
−
    width:100%;
+
−
    margin: 0;
+
−
    -ms-transition:    all 0.3s ease-out;
+
−
    -moz-transition:    all 0.3s ease-out;
+
−
    -webkit-transition: all 0.3s ease-out;
+
−
    -o-transition:      all 0.3s ease-out;
+
−
    transition:         all 0.3s ease-out;
+
−
    opacity:0.96;
+
−
    box-shadow:
+
−
        0 4px 5px -1px rgba(0, 0, 0, 0.08),
+
−
        0 1px 10px -1px rgba(0, 0, 0, 0.04),
+
−
        0 2px 4px -2px rgba(0, 0, 0, 0.3);
+
−
}
+
−
 
+
−
#header-sroll h1 {
+
−
    margin: 35px 0;
+
−
    min-width: 200px;
+
−
    font-size: 30px;
+
−
    text-align: center;
+
−
    transition: left 1s linear;
+
−
    -ms-transition:    all 0.3s ease-out;
+
−
    -moz-transition:    all 0.3s ease-out;
+
−
    -webkit-transition: all 0.3s ease-out;
+
−
    -o-transition:      all 0.3s ease-out;
+
−
    transition:        all 0.3s ease-out;
+
−
}
+
−
 
+
−
#header-sroll.small {
+
−
    height: 70px;
+
−
}
+
−
 
+
−
#header-sroll.small h1{
+
−
    margin: 20px 100% 26px 0;
+
−
    font-size: 24;
+
−
    opacity: 0.4;
+
−
}
+
−
 
+
−
div {
+
−
    margin: 30px 0;
+
−
    -ms-transition:    all 0.3s ease-out;
+
−
    -moz-transition:    all 0.3s ease-out;
+
−
    -webkit-transition: all 0.3s ease-out;
+
−
    -o-transition:      all 0.3s ease-out;
+
−
    transition:         all 0.3s ease-out;
+
−
}
+
−
 
+
−
div:hover {
+
−
    user-select: text;
+
−
}
+
−
 
+
−
div.container{
+
−
    background-color: #FAFAFA;
+
−
    margin: 0;
+
−
    padding: 40px 40px;
+
−
    border-width: 0 1px 0 1px;
+
−
    border-style: dashed;
+
−
    border-color: #eeeeee;
+
−
    box-shadow:
+
−
        0 4px 5px -1px rgba(0, 0, 0, 0.08),
+
−
        0 1px 10px -1px rgba(0, 0, 0, 0.04),
+
−
        0 2px 4px -2px rgba(0, 0, 0, 0.3);
+
−
}
+
−
 
+
−
div.container:hover {
+
−
    transition-property: box-shadow;
+
−
    transition: .3s;
+
−
    box-shadow:
+
−
         0 4px 5px 0 rgba(0, 0, 0, 0.14),
+
−
        0 1px 10px 0 rgba(0, 0, 0, 0.12),
+
−
        0 2px 4px -1px rgba(0, 0, 0, 0.4);
+
−
}
+
−
 
+
−
div.container:active {
+
−
    transition-property: box-shadow;
+
−
    transition: .1s;
+
−
    box-shadow:
+
−
        0 4px 5px 1px rgba(0, 0, 0, 0.24),
+
−
        0 1px 10px 1px rgba(0, 0, 0, 0.22),
+
−
        0 2px 4px 0 rgba(0, 0, 0, 0.5);
+
−
}
+
−
 
+
−
div#footer {
+
−
    z-index: -1;
+
−
    position: fixed;
+
−
    margin: 0;
+
−
    left: 0;
+
−
    bottom: 0;
+
−
    width: 100%;
+
−
    text-align: center;
+
−
     background-color: transparent;
+
−
    opacity: 0.2;
+
−
    user-select: none;
+
−
}
+
−
 
+
−
div#footer:hover {
+
−
    opacity: 0.6;
+
−
}
+
−
 
+
−
div#footer p {
+
−
    font-size: 1rem;
+
−
}
+
−
 
+
−
h1, h2, h3, h4, h5, h6{
+
−
    user-select: none;
+
−
    margin: 2.5rem 0 1.3rem 0;
+
−
    color: gray;
+
−
    font-weight: lighter;
+
−
}
+
−
 
+
−
h1 {
+
−
    transition-property: color;
+
−
    transition: .3s;
+
−
    color: #111111;
+
−
    font-size:2.25rem;
+
−
}
+
−
 
+
−
h1.title:hover {
+
−
    color: #7996BD;
+
−
}
+
−
 
+
−
h2 {
+
−
    font-size:2.0rem;
+
−
}
+
−
 
+
−
h3 {
+
−
    font-size:1.7rem;
+
−
}
+
−
 
+
−
h4 {
+
−
    font-size:1.4rem;
+
−
}
+
−
 
+
−
p {
+
−
    margin-bottom: 1rem;
+
−
    margin-top: 0;
+
−
    font-size:1.2rem;
+
−
    color: #222;
+
−
}
+
−
 
+
−
p:hover {
+
−
    color: #666;
+
−
}
+
−
 
+
−
ul {
+
−
    list-style-type: none;
+
−
}
+
−
 
+
−
li {
+
−
    line-height: 150%;
+
−
    font-size: 1rem;
+
−
}
+
−
 
+
−
a {
+
−
    text-decoration: none;
+
−
    color: #3377aa;
+
−
}
+
−
 
+
−
a:hover {
+
−
    color: white;
+
−
    background-color: #3377aa;
+
−
}
+
−
 
+
−
</style>
+
−
 
+
−
<script>
+
−
console.log("Happy coding.\ntandf.github.io")
+
−
</script>
+
−
</head>
+
−
 
+
−
<body>
+
−
<div class="header">
+
−
  <div id="header-sroll"> <h1>Tsinghua-A</h1></div>
+
−
</div>
+
−
 
+
−
<script>
+
−
$(window).scroll(function () {
+
−
    var sc = $(window).scrollTop()
+
−
    if (sc > 80) {
+
−
        $("#header-sroll").addClass("small")
+
−
    } else {
+
−
        $("#header-sroll").removeClass("small")
+
−
    }
+
−
});
+
−
</script>
+
−
 
+
−
<div class="container">
+
−
<h1 class="title">Preliminary team project descriptions</h1>
+
−
<hr>
+
−
 
+
−
<div>
+
−
<h3>Introduction</h3>
+
−
<p> This is a brief introduction for our projects in 2018</p>
+
−
 
+
−
<h4>Option one</h4>
+
−
 
+
−
<p>The biologic sensor part:</p>
+
−
 
+
−
<p>We want to modify the  S. cerevisiae to produce the H3 or H4 histamine receptor which is supposed to be able to induce the pheromone responsive pathway instead of the autogenetic pheromone receptor ste2, as  the gene coding for ste2 have been knocked out. And we want to put fluorescent protein, like GFP or maybe another one after the special promoter, like fus1, promoted by pheromone responsive pathway, as our reporter gene.</p>
+
−
+
−
<p>The electronic part:</p>
+
  
−
<p>We want to make a reaction box to contain all of the reagents, and the biologic sensor part, the sum of the reporter fluorescent protein can be tested automatically and the information can be sent to the smart phone APP, and simple diagnosed can be made trough our pre-designed formulations.</p>
+
                <div class="page-head">
 +
                    <div class="head-title">
 +
                        <!-- NOTE title here-->
 +
                        A Brief Introduction
 +
                    </div>
 +
                    <div class="head-subtitle">
 +
                        <!-- NOTE subtitle here-->
 +
                        to Allergy Testing Master
 +
                    </div>
 +
                </div>
 +
                <!-- NOTE content here-->
  
−
<h4>Option two</h4>
 
  
−
<p>we altered photosensitive E.coli to build a disposable info-reading system, which based on the light signal to induce GFP which will not be expressed immediately , and after the second light signal, the GFP will be expressed and be disposed. Our goal is to make a system which can achieve the function of disposable info-reading which can benefit in the secrecy and entertainment of kids.</p>
+
                <div class="page-content">
−
</div>
+
  
−
<hr>
+
                <p>Histamine increases significantly in blood when allergy happens. So, we modifidied the pheromone pathway in the yeast to test histamine release in blood sample under one specific allergen. The pheromone receptor ste2 in original pathway is replaced by human histamine receptor H3 or H4. In order to reinforce the coupling between H3/H4 and yeast G-protein, C-terminal of α subunit of G-protein is modified by replacing several amino acids from the homologous protein in human. EGFP is pludged afterward the  promoter Fus1 as a reporter gene. Sufficient works substantiate our modifications. Then We construct models describing the relationship between histamine and EGFP intensity, which make contributions to the analysis of diagnosis credence.Besides, we design an integrated kit for the whole process of the blood collection, testing reaction and dignosis.Diagnosis result, after being calculated on our server, will be sent to terminals as smart phones, which makes our project possible for domestic uses.</p>
  
−
<div>
+
                    <div class="img">
−
<h3>Contact</h3>
+
                        <div class="imgcard">
 +
                            <img src="https://static.igem.org/mediawiki/2018/8/89/T--Tsinghua-A--BG-Figure6.png">
 +
                        </div>
 +
                    </div>
  
−
<ul>
+
                    <div class="clearfix"> </div>
−
<li>Mentor E-mail: <a href="au_wang@foxmail.com">au_wang@foxmail.com</a></li>
+
                </div>
−
<li> E-mail: <a href="igem2018_thua@163.com">igem2018_thua@163.com</a> </li>
+
            </div>
−
<li> Phone: 62796050 </li>
+
        </div>
−
<li> WeChat: yqyntx98 </li>
+
        <!-- page-content -->
−
</ul>
+
−
<p>Feel free to contact with us for troubleshooting or collaboration</p>
+
  
−
</div>
+
        <!--- content-Get-in-touch --->
−
</div>
+
        <div id="contact" id="arrow" class="content-Get-in-touch">
 +
            <div class="container">
 +
                <div class="Get-in-touch-text">
 +
                    <h2>Get <small>in touch</small></h2>
 +
                    <span class="portfolio"> </span>
 +
                </div>
 +
                <div class="Get-in-touch">
 +
                    <p> Feel free to contact with us for troubleshooting or collaboration</p>
 +
                    <ul class="contact-info">
 +
                        <li>Mentor E-mail: <a href="mailto:au_wang@foxmail.com" id="mailto">au_wang@foxmail.com</a></li>
 +
                        <li> E-mail: <a href="mailto:igem2018_thua@163.com" id="mailto">igem2018_thua@163.com</a> </li>
 +
                        <li> Phone: +86 010-62796050 </li>
 +
                        <li> WeChat: yqyntx98 </li>
 +
                    </ul>
 +
                    <div class="clearfix"> </div>
 +
                </div>
 +
            </div>
 +
        </div>
  
−
<div id="footer">
+
        <div class="footer">
−
<p> by tandf</p>
+
            <a href="https://2018.igem.org/Team:Tsinghua-A#home" class="scroll"><img src="https://static.igem.org/mediawiki/2018/6/6e/T--Tsinghua-A--logo1.png" alt="" height="200" width="400"/>
−
</div>
+
            </a>
 +
        </div>
  
−
</body>
 
 
</html>
 
</html>
 +
{{Tsinghua-A/template-toTop}}

Latest revision as of 02:13, 18 October 2018

A Brief Introduction
to Allergy Testing Master

Histamine increases significantly in blood when allergy happens. So, we modifidied the pheromone pathway in the yeast to test histamine release in blood sample under one specific allergen. The pheromone receptor ste2 in original pathway is replaced by human histamine receptor H3 or H4. In order to reinforce the coupling between H3/H4 and yeast G-protein, C-terminal of α subunit of G-protein is modified by replacing several amino acids from the homologous protein in human. EGFP is pludged afterward the promoter Fus1 as a reporter gene. Sufficient works substantiate our modifications. Then We construct models describing the relationship between histamine and EGFP intensity, which make contributions to the analysis of diagnosis credence.Besides, we design an integrated kit for the whole process of the blood collection, testing reaction and dignosis.Diagnosis result, after being calculated on our server, will be sent to terminals as smart phones, which makes our project possible for domestic uses.

Get in touch

Feel free to contact with us for troubleshooting or collaboration