Difference between revisions of "Team:TJU China"

Line 7: Line 7:
 
     <link rel="stylesheet" href="https://2018.igem.org/Template:TJU_China/home_css?action=raw&ctype=text/css" type="text/css">
 
     <link rel="stylesheet" href="https://2018.igem.org/Template:TJU_China/home_css?action=raw&ctype=text/css" type="text/css">
 
     <link rel="stylesheet" href="https://2018.igem.org/Template:TJU_China/nav_css?action=raw&ctype=text/css" type="text/css">
 
     <link rel="stylesheet" href="https://2018.igem.org/Template:TJU_China/nav_css?action=raw&ctype=text/css" type="text/css">
−
    <title>home</title>
 
−
<style>
 
−
  /* 用于导航栏的格式要求 */
 
  
−
  * {
 
−
    margin: 0;
 
−
    padding: 0;
 
−
    list-style-type: none;
 
−
    list-style-image: none !important;
 
−
}
 
−
 
−
ul.drop {
 
−
    padding-left: 0;
 
−
 
−
}
 
−
 
−
ul {
 
−
    list-style-type: none !important;
 
−
}
 
−
 
−
li {
 
−
    list-style-type: none !important;
 
−
}
 
−
 
−
.nav_logo_pic {
 
−
    width: 20px;
 
−
    height: 20px;
 
−
    margin-top: 15px;
 
−
    float: left;
 
−
    margin-left: 30px;
 
−
 
−
}
 
−
 
−
.nav_logo_pic img {
 
−
    max-width: 100%;
 
−
    height: auto;
 
−
}
 
−
 
−
.nav {
 
−
    list-style-type: none;
 
−
    background: #ffffff;
 
−
    color: #4e72b8;
 
−
    width: 100%;
 
−
    height: 52px;
 
−
    padding: 0px;
 
−
    position: fixed;
 
−
    top: 16px;
 
−
    text-align: center;
 
−
    background-size: cover;
 
−
    font-family: "Microsoft YaHei", "Raleway", sans-serif;
 
−
    letter-spacing: 0px;
 
−
    z-index: 100;
 
−
}
 
−
 
−
.logo {
 
−
    position: fixed;
 
−
    margin-left: 20px;
 
−
    margin-top: 5px;
 
−
    width: 80px;
 
−
    height: 40px;
 
−
    z-index: 101;
 
−
}
 
−
 
−
.logo_picture {
 
−
    max-width: 100%;
 
−
    height: auto;
 
−
}
 
−
 
−
.main {
 
−
    list-style-type: none;
 
−
    display: flex;
 
−
    justify-content: space-around;
 
−
}
 
−
 
−
.main li {
 
−
    list-style-type: none;
 
−
}
 
−
 
−
.main>li {
 
−
    list-style-type: none;
 
−
    width: 13%;
 
−
}
 
−
 
−
.main>li a {
 
−
    list-style-type: none;
 
−
    border-left: 0px solid rgba(23, 23, 50, 1);
 
−
 
−
}
 
−
 
−
.nav a {
 
−
    list-style-type: none;
 
−
    text-decoration: none;
 
−
    color: #4e72b8;
 
−
    text-transform: capitalize;
 
−
    font-family: monospace;
 
−
    display: block;
 
−
    padding: 14px 15px;
 
−
 
−
    font-size: 15px;
 
−
    font-weight: bold;
 
−
    font-family: "Microsoft YaHei", "Raleway", sans-serif;
 
−
}
 
−
 
−
.nav a:hover {
 
−
    list-style-type: none;
 
−
    background: #eee;
 
−
}
 
−
 
−
.drop li {
 
−
    list-style-type: none;
 
−
    opacity: 0;
 
−
    transform-origin: top center;
 
−
}
 
−
 
−
.drop li a {
 
−
    list-style-type: none;
 
−
    background-color: #ffffff;
 
−
 
−
    padding: 10px 0;
 
−
}
 
