Difference between revisions of "Team:Shanghai United"

Line 1: Line 1:
 
<html>
 
<html>
 +
 
<head>
 
<head>
−
<meta charset="utf-8">
+
        <meta charset="utf-8">
−
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
−
<title>非模块化方式使用layui</title>
+
        <title>非模块化方式使用layui</title>
−
<link rel="stylesheet" href="https://2021.igem.org/Team:Shanghai_United/Template:CSS?action=raw&amp;ctype=text/css">
+
        <link rel="stylesheet"
−
 
+
                href="https://2021.igem.org/Team:Shanghai_United/Template:CSS?action=raw&amp;ctype=text/css">
−
<style type="text/css">
+
        <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
−
#sideMenu,
+
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
−
#top_title,
+
                integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
−
.patrollink,
+
                crossorigin="anonymous"></script>
−
#firstHeading,
+
−
#home_logo,
+
−
#sideMenu {
+
−
display: none;
+
−
}
+
−
+
−
#content {
+
−
padding: 0px;
+
−
width: 100%;
+
−
margin-top: -7px;
+
−
margin-left: 0px;
+
−
border: none;
+
−
}
+
−
+
−
body,
+
−
html {
+
−
background-color: white;
+
−
width: 100%;
+
−
height: 100%;
+
−
}
+
−
+
−
#bodyContent h1,
+
−
#bodyContent h2,
+
−
#bodyContent h3,
+
−
#bodyContent h4,
+
−
#bodyContent h5 {
+
−
margin-bottom: 0px;
+
−
}
+
−
+
−
#bodyContent a[href ^="https://"],
+
−
.link-https {
+
−
padding-right: 0px;
+
−
}
+
−
</style>
+
−
<title>Entprenuership</title>
+
−
</head>
+
−
 
+
−
<style type="text/css">
+
−
.layui-nav .layui-nav-item a {
+
−
color: black;
+
−
}
+
−
+
−
.layui-nav .layui-nav-item a:hover {
+
−
color: black;
+
−
text-decoration: none;
+
−
}
+
−
+
−
#bodyContent a[href ^="https://"],
+
−
.link-https {
+
−
padding-right: 35px;
+
−
}
+
−
.layui-nav * {
+
−
    font-size: 18px;
+
−
}
+
−
.carousel-indicators {
+
−
 
+
−
    width: 30%;
+
−
left: 33%;
+
−
+
−
</style>
+
−
 
+
−
<body>
+
−
 
+
−
<!--导航条固定部分-->
+
−
<div>
+
−
+
−
 
+
−
 
+
−
 
+
−
<ul class="layui-nav navbar navbar-fixed-top text-center" lay-filter="" style="background-color:white">
+
−
+
−
+
−
+
−
+
−
<li class="layui-nav-item" style="text-align: center;">
+
−
<img src="https://static.igem.org/mediawiki/2021/e/e1/T--Shanghai_HS--project_overflow_wenzi.png
+
−
      " style="width: 210px; height: 24px;margin-top: 20px;" />
+
−
</li>
+
−
+
−
<li class="layui-nav-item" style="text-align: center;">
+
−
<a href="https://2021.igem.org/Team:Shanghai_United" style="text-align: center;">Home</a>
+
−
</li>
+
−
 
+
−
<li class="layui-nav-item" style="text-align: center;">
+
−
<a href="javascript:;">Project</a>
+
−
<dl class="layui-nav-child">
+
−
<!-- 二级菜单 -->
+
−
<dd>
+
−
<a href="https://2021.igem.org/Team:Shanghai_United/Description">Description</a>
+
−
</dd>
+
−
<dd>
+
−
<a href="https://2021.igem.org/Team:Shanghai_United/Design">Design</a>
+
−
</dd>
+
−
<dd>
+
−
<a 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>
+
−
</li>
+
−
 
+
−
<li class="layui-nav-item" style="text-align: center;">
+
−
<a href="https://2021.igem.org/Team:Shanghai_United/Contribution">Parts</a>
+
−
</li>
+
−
 
+
−
<li class="layui-nav-item">
+
−
<a href="https://2021.igem.org/Team:Shanghai_United/Engineering">Human Practice</a>
+
−
</li>
+
−
<li class="layui-nav-item">
+
−
<a href="https://2021.igem.org/Team:Shanghai_United/Implementation">Implementation</a>
+
−
</li>
+
−
<li class="layui-nav-item" style="text-align: center;">
+
−
<a href="javascript:;">Entreprenuership</a>
+
−
<dl class="layui-nav-child">
+
−
<!-- 二级菜单 -->
+
−
<dd>
+
−
<a href="https://2021.igem.org/Team:Shanghai_United/Basic Parts">Basic Parts</a>
+
−
</dd>
+
−
<dd>
+
−
<a href="https://2021.igem.org/Team:Shanghai_United/Composite Parts">Composite Parts</a>
+
−
</dd>
+
−
<dd>
+
−
<a href="https://2021.igem.org/Team:Shanghai_United/Parts Collection">Parts Collection</a>
+
−
</dd>
+
−
 
+
−
</dl>
+
−
</li>
+
−
<li class="layui-nav-item" style="text-align: center;">
+
−
<a href="https://2021.igem.org/Team:Shanghai_United/Model">Modeling</a>
+
−
</li>
+
  
−
<li class="layui-nav-item" style="text-align: center;">
+
        <style type="text/css">
−
<a href="javascript:;">Team</a>
+
                #sideMenu,
−
<dl class="layui-nav-child">
+
                #top_title,
−
<!-- 二级菜单 -->
+
                .patrollink,
−
<dd>
+
                #firstHeading,
−
<a href="https://2021.igem.org/Team:Shanghai_United/Team">Team Member</a>
+
                #home_logo,
−
</dd>
+
                #sideMenu {
−
<dd>
+
                        display: none;
−
<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>
+
                #content {
−
</li>
+
                        padding: 0px;
−
</ul>
+
                        width: 100%;
 +
                        margin-top: -7px;
 +
                        margin-left: 0px;
 +
                        border: none;
 +
                }
  
