Difference between revisions of "Team:Shanghai United/Attributions"

 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<html>
+
<html lang="en">
  
 
<head>
 
<head>
−
         <meta charset="utf-8">
+
         <meta charset="UTF-8">
−
         <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
−
         <title>非模块化方式使用layui</title>
+
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
         <title>Document</title>
 
         <link rel="stylesheet"
 
         <link rel="stylesheet"
 
                 href="https://2021.igem.org/Team:Shanghai_United/Template:CSS?action=raw&amp;ctype=text/css">
 
                 href="https://2021.igem.org/Team:Shanghai_United/Template:CSS?action=raw&amp;ctype=text/css">
Line 12: Line 13:
 
                 crossorigin="anonymous"></script>
 
                 crossorigin="anonymous"></script>
  
−
        <style type="text/css">
 
−
                #sideMenu,
 
−
                #top_title,
 
−
                .patrollink,
 
−
                #firstHeading,
 
−
                #home_logo,
 
−
                #sideMenu {
 
−
                        display: none;
 
−
                }
 
  
−
                #content {
+
</head>
−
                        padding: 0px;
+
<style type="text/css">
−
                        width: 100%;
+
        #sideMenu,
−
                        margin-top: -7px;
+
        #top_title,
−
                        margin-left: 0px;
+
        .patrollink,
−
                        border: none;
+
        #firstHeading,
−
                }
+
        #home_logo,
 +
        #sideMenu {
 +
                display: none;
 +
        }
  
−
                body,
+
        #content {
−
                html {
+
                padding: 0px;
−
                        background-color: white;
+
                width: 100%;
−
                        width: 100%;
+
                margin-top: -7px;
−
                        height: 100%;
+
                 margin-left: 0px;
−
                 }
+
                border: none;
 +
        }
  
−
                #bodyContent h1,
+
        body,
−
                #bodyContent h2,
+
        html {
−
                 #bodyContent h3,
+
                 background-color: white;
−
                 #bodyContent h4,
+
                 width: 100%;
−
                 #bodyContent h5 {
+
                 height: 100%;
−
                        margin-bottom: 0px;
+
        }
−
                }
+
  
−
                 #bodyContent a[href ^="https://"],
+
        #bodyContent h1,
−
                .link-https {
+
        #bodyContent h2,
−
                        padding-right: 0px;
+
        #bodyContent h3,
−
                }
+
        #bodyContent h4,
−
        </style>
+
        #bodyContent h5 {
−
        <title>Entprenuership</title>
+
                 margin-bottom: 0px;
−
</head>
+
        }
 +
 
 +
        #bodyContent a[href ^="https://"],
 +
        .link-https {
 +
                padding-right: 0px;
 +
        }
 +
</style>
 +
<style>
 +
        html {
 +
                width: 100%;
 +
                height: 100%;
 +
        }
 +
 
 +
        body {
 +
                min-width: 1920px;
 +
                overflow: scroll;
 +
                margin: 0 auto;
 +
        }
  
−
<style type="text/css">
 
 
         .layui-nav .layui-nav-item a {
 
         .layui-nav .layui-nav-item a {
 
                 color: black;
 
                 color: black;
 +
                font-size: 17px;
 
         }
 
         }
  
Line 88: Line 100:
  
 
<body>
 
<body>
 +
  <div style="height: 255px;width: 100%;display: flex;justify-content: space-around;">
 +
    <img src="https://static.igem.org/mediawiki/2021/2/27/T--Shanghai_United--homepage01.png"
 +
            style="width: 173px; height: 89px;margin-right: 271px;margin-left: 120px;margin-top: 80px;display: block;" />
 +
    <ul class="layui-nav navbar navbar-fixed-top text-center" lay-filter=""
 +
            style="background-color:white;height: 255px;line-height: 255px;">
  
−
        <div>
+
            <li class="layui-nav-item" style="text-align: center;">
−
                <!--导航条固定部分-->
+
                     <a href="https://2021.igem.org/Team:Shanghai_United"
−
                <div style="height: 255px;width: 100%;display: flex;justify-content: space-around;">
+
                            style="text-align: center;">Home</a>
