Difference between revisions of "Team:JiangnanU China"

 
(24 intermediate revisions by 3 users not shown)
Line 5: Line 5:
 
     <style>
 
     <style>
 
         #first {
 
         #first {
−
             background-image: url('https://static.igem.org/mediawiki/2019/c/c2/T--JiangnanU_China--host_bg.png');
+
             background-image: url('https://static.igem.org/mediawiki/2019/4/42/T--JiangnanU_China--Mainpagebgd.gif');
 
             background-size: cover;
 
             background-size: cover;
 
             background-position: center;
 
             background-position: center;
Line 60: Line 60:
  
 
         .dna {
 
         .dna {
−
             width: 30%;
+
             width: 320px;
−
             height: auto;
+
             height: 320px;
 
             margin-right: 5%;
 
             margin-right: 5%;
 
         }
 
         }
−
         .block{
+
    </style>
−
             width: 25%;
+
    <style>
−
             height: auto;
+
         /*取消设置*/
 +
        #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;
 
             display: flex;
 
             flex-direction: column;
 
             flex-direction: column;
−
            justify-content: center;
 
−
            align-content: center;
 
 
         }
 
         }
−
         .block img{
+
 
−
             width: 40%;
+
        .contents {
−
             height: auto;
+
            margin: 0% 5% 15%;
 +
        }
 +
 
 +
         .centers {
 +
             padding: 5%;
 +
             justify-content: center;
 
         }
 
         }
 
     </style>
 
     </style>
Line 80: Line 174:
 
<body style="margin: 0">
 
<body style="margin: 0">
  
−
<header id="first" class="box">
+
<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="">
 
     <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" class="thumbnail"><img style="width: 15%;height: auto"
+
     <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>
+
                                                src="https://static.igem.org/mediawiki/2019/0/09/T--JiangnanU_China--host_liubianxing.png"></a>
 
     </div>
 
     </div>
−
 
 
</header>
 
</header>
  
−
<div id="second" class="box" style="flex-direction: row">
 
−
    <img class="dna" src="https://static.igem.org/mediawiki/2019/3/38/T--JiangnanU_China--host_circle.png" alt="">
 
−
    <p style="width: 40%;margin-left: 5%">What is ‘TOP’<br>
 
−
        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. [333333 Futura
 
−
        Medium 22pt 1.5倍行距]
 
−
    </p>
 
−
    <div class="rdmrbttn"><a href="#third" class="thumbnail"><img style="width: 15%;height: auto"
 
−
                                                                  src="https://static.igem.org/mediawiki/2019/b/bb/T--JiangnanU_China--host_next.png"></a>
 
−
    </div>
 
−
</div>
 
  
−
<div id="third" class="box" style="flex-direction: row">
+
<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="block">
 
−
        <img src="https://static.igem.org/mediawiki/2019/2/24/T--JiangnanU_China--host_back.png"alt="">
 
−
    </div>
 
−
    <div class="block">
 
−
        <img src="https://static.igem.org/mediawiki/2019/2/24/T--JiangnanU_China--host_back.png"alt="">
 
−
    </div>
 
−
    <div class="block">
 
−
        <img src="https://static.igem.org/mediawiki/2019/2/24/T--JiangnanU_China--host_back.png"alt="">
 
−
    </div>
 
−
    <div class="rdmrbttn"><a href="#first" class="thumbnail"><img style="width: 15%;height: auto"
 
−
                                                                  src="https://static.igem.org/mediawiki/2019/2/24/T--JiangnanU_China--host_back.png"></a>
 
−
    </div>
 
−
</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>
 
</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