Difference between revisions of "Team:HUST-China/Results"

(Prototype team page)
 
Line 1: Line 1:
−
{{HUST-China}}
 
 
<html>
 
<html>
  
 +
<head>
 +
    <meta charset="UTF-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="renderer" content="webkit">
 +
    <title>Model</title>
 +
    <link rel="stylesheet" href="https://2017.igem.org/Team:HUST-China/css/bootstrap?action=raw&amp;ctype=text/css">
 +
    <link href="https://2017.igem.org/Team:HUST-China/css/return_top?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css" />
  
−
<div class="column full_size" >
+
    <link href="https://2017.igem.org/Team:HUST-China/website/css/amp-website.css?action=raw&amp;ctype=text/css"/>
  
−
<h1>Results</h1>
+
    <!-- Acorn Media Player specific -->
 +
    <link href="https://2017.igem.org/Team:HUST-China/acornmediaplayer/acornmediaplayer.base.css?action=raw&amp;ctype=text/css" >
  
−
<p>Here you can describe the results of your project and your future plans. </p>
+
    <!-- Theme -->
 +
    <link href="https://2017.igem.org/Team:HUST-China/acornmediaplayer/themes/access/acorn.access.css?action=raw&amp;ctype=text/css">
 +
    <link rel="stylesheet" href="https://2017.igem.org/Team:HUST-China/css/picbox.css?action=raw&amp;ctype=text/css" type="text/css" media="screen" />
  
−
<h5>What should this page contain?</h5>
+
    <script>
−
<ul>
+
    if ($('.firstHeading')) $('.firstHeading').remove();
−
<li> Clearly and objectively describe the results of your work.</li>
+
    </script>
−
<li> Future plans for the project. </li>
+
    <style>
−
<li> Considerations for replicating the experiments. </li>
+
    html {
−
</ul>
+
        overflow-x: hidden;
 +
        width: 100%;
 +
    }
 +
   
 +
    .banner-top {
 +
        margin-left: 15%;
 +
    }
 +
   
 +
    #igem_home_logo {
 +
        width: 100%;
 +
        margin-top: 80px;
 +
    }
 +
   
 +
    @media (min-width: 992px) {
 +
        .work-content .col-md-4 {
 +
            width: 25%;
 +
            margin-right: 8%;
 +
        }
 +
    }
 +
   
 +
    .carousel-control.left,
 +
    .carousel-control.right {
 +
        background-image: none;
 +
        padding-top: 18%;
 +
    }
 +
   
 +
    .carousel-indicators li {
 +
        background-color: #fff;
 +
        border: 1px solid #a94442;
 +
    }
 +
   
 +
    .carousel-indicators li.active {
 +
        background-color: #f0ad4e;
 +
    }
 +
   
 +
    #contentSub,
 +
    #contentcontainer,
 +
    #footer-box,
 +
    #sitesub,
 +
    #catlinks,
 +
    #search-controls,
 +
    #p-logo,
 +
    .h3,
 +
    .printfooter,
 +
    .firstHeading,
 +
    .visualClear {
 +
        display: none;
 +
        box-sizing: content-box;
 +
    }
 +
   
 +
    #sideMenu,
 +
    #top_title {
 +
        display: none;
 +
        box-sizing: content-box;
 +
    }
 +
   
 +
    #sideMenu .mainMenu_toggle,
 +
    #sideMenu .mainMenu_Title,
 +
    #sideMenu .sideMenuTitle,
 +
    #sideMenu .expand_subMenus {
 +
        box-sizing: content-box;
 +
    }
 +
   
 +
    #bodyContent h1,
 +
    #bodyContent h2,
 +
    #bodyContent h3,
 +
    #bodyContent h4,
 +
    #bodyContent h5 {
 +
        margin-bottom: 0px;
 +
    }
 +
   
 +
    #search_text {
 +
        color: #000;
 +
    }
 +
   
 +
    #globalWrapper,
 +
    #content {
 +
        position: absolute;
 +
        left: 0;
 +
        right: 0;
 +
        top: 0;
 +
        width: 100%;
 +
        height: 100%;
 +
        border: 0px;
 +
        background-color: transparent;
 +
        margin: 0px;
 +
        padding: 0px;
 +
    }
 +
   
 +
    @media (min-width: 1200px) {
 +
        .container-fluid .container {
 +
            width: 969px;
 +
            /* margin-left: 300px; */
 +
        }
 +
        .head-container {
 +
            width: 1170px;
 +
        }
 +
    }
 +
    /* article */
 +
   
 +
    .text-content article p {
 +
        text-indent: 20px;
 +
        margin: 10px 0;
 +
        font-size: 15px;
 +
        line-height: 24px;
 +
    }
 +
   
 +
    .text-content article img {
 +
        width: 80%;
 +
        padding-left: 20%;
 +
        /* margin-left: 20%; */
 +
    }
 +
    /*    .mw-content-ltr ol{
 +
        margin:0;
 +
    } */
 +
   
 +
    ol.carousel-indicators {
 +
        position: absolute;
 +
        bottom: 10px;
 +
        left: 50%;
 +
        z-index: 15;
 +
        width: 60%;
 +
        padding-left: 0;
 +
        margin-left: -30%;
 +
        text-align: center;
 +
        list-style: none;
 +
    }
  