−
                        <img src="https://static.igem.org/mediawiki/2021/2/27/T--Shanghai_United--homepage01.png"
+
            </li>
−
                                style="width: 173px; height: 89px;margin-right: 271px;margin-left: 120px;margin-top: 80px;" />
+
−
                        <ul class="layui-nav navbar navbar-fixed-top text-center" lay-filter=""
+
−
                                style="background-color:white;height: 255px;line-height: 255px;">
+
−
                                <!-- <li class="layui-nav-item" style="text-align: center;">
+
−
                     <img src="https://static.igem.org/mediawiki/2021/2/27/T--Shanghai_United--homepage01.png"
+
−
                        style="width: 143px; height: 89px;margin-top: 20px;margin-right: 271px;margin-left: 120px;" />
+
−
                </li> -->
+
  
−
                                <li class="layui-nav-item" style="text-align: center;">
+
            <li class="layui-nav-item" style="text-align: center;">
−
                                        <a href="https://2021.igem.org/Team:Shanghai_United"
+
                    <a href="javascript:;">Project</a>
−
                                                style="text-align: center;">Home</a>
+
                    <dl class="layui-nav-child">
−
                                </li>
+
                            <!-- 二级菜单 -->
 +
                            <dd>
 +
                                    <a
 +
                                            href="https://2021.igem.org/Team:Shanghai_United/Description">Description</a>
 +
                            </dd>
 +
                            <dd>
 +
                                    <a href="https://2021.igem.org/Team:Shanghai_United/Proof_Of_Concept">Proof
 +
                                            of Concept</a>
 +
                            </dd>
 +
                            <dd>
 +
                                    <a
 +
                                            href="https://2021.igem.org/Team:Shanghai_United/Experiments">Experiments</a>
 +
                            </dd>
 +
                            <dd>
 +
                                    <a
 +
                                            href="https://2021.igem.org/Team:Shanghai_United/Notebook">Notebook</a>
 +
                            </dd>
 +
                            <dd>
 +
                                    <a href="https://2021.igem.org/Team:Shanghai_United/Results">Results</a>
 +
                            </dd>
 +
                            <dd>
 +
                                    <a href="https://2021.igem.org/Team:Shanghai_United/Safety">Safety</a>
 +
                            </dd>
  
−
                                <li class="layui-nav-item" style="text-align: center;">
+
                    </dl>
−
                                        <a href="javascript:;">Project</a>
+
            </li>
−
                                        <dl class="layui-nav-child">
+
            <li class="layui-nav-item" style="text-align: center;">
−
                                                <!-- 二级菜单 -->
+
                    <a href="javascript:;">Parts</a>
−
                                                <dd>
+
                    <dl class="layui-nav-child">
−
                                                        <a
+
                            <!-- 二级菜单 -->
−
                                                                href="https://2021.igem.org/Team:Shanghai_United/Description">Description</a>
+
                            <dd>
−
                                                </dd>
+
                                    <a
−
                                                <dd>
+
                                            href="https://2021.igem.org/Team:Shanghai_United/Engineering">Engineering</a>
−
                                                        <a href="https://2021.igem.org/Team:Shanghai_United/Proof">Proof
+
                            </dd>
−
                                                                of Concept</a>
+
                            <dd>
−
                                                </dd>
+
                                    <a href="https://2021.igem.org/Team:Shanghai_United/Parts">Parts
−
                                                <dd>
+
                                            Collection</a>
−
                                                        <a
+
                            </dd>
−
                                                                href="https://2021.igem.org/Team:Shanghai_United/Experiment">Experiments</a>
+
−
                                                </dd>
+
−
                                                <dd>
+
−
                                                        <a
+
−
                                                                href="https://2021.igem.org/Team:Shanghai_United/Notebook">Notebook</a>
+
−
                                                </dd>
+
−
                                                <dd>
+
−
                                                        <a
+
−
                                                                href="https://2021.igem.org/Team:Shanghai_United/Result">Result</a>
+
−
                                                </dd>
+
−
                                                <dd>
+
−
                                                        <a
+
−
                                                                href="https://2021.igem.org/Team:Shanghai_United/Safety">Safety</a>
+
−
                                                </dd>
+
  
