Difference between revisions of "Team:JiangnanU China"

Line 64: Line 64:
 
             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">
  
 
     <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"><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"><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">
+
            <div class="row" style="padding: 2%">
        <img src="https://static.igem.org/mediawiki/2019/2/24/T--JiangnanU_China--host_back.png"alt="">
+
                <img class="dna" src="https://static.igem.org/mediawiki/2019/3/38/T--JiangnanU_China--host_circle.png"
    </div>
+
                    alt="" style="width:42%">
    <div class="block">
+
                <div class="column">
        <img src="https://static.igem.org/mediawiki/2019/2/24/T--JiangnanU_China--host_back.png"alt="">
+
                    <div class="fb_72"><b>What is ‘TOP</b></div>
    </div>
+
                    <div class="fm_22">
    <div class="block">
+
                        Our aim is to construct a device which will increase the fermentation strains’ phage tolerance
        <img src="https://static.igem.org/mediawiki/2019/2/24/T--JiangnanU_China--host_back.png"alt="">
+
                        while wouldn’t have apparent effect on their growth.
    </div>
+
                        <br/>
    <div class="rdmrbttn"><a href="#first"><img style="width: 15%;height: auto"
+
                        We want to develop an innovative methodology towards the prevention and control of phage
                                                                  src="https://static.igem.org/mediawiki/2019/2/24/T--JiangnanU_China--host_back.png"></a>
+
                        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">
 +
                <!--第一个视频-->
 +
                <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="movie.ogg" type="video/ogg" />-->
 +
                    <!--            <source src="movie.webm" type="video/webm" />-->
 +
                    <!--            <object data="movie.mp4" width="320" height="240">-->
 +
                    <!--                <embed src="movie.swf" width="320" height="240" />-->
 +
                </video>
 +
                <div class="split"></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="movie.ogg" type="video/ogg" />-->
 +
                    <!--            <source src="movie.webm" type="video/webm" />-->
 +
                    <!--            <object data="movie.mp4" width="320" height="240">-->
 +
                    <!--                <embed src="movie.swf" width="320" height="240" />-->
 +
                </video>
 +
                <div class="split"></div>
 +
            </div>
 +
 
 +
 
 +
        </div>
 
     </div>
 
     </div>
 
</div>
 
</div>
 
</body>
 
</body>
</script>
 
 
</html>
 
</html>
 
{{:Team:JiangnanU_China/Footer}}
 
{{:Team:JiangnanU_China/Footer}}

Revision as of 08:28, 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.