−
<h5>You should also describe what your results mean: </h5>
+
       
 +
        @charset "utf-8";
 +
    body {
 +
        font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
 +
        color: #666;
 +
        width:100%;
 +
    }
 +
    .logo {
 +
        padding:0;
 +
    }
  
−
<ul>
+
    #myCarousel {
−
<li> Interpretation of the results obtained during your project. Don't just show a plot/figure/graph/other, tell us what you think the data means. This is an important part of your project that the judges will look for. </li>
+
        margin: 50px 0 0 0;
−
<li> Show data, but remember all measurement and characterization data must be on part pages in the Registry. </li>
+
    }
−
<li> Consider including an analysis summary section to discuss what your results mean. Judges like to read what you think your data means, beyond all the data you have acquired during your project. </li>
+
    #navbar-collapse ul {
−
</ul>
+
        margin-top:0;
 +
    }
 +
    .carousel-inner img {
 +
        margin: 0 auto;
 +
    }
 +
    /*.carousel-control {
 +
        font-size: 100px;
 +
    }*/
 +
    .tab-h1 {
 +
        width:100%;
 +
        font-size: 30px;
 +
        text-align: center;
 +
        letter-spacing: 1px;
 +
        color: #ffffff;
 +
        background-color:#97477c;
 +
        padding: 30px;
 +
        margin: 0;
 +
    }
  
−
</div>
+
    .tab-p {
 +
        font-size: 20px;
 +
        text-align: center;
 +
        letter-spacing: 1px;
 +
        color: #999;
 +
        margin: 20px 0 40px 0;
 +
    }
  
−
<div class="clear"></div>
+
    .container-fluid{
 +
        width:100%;
 +
    }
  
−
<div class="column half_size" >
+
    .tab1 {
 +
        width:100%;
 +
        margin: 0 0;
 +
        color: #666;
 +
        background:#333;
 +
    }
  
 +
    .tab1 .text-muted {
 +
        color: #999;
 +
        text-decoration: line-through;
 +
    }
 +
    .tab1 .media-heading {
 +
        margin: 5px 0 20px 0;
 +
    }
 +
    .tab1 .col {
 +
        padding: 20px;
 +
    }
  
−
<h5> Project Achievements </h5>
+
    .text span{
 +
        color: #97477c;
 +
    }
 +
    .text p {
 +
        font-size: 14px;
 +
    }
 +
    #footer {
 +
        background-color: #eee;
 +
        border-top: 1px solid #ccc;
 +
        padding: 20px;
 +
        text-align: center;
 +
    }
 +
    .text h4{
 +
        padding: 5px 10px;
 +
    }
 +
    .text p{
 +
        padding: 2px 10px;
 +
    }
 +
    .text h5{
 +
        padding: 3px 10px;
 +
    }
 +
    .dropdown button{
 +
        margin: 2px 20px;
 +
    }
 +
    /*没有小于768px，是因为Bootstrap3以移动端优先设计*/
  