−
                                        </dl>
+
                    </dl>
−
                                </li>
+
            </li>
−
                                <li class="layui-nav-item" style="text-align: center;">
+
            <li class="layui-nav-item">
−
                                        <a href="javascript:;">Parts</a>
+
                    <a href="javascript:;">Human Practice</a>
−
                                        <dl class="layui-nav-child">
+
                    <dl class="layui-nav-child">
−
                                                <!-- 二级菜单 -->
+
                            <!-- 二级菜单 -->
−
                                                <dd>
+
                            <dd>
−
                                                        <a
+
                                    <a
−
                                                                href="https://2021.igem.org/Team:Shanghai_United/Basic Parts">Basic
+
                                            href="https://2021.igem.org/Team:Shanghai_United/Fundraising">Fundraising</a>
−
                                                                Parts</a>
+
                            </dd>
−
                                                </dd>
+
                            <dd>
−
                                                <dd>
+
                                    <a
−
                                                        <a
+
                                            href="https://2021.igem.org/Team:Shanghai_United/Communication">Communication</a>
−
                                                                href="https://2021.igem.org/Team:Shanghai_United/Composite Parts">Composite
+
                            </dd>
−
                                                                Parts</a>
+
                            <dd>
−
                                                </dd>
+
                                    <a
−
                                                <dd>
+
                                            href="https://2021.igem.org/Team:Shanghai_United/Human_Practices">Integrated Human Practices</a>
−
                                                        <a
+
                            </dd>
−
                                                                href="https://2021.igem.org/Team:Shanghai_United/Parts Collection">Parts
+
                    </dl>
−
                                                                Collection</a>
+
            </li>
−
                                                </dd>
+
            <li class="layui-nav-item" style="text-align: center;">
 +
                    <a href="https://2021.igem.org/Team:Shanghai_United/Implementation">Implementation</a>
 +
            </li>
  
−
                                        </dl>
+
            <li class="layui-nav-item" style="text-align: center;">
−
                                </li>
+
                    <a
−
                                <li class="layui-nav-item">
+
                            href="https://2021.igem.org/Team:Shanghai_United/Entrepreneurship">Entrepreneurship</a>
−
                                        <a href="javascript:;">Human Practice</a>
+
            </li>
−
                                        <dl class="layui-nav-child">
+
−
                                                <!-- 二级菜单 -->
+
−
                                                <dd>
+
−
                                                        <a
+
−
                                                                href="https://2021.igem.org/Team:Shanghai_United/Fundraising">Fundraising</a>
+
−
                                                </dd>
+
−
                                        </dl>
+
−
                                </li>
+
−
                                <li class="layui-nav-item" style="text-align: center;">
+
−
                                        <a
+
−
                                                href="https://2021.igem.org/Team:Shanghai_United/Implementation">Implementation</a>
+
−
                                </li>
+
  
−
                                <li class="layui-nav-item" style="text-align: center;">
+
            <li class="layui-nav-item" style="text-align: center;">
−
                                        <a
+
                    <a href="https://2021.igem.org/Team:Shanghai_United/Model">Model</a>
−
                                                href="https://2021.igem.org/Team:Shanghai_United/Entrepreneurship">Entrepreneurship</a>
+
            </li>
−
                                </li>
+
  
−
                                <li class="layui-nav-item" style="text-align: center;">
 
−
                                        <a href="https://2021.igem.org/Team:Shanghai_United/Modeling">Modeling</a>
 
−
                                </li>
 
  
 +
            <li class="layui-nav-item" style="text-align: center;">
 +
                    <a href="javascript:;">Team</a>
 +
                    <dl class="layui-nav-child">
 +
                            <!-- 二级菜单 -->
 +
                            <dd>
 +
                                    <a href="https://2021.igem.org/Team:Shanghai_United/Team">Team
 +
                                            Member</a>
 +
                            </dd>
 +
                            <dd>
 +
                                    <a
 +
                                            href="https://2021.igem.org/Team:Shanghai_United/Collaborations">Collaborations</a>
 +
                            </dd>
 +
                            <dd>
 +
                                    <a
 +
                                            href="https://2021.igem.org/Team:Shanghai_United/Attributions">Attributions</a>
 +
                            </dd>
 +
                    </dl>
 +
            </li>
 +
    </ul>
  