−
 
−
.nav ul li {
 
−
    list-style-type: none;
 
−
}
 
−
 
−
.nav ul li ul {
 
−
    list-style-type: none;
 
−
    display: none;
 
−
    width: 100%;
 
−
    margin-left: 0;
 
−
margin-top: 0;
 
−
}
 
−
 
−
.nav ul li:hover ul {
 
−
    list-style-type: none;
 
−
    display: block;
 
−
}
 
−
 
−
.nav ul li ul li {
 
−
    width: 100%;
 
−
    list-style-type: none;
 
−
    margin-top: 0;
 
−
    margin-bottom: 0;
 
−
}
 
−
 
−
/*------------- menu1 animation---------------*/
 
−
 
−
.main li:hover .menu1 li:first-of-type {
 
−
    animation: menu1 0s ease-in-out forwards;
 
−
    animation-delay: 0s;
 
−
}
 
−
 
−
.main li:hover .menu1 li:nth-of-type(2) {
 
−
    animation: menu1 0s ease-in-out forwards;
 
−
    animation-delay: 0s;
 
−
}
 
−
 
−
.main li:hover .menu1 li:nth-of-type(3) {
 
−
    animation: menu1 0s ease-in-out forwards;
 
−
    animation-delay: 0s;
 
−
}
 
−
 
−
.main li:hover .menu1 li:last-of-type {
 
−
    animation: menu1 0s ease-in-out forwards;
 
−
    animation-delay: 0s;
 
−
}
 
−
 
−
@keyframes menu1 {
 
−
    from {
 
−
        opacity: 0;
 
−
        transform: translateX(30px) rotateY(90deg);
 
−
    }
 
−
    to {
 
−
        opacity: 1;
 
−
        transform: translateX(0) rotateY(0);
 
−
    }
 
−
}
 
−
 
−
/*------------- menu2 animation -------------------*/
 
−
 
−
.main li:hover .menu2 li:first-of-type {
 
−
    animation: menu2 0s ease-in-out forwards;
 
−
    animation-delay: 0s;
 
−
}
 
−
 
−
.main li:hover .menu2 li:nth-of-type(2) {
 
−
    animation: menu2 0s ease-in-out forwards;
 
−
    animation-delay: 0s;
 
−
}
 
−
 
−
.main li:hover .menu2 li:nth-of-type(3) {
 
−
    animation: menu2 0s ease-in-out forwards;
 
−
    animation-delay: 0s;
 
−
}
 
−
 
−
.main li:hover .menu2 li:nth-of-type(4) {
 
−
    animation: menu2 0s ease-in-out forwards;
 
−
    animation-delay: 0s;
 
−
}
 
−
 
−
.main li:hover .menu2 li:last-of-type {
 
−
    animation: menu2 0s ease-in-out forwards;
 
−
    animation-delay: 0s;
 
−
}
 
−
 
−
@keyframes menu2 {
 
−
    0% {
 
−
        opacity: 0;
 
−
        transform: scale(0.7);
 
−
    }
 
−
    50% {
 
−
        opacity: 0.5;
 
−
        transform: scale(1.1);
 
−
    }
 
−
    100% {
 
−
        opacity: 1;
 
−
        transform: scale(1);
 
−
    }
 
−
}
 
−
 
−
/*------------- menu3 animation -------------------*/
 
−
 
−
/*------------- menu4 animation :None--------------*/
 
−
.main li:hover .menu4 li:first-of-type {
 
−
    animation: menu4 0s ease-in-out forwards;
 
−
    animation-delay: 0s;
 
−
}
 
−
 
−
.main li:hover .menu4 li:nth-of-type(2) {
 
−
    animation: menu4 0s ease-in-out forwards;
 
−
    animation-delay: 0s;
 
−
}
 
−
 
−
 
−
.main li:hover .menu4 li:last-of-type {
 
−
    animation: menu4 0s ease-in-out forwards;
 
−
    animation-delay: 0s;
 
−
}
 