−
</div>
+
                body,
−
<!--导航条固定部分结束-->
+
                html {
 +
                        background-color: white;
 +
                        width: 100%;
 +
                        height: 100%;
 +
                }
  
 +
                #bodyContent h1,
 +
                #bodyContent h2,
 +
                #bodyContent h3,
 +
                #bodyContent h4,
 +
                #bodyContent h5 {
 +
                        margin-bottom: 0px;
 +
                }
  
 +
                #bodyContent a[href ^="https://"],
 +
                .link-https {
 +
                        padding-right: 0px;
 +
                }
 +
        </style>
 +
        <title>Entprenuership</title>
 +
</head>
  
 +
<style type="text/css">
 +
        .layui-nav .layui-nav-item a {
 +
                color: black;
 +
        }
  
−
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
+
        .layui-nav .layui-nav-item a:hover {
−
  <!-- Indicators -->
+
                color: black;
−
  <ol class="carousel-indicators">
+
                text-decoration: none;
−
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
+
        }
−
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
+
−
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
+
−
  </ol>
+
  
−
  <!-- Wrapper for slides -->
+
        #bodyContent a[href ^="https://"],
−
  <div class="carousel-inner" role="listbox">
+
        .link-https {
−
    <div class="item active">
+
                padding-right: 35px;
−
      <img src="..." alt="...">
+
         }
−
      <div class="carousel-caption">
+
−
        ...
+
−
      </div>
+
−
    </div>
+
−
    <div class="item">
+
−
      <img src="..." alt="...">
+
−
      <div class="carousel-caption">
+
−
         ...
+
−
      </div>
+
−
    </div>
+
−
    ...
+
−
  </div>
+
  
−
  <!-- Controls -->
+
        .layui-nav * {
−
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
+
                font-size: 18px;
−
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+
        }
−
    <span class="sr-only">Previous</span>
+
−
  </a>
+
−
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
+
−
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+
−
    <span class="sr-only">Next</span>
+
−
  </a>
+
−
</div>
+
  
 +
        .carousel-indicators {
  
 +
                width: 30%;
 +
                left: 33%;
 +
        }
  
 +
        .layui-carousel:hover .layui-carousel-arrow {
 +
                display: none;
 +
        }
  
 +
        .layui-carousel {
 +
                height: 1080px !important;
 +
        }
 +
</style>
  
 +
<body>
  
 +
        <div>
 +
                <!--导航条固定部分-->
 +
                <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;" />
 +
                        <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;">
 +
                                        <a href="https://2021.igem.org/Team:Shanghai_United"
 +
                                                style="text-align: center;">Home</a>
 +
                                </li>
  
 +
                                <li class="layui-nav-item" style="text-align: center;">
 +
                                        <a href="javascript:;">Project</a>
 +
                                        <dl class="layui-nav-child">
 +
                                                <!-- 二级菜单 -->
 +
                                                <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">Proof
 +
                                                                of Concept</a>
 +
                                                </dd>
 +
                                                <dd>
 +
                                                        <a
 +
                                                                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>
 +
                                </li>
 +
                                <li class="layui-nav-item" style="text-align: center;">
 +
                                        <a href="javascript:;">Parts</a>
 +
                                        <dl class="layui-nav-child">
 +
                                                <!-- 二级菜单 -->
 +
                                                <dd>
 +
                                                        <a
 +
                                                                href="https://2021.igem.org/Team:Shanghai_United/Basic Parts">Basic
 +
                                                                Parts</a>
 +
                                                </dd>
 +
                                                <dd>
 +
                                                        <a
 +
                                                                href="https://2021.igem.org/Team:Shanghai_United/Composite Parts">Composite
 +
                                                                Parts</a>
 +
                                                </dd>
 +
                                                <dd>
 +
                                                        <a
 +
                                                                href="https://2021.igem.org/Team:Shanghai_United/Parts Collection">Parts
 +
                                                                Collection</a>
 +
                                                </dd>
  
 +
                                        </dl>
 +
                                </li>
 +
                                <li class="layui-nav-item">
 +
                                        <a href="javascript:;">Human Practice</a>
 +
                                        <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;">
 +
                                        <a
 +
                                                href="https://2021.igem.org/Team:Shanghai_United/Entrepreneurship">Entrepreneurship</a>
 +
                                </li>
  