−
                                <li class="layui-nav-item" style="text-align: center;">
+
</div>
−
                                        <a href="javascript:;">Team</a>
+
−
                                        <dl class="layui-nav-child">
+
−
                                                <!-- 二级菜单 -->
+
−
                                                <dd>
+
−
                                                        <a href="https://2021.igem.org/Team:Shanghai_United/Team">Team
+
−
                                                                Member</a>
+
−
                                                </dd>
+
−
                                                <dd>
+
−
                                                        <a
+
−
                                                                href="https://2021.igem.org/Team:Shanghai_United/Collaborations">Collaborations</a>
+
−
                                                </dd>
+
−
                                                <dd>
+
−
                                                        <a
+
−
                                                                href="https://2021.igem.org/Team:Shanghai_United/Attributions">Attributions</a>
+
−
                                                </dd>
+
  
−
                                        </dl>
+
        <!--banner-->
−
                                </li>
+
        <div style="width:100%;position: relative;">
−
                        </ul>
+
          <img style="width:100%;" src="https://static.igem.org/mediawiki/2021/9/95/T--Shanghai_United--homepage08.jpg"></img>
 +
          <p style="color:white;font-size:48px;position: absolute;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size:48px; font-weight:bold;display: block;bottom: 100px;left: 100px;">Attributions</p>
 +
  </div>
  
−
                </div>
+
        <!--text-->
 +
        <div style="width:100%;padding:5% 30%;">
 +
            <img style="display: block;margin:30px auto;width:100%;text-align:center;" src="https://static.igem.org/mediawiki/2021/2/26/T--Shanghai_United--homepage9.jpg" style=""></img>
 +
                        <img style="display: block;margin:30px auto;width:100%;text-align:center;" src="https://static.igem.org/mediawiki/2021/9/96/T--Shanghai_United--implementation02.jpg" style="margin:30px auto;width:700pt;text-align:center;"></img>
 +
                        <img style="display: block;margin:30px auto;width:100%;text-align:center;" src="https://static.igem.org/mediawiki/2021/1/14/T--Shanghai_United--implementation03.jpg" style="margin:30px auto;width:700pt;text-align:center;"></img>
 +
                        <img style="display: block;margin:30px auto;width:100%;text-align:center;" src="https://static.igem.org/mediawiki/2021/b/b1/T--Shanghai_United--implementation04.jpg" style="margin:30px auto;width:700pt;text-align:center;"></img>
 +
                        <img style="display: block;margin:30px auto;width:100%;text-align:center;" src="https://static.igem.org/mediawiki/2021/d/d1/T--Shanghai_United--implementation07.jpg.png" style="margin:30px auto;width:700pt;text-align:center;"></img>
 +
        </div>
  
−
                 <div style="width:100%;">
+
        <!--bottom-->
−
                         <img style="width:100%;" src="https://static.igem.org/mediawiki/2021/a/a5/T--Shanghai_United--Description00.png"></img>
+
        <div style="background-color: #F9F9F9;">
 +
                 <div style="width: 80%;height: 1080px;margin: 0 auto;padding: 10% 0;">
 +
                        <span style="font-size: 48px;display: block;padding-bottom: 200px;">CONTACT INFO</span>
 +
                        <span
 +
                                style="text-align: center;line-height: 90px;letter-spacing: 2px;font-size: 36px;display: block;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;">
 +
                                Please scan the following QR codes to find more about us on
 +
                        </span>
 +
                        <span
 +
                                style="text-align: center;font-weight: bold;line-height: 40px;letter-spacing: 2px;font-size: 36px;display: block;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;">
 +
                                Weibo、Bilibili、Wechat !
 +
                        </span>
 +
                         <img style="width:810px;height: 345px;margin: 100px auto;display: block;"
 +
                                src="https://static.igem.org/mediawiki/2021/7/71/T--Shanghai_United--homepage07.jpg">
 
                 </div>
 
                 </div>
 +
        </div>
  
−
               
+
</body>
−
                <div style="width:80%;margin: 0 auto;">