−
<p>You can also include a list of bullet points (and links) of the successes and failures you have had over your summer. It is a quick reference page for the judges to see what you achieved during your summer.</p>
+
    /* 小屏幕（平板，大于等于768px） */
 +
    @media (min-width: 768px) {
 +
        .tab-h1 {
 +
            font-size: 26px;
 +
        }
 +
        .tab-p {
 +
            font-size: 16px;
 +
        }
 +
        .text h3 {
 +
            font-size: 22px;
 +
        }
 +
        .text p {
 +
            font-size: 10px;
 +
            text-indent: 20px;
 +
        }
 +
        .tab2-text {
 +
            float: left;
 +
        }
 +
        .tab2-img {
 +
            float: right;
 +
        }
 +
    }
  
−
<ul>
+
    /* 中等屏幕（桌面显示器，大于等于992px） */
−
<li>A list of linked bullet points of the successful results during your project</li>
+
    @media (min-width: 992px) {
−
<li>A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.</li>
+
        .tab-h1 {
−
</ul>
+
            font-size: 28px;
 +
        }
 +
        .tab-p {
 +
            font-size: 17px;
 +
        }
 +
        .text h3 {
 +
            font-size: 24px;
 +
        }
 +
        .text p {
 +
            font-size: 12px;
 +
            text-indent: 24px;
 +
        }
 +
    }
  
−
</div>
+
    /* 大屏幕（大桌面显示器，大于等于1200px） */
 +
    @media (min-width: 1200px) {
 +
        .tab-h1 {
 +
            font-size: 30px;
 +
        }
 +
        .tab-p {
 +
            font-size: 18px;
 +
        }
 +
        .text h3 {
 +
            font-size: 26px;
 +
        }
 +
        .text p {
 +
            font-size: 14px;
 +
            text-indent: 28px;
 +
        }
 +
    }
 +
       
  
 +
    body {
 +
            position: relative;
 +
        }
 +
        ul.nav-pills {
 +
            top: 200px;
 +
            position: fixed;
 +
        }
 +
        ul.nav-pills2 {
 +
            bottom:50px;
 +
            position: fixed;
 +
        }
 +
        div.col-sm-10 div {
 +
            min-height: 10px;
 +
            font-size: 14px;
 +
            text-indent: 28px;
 +
            color:#0f0f0f;
 +
        }
  
−
<div class="column half_size" >
+
        @media screen and (max-width: 992px) {
 +
            #section1, #section2, #section3, #section4, #section5 {
 +
            background-color: #eee; color:#171717;
 +
            }
 +
        }
  
−
<h5>Inspiration</h5>
+
        body {
−
<p>See how other teams presented their results.</p>
+
                position: relative;
−
<ul>
+
            }
−
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
+
        .menu_logo_1 {
−
<li><a href="https://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li>
+
                top: 18px;
−
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li>
+
                left: 80px;
−
</ul>
+
                z-index: -1000;
 +
                opacity: 0.8;
 +
                position: fixed;
 +
        }
 +
        .menu_logo_2 {
 +
                top: 18px;
 +
                left:170px;
 +
                z-index: -1000;
 +
                opacity: 0.8;
 +
                position: fixed;
 +
        }
  
−
</div>
 
  
 +
    </style>
 +
</head>
  
 +