−
<div>
+
                                <li class="layui-nav-item" style="text-align: center;">
 +
                                        <a href="https://2021.igem.org/Team:Shanghai_United/Modeling">Modeling</a>
 +
                                </li>
  
−
<div style="display:inline">111</div>
 
  
−
<div style="display:inline">222</div>
+
                                <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>
  
−
</div>
+
                                        </dl>
 +
                                </li>
 +
                        </ul>
  
 +
                </div>
  
 +
                <img src="https://static.igem.org/mediawiki/2021/7/71/T--Shanghai_United--homepage02.gif.gif"
 +
                        style="width: 100%;">
  
 +
                <div class="layui-carousel" id="test1" style="width: 100%;">
 +
                        <div carousel-item>
 +
                                <div>
 +
                                        <img style="width: 100%;"
 +
                                                src="https://static.igem.org/mediawiki/2021/0/06/T--Shanghai_United--homepage03.jpg">
 +
                                </div>
 +
                                <div>
 +
                                        <img style="width: 100%;"
 +
                                                src="https://static.igem.org/mediawiki/2021/b/be/T--Shanghai_United--homepage04.jpg">
 +
                                </div>
 +
                                <div>
 +
                                        <img style="width: 100%;"
 +
                                                src="https://static.igem.org/mediawiki/2021/0/05/T--Shanghai_United--homepage05.jpg">
 +
                                </div>
 +
                        </div>
 +
                </div>
  
 +
                <div style="background-color: #B3CFF1;">
 +
                        <div style="width: 80%;height: 1080px;margin: 0 auto;padding: 10% 0;">
 +
                                <span
 +
                                        style="font-size: 48px;color: white;display: block;padding-bottom: 200px;">ABSTRACT</span>
 +
                                <span
 +
                                        style="line-height: 40px;letter-spacing: 2px;font-size: 28px;color: white;display: block;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;">
 +
                                        As a non-metallic element, arsenic has a very important use in industry. But
 +
                                        equally, its harm to the human body is also very huge, even causing cancers. So
 +
                                        what we need to do is find a more efficient way to detect the presence and the
 +
                                        amount of arsenic around us. In this case, we design to combine the arsA, arsD,
 +
                                        and arsR genes to make up the ARS operon pattern which could respond to the
 +
                                        presence of arsenic. Afterward, we use green fluorescent proteins to ’ring’ the
 +
                                        alarm by glowing. We hope our project could promote the public awareness of
 +
                                        arsenic threat and provide a better solution to detect arsenic.
 +
                                </span>
 +
                        </div>
 +
                </div>
  
−
<script src="https://2021.igem.org/Team:Shanghai_United/Template:JS?action=raw&amp;ctype=text/javascript"></script>
+
                <div style="width: 100%;">
−
<script>
+
                        <video style="width: 100%;" src="https://static.igem.org/mediawiki/2021/6/65/T--Shanghai_United--homepage00.mp4" autoplay="autoplay" preload="none" controls="controls"></video>
−
//由于模块都一次性加载，因此不用执行 layui.use() 来加载对应模块，直接使用即可：
+
                </div>
−
;
+
−
! function() {
+
−
var layer = layui.layer,
+
−
form = layui.form;
+
−
}();
+
−
</script>
+
  
 +
                <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: 0 auto;margin-top: 100px;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>
  
−
</body>
+
</html>
−
</html>
+

Revision as of 09:36, 22 September 2021

非模块化方式使用layui Entprenuership

ABSTRACT As a non-metallic element, arsenic has a very important use in industry. But equally, its harm to the human body is also very huge, even causing cancers. So what we need to do is find a more efficient way to detect the presence and the amount of arsenic around us. In this case, we design to combine the arsA, arsD, and arsR genes to make up the ARS operon pattern which could respond to the presence of arsenic. Afterward, we use green fluorescent proteins to ’ring’ the alarm by glowing. We hope our project could promote the public awareness of arsenic threat and provide a better solution to detect arsenic.
CONTACT INFO Please scan the following QR codes to find more about us on Weibo、Bilibili、Wechat !