−
 
−
@keyframes menu4 {
 
−
    0% {
 
−
        opacity: 0;
 
−
        transform: translateX(50px) rotate(-90deg);
 
−
    }
 
−
    100% {
 
−
        opacity: 1;
 
−
        transform: translateX(0) rotate(0);
 
−
    }
 
−
 
−
}
 
−
 
−
 
−
/*------------- menu5 animation -------------------*/
 
−
 
−
.main li:hover .menu5 li:first-of-type {
 
−
    animation: menu5 0s ease-in-out forwards;
 
−
    animation-delay: 0s;
 
−
}
 
−
 
−
.main li:hover .menu5 li:nth-of-type(2) {
 
−
    animation: menu5 0s ease-in-out forwards;
 
−
    animation-delay: 0s;
 
−
}
 
−
.main li:hover .menu5 li:nth-of-type(3) {
 
−
    animation: menu5 0s ease-in-out forwards;
 
−
    animation-delay: 0s;
 
−
}
 
−
 
−
.main li:hover .menu5 li:last-of-type {
 
−
    animation: menu5 0s ease-in-out forwards;
 
−
    animation-delay: 0s;
 
−
}
 
−
 
−
@keyframes menu5 {
 
−
    0% {
 
−
        opacity: 0;
 
−
        transform: translateX(50px) rotate(-90deg);
 
−
    }
 
−
    100% {
 
−
        opacity: 1;
 
−
        transform: translateX(0) rotate(0);
 
−
    }
 
−
 
−
}
 
−
 
−
/*------------- menu6 animation:None-------------------*/
 
−
 
−
/*------------- menu7 animation------------------------*/
 
−
 
−
.main li:hover .menu7 li:first-of-type {
 
−
    animation: menu7 0s ease-in-out forwards;
 
−
    animation-delay: 0s;
 
−
}
 
−
 
−
.main li:hover .menu7 li:nth-of-type(2) {
 
−
    animation: menu7 0s ease-in-out forwards;
 
−
    animation-delay: 0s;
 
−
}
 
−
 
−
.main li:hover .menu7 li:last-of-type {
 
−
    animation: menu7 0s ease-in-out forwards;
 
−
    animation-delay: 0s;
 
−
}
 
−
 
−
@keyframes menu7 {
 
−
    0% {
 
−
        opacity: 0;
 
−
        transform: rotateX(-90deg);
 
−
    }
 
−
    100% {
 
−
        opacity: 1;
 
−
        transform: rotateX(0);
 
−
    }
 
−
}
 
−
 
−
</style>
 
 
</head>
 
</head>
  
 
<body>
 
<body>
−
    <!-- <div id="home_guide">
 
−
        <img src="./img/home_guide.jpg">
 
−
    </div> -->
 
 
     <div class="nav">
 
     <div class="nav">
 
         <div class="logo">
 
         <div class="logo">
Line 373: Line 55:
 
                 <ul class="drop menu2">
 
                 <ul class="drop menu2">
 
                     <li>
 
                     <li>
−
                         <a href="https://2018.igem.org/Team:TJU_China/Parts">Parts Overview</a>
+
                         <a href="https://2018.igem.org/Team:TJU_China/Parts#Parts_Overview">Parts Overview</a>
 
                     </li>
 
                     </li>
 
                     <li>
 
                     <li>
−
                         <a href="https://2018.igem.org/Team:TJU_China/Basic_Part">Basic</a>
+
                         <a href="https://2018.igem.org/Team:TJU_China/Parts#Basic">Basic</a>
 
                     </li>
 
                     </li>
 
                     <li>
 
                     <li>
−
                         <a href="https://2018.igem.org/Team:TJU_China/Composite_Part">Composite</a>
+
                         <a href="https://2018.igem.org/Team:TJU_China/Parts#Composite">Composite</a>
 
                     </li>
 
                     </li>
 
                     <li>
 
                     <li>