<body data-spy="scroll" data-target="#myScrollspy" data-offset="20"  style="height:auto;">
 +
        <nav class="navbar navbar-default navbar-fixed-top" style="margin-top:15px">
 +
        <div class="container">
 +
 +
            <div class="navbar-header">
 +
                <a  href="https://2017.igem.org/Team:HUST-China" class="navbar-brand logo menu_logo_1"><img src="https://static.igem.org/mediawiki/2017/6/64/Team_HUST_China_2017_logo.png" alt="HUST_iGEM_2017_logo"></a>
 +
                <a href="https://2017.igem.org" class="navbar-brand logo menu_logo_2"><img src="https://static.igem.org/mediawiki/2017/f/f6/IGEM_2017_logo.png" alt="HUST_iGEM_2017_logo"></a>
 +
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse" style="background-color: #333; color:#111">
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                </button>
 +
            </div>
 +
 +
 +
            <div class="collapse navbar-collapse" id="navbar-collapse">
 +
                <ul class="nav navbar-nav navbar-right">
 +
                    <li><a href="https://2017.igem.org/Team:HUST-China">HOME</a></li>
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 +
                            PROJECT <b class="caret"></b>
 +
                        </a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/project/background">Background</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Description">Description</a></li>                                   
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Safety">Safety</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Demonstrate">Demonstrate</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 +
                            WETLAB <b class="caret"></b>
 +
                        </a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Experiments">Experiments</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Results">Results</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/InterLab">Interlab</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Notebook">Notebook</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/wetlab/protocols">Protocols</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown active">
 +
                        <a href="https://2017.igem.org/Team:HUST-China/Model" >
 +
                            MODEL
 +
                        </a>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 +
                            PARTS<b class="caret"></b>
 +
                        </a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Basic part">Basic part</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Composite part">Composite part</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Part collection">Part collection</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 +
                            HP<b class="caret"></b>
 +
                        </a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Collaborations"> Collaborations</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/HP/Silver">HP/Silver</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Engagement">Engagement</a></li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
 +
                            TEAM <b class="caret"></b>
 +
                        </a>
 +
                        <ul class="dropdown-menu">
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Team">Team Roster</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:HUST-China/Attributions">Attributions</a></li>
 +
                        </ul>
 +
                    </li>
 +
 +
 +
                </ul> 
 +
            </div>
 +
        </div>
 +
    </nav>
 +
 +
 +
 +
    <div class="tab1" id="section0" style="width:100%;margin-top: 65px;">
 +
            <h1 class="tab-h1" ><strong>「尚未编辑」</strong></h1>
 +
    </div>
 +
 +
 
 +
    <footer id="footer">
 +
      <div class="container" style="text-align: left">
 +
            <h3><strong>Acknowledgments:</strong></h3>
 +
            <img style="max-width: 100%; height:auto; display: block " src="https://static.igem.org/mediawiki/2017/8/88/2017_HUST_China_seven_logo.png" /> 
 +
        </div>
 +
    </footer>
 +
    <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/bootstrap?action=raw&amp;ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/jquery?action=raw&amp;ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/return_top_jquery?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2017.igem.org/Team:HUST-China/js/return_top_script?action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
 +
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
 +
    <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/ajax/libs/jquery/1.4/jquery.min.js?action=raw&amp;ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2017.igem.org/Team:HUST-China/js/picbox.js?action=raw&amp;ctype=text/javascript"></script>
 +
 +
 +
 +
    <!-- Required by Acorn Media Player -->
 +
    <script src="https://2017.igem.org/Team:HUST-China/lib/jquery.min.js?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2017.igem.org/Team:HUST-China/lib/jquery-ui-1.10.0.custom.min.js?action=raw&amp;ctype=text/javascript"></script>
 +
 +
    <!-- Optional - for older browser support - Webshim Polyfill -->
 +
    <script src="https://2017.igem.org/Team:HUST-China/lib/modernizr.custom.js?action=raw&amp;ctype=text/javascript"></script>
 +
    <script src="https://2017.igem.org/Team:HUST-China/afarkas.github.io/webshim/js-webshim/minified/polyfiller.js?action=raw&amp;ctype=text/javascript"></script>
 +
    <script>
 +
        if(window.webshims) {
 +
            webshims.polyfill('mediaelement');
 +
        }
 +
    </script>
 +
    <script src="https://2017.igem.org/Team:HUST-China/acornmediaplayer/jquery.acornmediaplayer.js?action=raw&amp;ctype=text/javascript"></script>
 +
    <!-- Call the plugin -->
 +
    <script>
 +
        jQuery(function() {
 +
            jQuery('video, audio').acornMediaPlayer();
 +
        });
 +
    </script>
 +
 +
    <script>
 +
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
 +
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
 +
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
 +
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 +
    ga('create', 'UA-19824700-1', 'ghinda.net');
 +
    ga('send', 'pageview');
 +
    </script>
 +
 +
</body>
  
 
</html>
 
</html>

Revision as of 15:01, 29 October 2017

Model

「尚未编辑」

Acknowledgments: