Difference between revisions of "Team:JiangnanU China"

 
(31 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{JiangnanU_China}}
+
{{:Team:JiangnanU_China/Header}}
−
<html>
+
<html lang="en">
 +
<head>
 +
    <meta charset="UTF-8">
 +
    <style>
 +
        #first {
 +
            background-image: url('https://static.igem.org/mediawiki/2019/4/42/T--JiangnanU_China--Mainpagebgd.gif');
 +
            background-size: cover;
 +
            background-position: center;
 +
            background-repeat: no-repeat;
 +
        }
  
 +
        .box {
 +
            height: 100vh;
 +
            display: flex;
 +
            flex-direction: column;
 +
            justify-content: center;
 +
            align-items: center;
 +
            /*margin-top: -100px;*/
 +
            position: relative;
 +
        }
  
 +
        /*跳转按钮*/
 +
        .rdmrbttn img {
 +
            width: 10%;
 +
            height: auto;
 +
        }
  
 +
        .rdmrbttn {
 +
            position: absolute;
 +
            top: 88%;
 +
            left: 20%;
 +
        }
  
−
<img src="https://static.igem.org/mediawiki/2019/4/4d/T--JiangnanU_China--test.jpg">
+
        /*缩略图*/
 +
        .thumbnail img {
 +
            opacity: 0.7;
 +
        }
  
 +
        .thumbnail:hover {
 +
            -webkit-transform: scale(1.05);
 +
            -ms-transform: scale(1.05);
 +
            transform: scale(1.05);
 +
        }
  
 +
        .thumbnail:hover img {
 +
            opacity: 1;
 +
        }
  
 +
        /*///////////////////////////////*/
 +
 +
        /*//////////////////*/
 +
        .top {
 +
            width: 30%;
 +
            height: auto;
 +
            position: absolute;
 +
            top: 20%;
 +
            left: 20%;
 +
        }
 +
 +
        .dna {
 +
            width: 320px;
 +
            height: 320px;
 +
            margin-right: 5%;
 +
        }
 +
    </style>
 +
    <style>
 +
        /*取消设置*/
 +
        #content {
 +
            line-height: unset;
 +
        }
 +
 +
        #globalWrapper {
 +
            font-size: unset;
 +
        }
 +
 +
        #HQ_page h1, h2, h3, h4, h5 {
 +
            margin: 0;
 +
            padding: 0;
 +
        }
 +
 +
        #HQ_page p {
 +
            font-size: inherit;
 +
            font-family: inherit;
 +
        }
 +
 +
        p, body {
 +
            margin: 0;
 +
            padding: 0;
 +
            line-height: initial;
 +
            width: 100%;
 +
            height: 100%;
 +
        }
 +
 +
        /*字体*/
 +
        @font-face {
 +
            font-family: 'Futura_Bold';
 +
            src: url('https://static.igem.org/mediawiki/2019/e/e0/T--JiangnanU_China--ziti_Futura_Bold.otf');
 +
        }
 +
 +
        @font-face {
 +
            font-family: 'FuturaFuturisC-Italic';
 +
            src: url('https://static.igem.org/mediawiki/2019/4/49/T--JiangnanU_China--FuturaFuturisC-Italic.otf');
 +
        }
 +
 +
        @font-face {
 +
            font-family: 'Futura-Medium-6';
 +
            src: url('https://static.igem.org/mediawiki/2019/1/11/T--JiangnanU_China--Futura-Medium-6.otf');
 +
        }
 +
 +
        .fb_48 {
 +
            font-family: Futura_Bold, sans-serif;
 +
            font-size: 2em;
 +
        }
 +
 +
        .fb_22 {
 +
            font-family: Futura_Bold, sans-serif;
 +
            font-size: 1.3em;
 +
        }
 +
 +
        .fb_72 {
 +
            font-family: Futura_Bold, sans-serif;
 +
            font-size: 4em;
 +
        }
 +
 +
        .fm_22 {
 +
            font-family: Futura-Medium-6, sans-serif;
 +
            font-size: 1.3em;
 +
        }
 +
 +
        .fmi_48 {
 +
            font-family: FuturaFuturisC-Italic, sans-serif;
 +
            font-size: 2em;
 +
        }
 +
 +
        /*常用css*/
 +
        /*分隔符*/
 +
        .split_small {
 +
            height: 32px;
 +
        }
 +
 +
        .split {
 +
            height: 64px;
 +
        }
 +
 +
        /*无书签正文*/
 +
        .contents {
 +
            margin: 5% 15% 15%;
 +
        }
 +
 +
        /*一排*/
 +
        .row {
 +
            display: flex;
 +
            flex-direction: row;
 +
            margin: 0;
 +
        }
 +
 +
        /*一列*/
 +
        .column {
 +
            display: flex;
 +
            flex-direction: column;
 +
        }
 +
 +
        .contents {
 +
            margin: 0% 5% 15%;
 +
        }
 +
 +
        .centers {
 +
            padding: 5%;
 +
            justify-content: center;
 +
        }
 +
    </style>
 +
</head>
 +
<body style="margin: 0">
 +
 +
<header class="box" id="first">
 +
 +
    <img class="top" src="https://static.igem.org/mediawiki/2019/9/9c/T--JiangnanU_China--host_top_text.png" alt="">
 +
    <div class="rdmrbttn"><a href="#second"><img style="width: 15%;height: auto"
 +
                                                src="https://static.igem.org/mediawiki/2019/0/09/T--JiangnanU_China--host_liubianxing.png"></a>
 +
    </div>
 +