+
<script src="https://2021.igem.org/Team:Shanghai_United/Template:JS?action=raw&amp;ctype=text/javascript"></script>
−
                        <img style="display: block;margin:30px auto;width:70%;text-align:center;" src="https://static.igem.org/mediawiki/2021/3/3c/T--Shanghai_United--implementation01.jpg" style=""></img>
+
<script>
−
                        <img style="display: block;margin:30px auto;width:70%;text-align:center;" src="https://static.igem.org/mediawiki/2021/9/96/T--Shanghai_United--implementation02.jpg" style="margin:30px auto;width:700pt;text-align:center;"></img>
+
        //由于模块都一次性加载，因此不用执行 layui.use() 来加载对应模块，直接使用即可：
−
                        <img style="display: block;margin:30px auto;width:70%;text-align:center;" src="https://static.igem.org/mediawiki/2021/1/14/T--Shanghai_United--implementation03.jpg" style="margin:30px auto;width:700pt;text-align:center;"></img>
+
        ;
−
                        <img style="display: block;margin:30px auto;width:70%;text-align:center;" src="https://static.igem.org/mediawiki/2021/b/b1/T--Shanghai_United--implementation04.jpg" style="margin:30px auto;width:700pt;text-align:center;"></img>
+
        ! function () {
−
                         <img style="display: block;margin:30px auto;width:70%;text-align:center;" src="https://static.igem.org/mediawiki/2021/5/58/T--Shanghai_United--implementation05.jpg" style="margin:30px auto;width:700pt;text-align:center;"></img>
+
                var layer = layui.layer,
−
                    </div>
+
                         form = layui.form;
−
           
+
         }();
−
          
+
  
−
                <div style="background-color: #F9F9F9;">
+
        layui.use('carousel', function () {
−
                        <div style="width: 80%;height: 1080px;margin: 0 auto;padding: 10% 0;">
+
                var carousel = layui.carousel;
−
                                <span
+
                //建造实例
−
                                        style="font-size: 48px;display: block;padding-bottom: 200px;">CONTACT INFO</span>
+
                carousel.render({
−
                                <span
+
                        elem: '#test1'
−
                                        style="text-align: center;line-height: 90px;letter-spacing: 2px;font-size: 36px;display: block;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;">
+
                        , width: '100%' //设置容器宽度
−
                                        Please scan the following QR codes to find more about us on
+
                        , arrow: 'always' //始终显示箭头
−
                                </span>
+
                        //,anim: 'updown' //切换动画方式
−
                                <span
+
                });
−
                                        style="text-align: center;font-weight: bold;line-height: 40px;letter-spacing: 2px;font-size: 36px;display: block;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;">
+
        });
−
                                        Weibo、Bilibili、Wechat !
+
</script>
−
                                </span>
+
−
                                <img style="width:810px;height: 345px;margin: 100px auto;display: block;" src="https://static.igem.org/mediawiki/2021/1/1d/T--Shanghai_United--homepage06.jpg">
+
−
                        </div>
+
−
                </div>
+
−
 
+
−
                <script
+
−
                        src="https://2021.igem.org/Team:Shanghai_United/Template:JS?action=raw&amp;ctype=text/javascript"></script>
+
−
                <script>
+
−
                        //由于模块都一次性加载，因此不用执行 layui.use() 来加载对应模块，直接使用即可：
+
−
                        ;
+
−
                        ! function () {
+
−
                                var layer = layui.layer,
+
−
                                        form = layui.form;
+
−
                        }();
+
−
 
+
−
                        layui.use('carousel', function () {
+
−
                                var carousel = layui.carousel;
+
−
                                //建造实例
+
−
                                carousel.render({
+
−
                                        elem: '#test1'
+
−
                                        , width: '100%' //设置容器宽度
+
−
                                        , arrow: 'always' //始终显示箭头
+
−
                                        //,anim: 'updown' //切换动画方式
+
−
                                });
+
−
                        });
+
−
                </script>
+
−
</body>
+
  
 
</html>
 
</html>

Latest revision as of 11:49, 20 October 2021

Document

Attributions

CONTACT INFO Please scan the following QR codes to find more about us on Weibo、Bilibili、Wechat !