−
                         <a href="https://2018.igem.org/Team:TJU_China/Part_Collection">Collection</a>
+
                         <a href="https://2018.igem.org/Team:TJU_China/Parts#Collection">Collection</a>
 
                     </li>
 
                     </li>
 
                     <li>
 
                     <li>
−
                         <a href="https://2018.igem.org/Team:TJU_China/Improve">Improve</a>
+
                         <a href="https://2018.igem.org/Team:TJU_China/Parts#Improve">Improve</a>
 
                     </li>
 
                     </li>
 
                 </ul>
 
                 </ul>
Line 393: Line 75:
 
                     <img src="https://static.igem.org/mediawiki/2018/5/57/T--TJU_China--drylab.png">
 
                     <img src="https://static.igem.org/mediawiki/2018/5/57/T--TJU_China--drylab.png">
 
                 </div>
 
                 </div>
−
                 <a href="https://2018.igem.org/Team:TJU_China/Dynamic_Model">Model</a>
+
                 <a href="https://2018.igem.org/Team:TJU_China/Model">Model</a>
−
                <ul class="drop menu4">
+
−
                        <li>
+
−
                            <a href="https://2018.igem.org/Team:TJU_China/Model/Dynamic_Model">Dynamic Model of Biosensor</a>
+
−
                        </li>
+
−
                        <li>
+
−
                            <a href="https://2018.igem.org/Team:TJU_China/Model/Off_target_Model">Off-target Model</a>
+
−
                        </li>
+
−
                        <li>
+
−
                            <a href="https://2018.igem.org/Team:TJU_China/Model/Code">Code</a>
+
−
                        </li>
+
−
                    </ul>
+
 
             </li>
 
             </li>
 
             <li>
 
             <li>
Line 413: Line 84:
 
                     HP
 
                     HP
 
                 </a>
 
                 </a>
−
                <ul class="drop menu5">
 
−
                    <li>
 
−
                        <a href="https://2018.igem.org/Team:TJU_China/Silver">Silver</a>
 
−
                    </li>
 
−
                    <li>
 
−
                        <a href="https://2018.igem.org/Team:TJU_China/Human_Practices">Integrated HP</a>
 
−
                    </li>
 
−
                    <li>
 
−
                        <a href="https://2018.igem.org/Team:TJU_China/Public_Engagement">Education& Engagement</a>
 
−
                    </li>
 
−
                    <li>
 
−
                        <a href="https://2018.igem.org/Team:TJU_China/Gallery">Gallery</a>
 
−
                    </li>
 
−
                </ul>
 
 
             </li>
 
             </li>
 
             <li>
 
             <li>
Line 443: Line 100:
 
                     </li>
 
                     </li>
 
                     <li>
 
                     <li>
−
                         <a href="https://2018.igem.org/Team:TJU_China/Attributions">Attribution</a>
+
                         <a href="https://2018.igem.org/Team:TJU_China/Attributions">Attributions</a>
 
                     </li>
 
                     </li>
 
                 </ul>
 
                 </ul>

Revision as of 13:22, 16 October 2018

<!DOCTYPE >

ABSTRACT
     This year, the CRISPR-Cas family is the protagonist in our story series. The old member, dCas9, is the enhancer for the heavy-metal detection based on E. coli, while the newbie, Cas12a, is a worker for the high-throughput cancer-related SNP detection chip. We have also built a "highway" for tracking and delivering the Cas9/sgRNA complex in mammalian cells, and we try to apply it to manipulate the mitochondrial genome.
ACHIEVEMENTS
Click the medals to see how we met
the iGEM medal requirements for 2018!
天津大学
TianJin University
天津大学生命科学学院
School of life Sciences,
TianJin University
@IGEM 2018 TJU_China.All Rights Reserved.丨Contact us:syq47xx@sina.cn丨(Designed by Peicheng Li)