Difference between revisions of "Team:Tsinghua-A"

(Homepage)
(Homepage)
Line 8: Line 8:
 
   <!--<link rel="stylesheet" href="">-->
 
   <!--<link rel="stylesheet" href="">-->
 
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
 
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
 
<style type="text/css">
 
 
::selection {
 
    background:#666;
 
    color:#DDD;
 
}
 
 
::-webkit-scrollbar {
 
    width: 8px;
 
}
 
::-webkit-scrollbar-track {
 
    -webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
 
    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:T--Tsinghua-A--background.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>
 
<body>

Revision as of 15:20, 5 July 2018

Preliminary team project descriptions

Tsinghua-A

Preliminary team project descriptions


Introduction

This is a brief introduction for our projects in 2018

Option one

The biologic sensor part:

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.

The electronic part:

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.

Option two

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.


Contact

Feel free to contact with us for troubleshooting or collaboration