</header>
 +
 +
 +
<div class="contents" id="second">
 +
    <div class="column">
 +
        <div class="centers">
 +
            <div style="text-align: center">
 +
                <img class="dna" src="https://static.igem.org/mediawiki/2019/d/d1/T--JiangnanU_China--host_0.png"
 +
                    alt="" style="width:42%">
 +
            </div>
 +
 +
 +
            <div class="row" style="padding: 2%">
 +
                <img class="dna" src="https://static.igem.org/mediawiki/2019/3/38/T--JiangnanU_China--host_circle.png"
 +
                    alt="" style="width:42%">
 +
                <div class="column">
 +
                    <div class="fb_72"><b>What is 'TOP'</b></div>
 +
                    <div class="fm_22">
 +
                        Our aim is to construct a device which will increase the fermentation strains’ phage tolerance
 +
                        while wouldn’t have apparent effect on their growth.
 +
                        <br/>
 +
                        We want to develop an innovative methodology towards the prevention and control of phage
 +
                        infection in factories. And now we are devoted to studying the interaction mechanism between
 +
                        phages and bacteria. We firmly believe that this anti-phage biobrick can enhance the potential
 +
                        for open fermentation.
 +
                    </div>
 +
                </div>
 +
            </div>
 +
 +
            <div class="split"></div>
 +
            <div style="text-align: center">
 +
                <!--第一个视频-->
 +
                <div class="row" style="margin-left: 10%;margin-right: 10%;">
 +
                    <img src="https://static.igem.org/mediawiki/2019/2/23/T--JiangnanU_China--hostse_0.png" alt=""
 +
                        style="width: 26%;height:260px">
 +
                    <div class="fb_72" style="margin: 10% 6% 0;font-size: 2em">
 +
                        <b>1.Experimental design</b>
 +
                    </div>
 +
                    <img src="https://static.igem.org/mediawiki/2019/e/e7/T--JiangnanU_China--hostse_1.png" alt=""
 +
                        style="width: 26%;height:260px">
 +
                </div>
 +
                <video width="50%" height="352px" controls="controls">
 +
                    <source src="https://static.igem.org/mediawiki/2019/a/a5/T--JiangnanU_China--Video1.mp4"
 +
                            type="video/mp4"/>
 +
                    <source src="https://static.igem.org/mediawiki/2019/8/82/T--JiangnanU_China--Video1.Ogg"
 +
                            type="video/ogg"/>
 +
                    <source src="https://static.igem.org/mediawiki/2019/a/ae/T--JiangnanU_China--Video1.webm"
 +
                            type="video/webm"/>
 +
                    <object data="https://static.igem.org/mediawiki/2019/a/a5/T--JiangnanU_China--Video1.mp4">
 +
                        <embed src="https://static.igem.org/mediawiki/2019/6/6d/T--JiangnanU_China--Video01.swf" width="320"
 +
                              height="240"/>
 +
                    </object>
 +
                </video>
 +
                <div class="split"></div>
 +
                <!--第二个视频-->
 +
                <div class="row" style="margin-left: 10%;margin-right: 10%;">
 +
                    <img src="https://static.igem.org/mediawiki/2019/2/23/T--JiangnanU_China--hostse_0.png" alt=""
 +
                        style="width: 26%;height:260px">
 +
                    <div class="fb_72" style="margin: 10% 10% 0;font-size: 2em">
 +
                        <b>2.Talent show and team footprint</b>
 +
                    </div>
 +
                    <img src="https://static.igem.org/mediawiki/2019/e/e7/T--JiangnanU_China--hostse_1.png" alt=""
 +
                        style="width: 26%;height:260px">
 +
                </div>
 +
                <video width="50%" height="352px" controls="controls">
 +
                    <source src="https://static.igem.org/mediawiki/2019/f/f0/T--JiangnanU_China--Video2.mp4"
 +
                            type="video/mp4"/>
 +
                    <source src="https://static.igem.org/mediawiki/2019/d/d3/T--JiangnanU_China--Video2.Ogg" type="video/ogg"/>
 +
                    <source src="https://static.igem.org/mediawiki/2019/b/b9/T--JiangnanU_China--Video2.webm type="video/webm"/>
 +
                    <object data="https://static.igem.org/mediawiki/2019/f/f0/T--JiangnanU_China--Video2.mp4" width="320" height="240">
 +
                        <embed src="https://static.igem.org/mediawiki/2019/c/c7/T--JiangnanU_China--Video2.swf" width="320" height="240"/>
 +
                    </object>
 +
                </video>
 +
                <div class="split"></div>
 +
            </div>
 +
 +
 +
        </div>
 +
    </div>
 +
</div>
 +
</body>
 
</html>
 
</html>
 +
{{:Team:JiangnanU_China/Footer}}

Latest revision as of 21:02, 21 October 2019

JiangNan

What is 'TOP'
Our aim is to construct a device which will increase the fermentation strains’ phage tolerance while wouldn’t have apparent effect on their growth.
We want to develop an innovative methodology towards the prevention and control of phage infection in factories. And now we are devoted to studying the interaction mechanism between phages and bacteria. We firmly believe that this anti-phage biobrick can enhance the potential for open fermentation.
1.Experimental design
2.Talent show and team footprint