Difference between revisions of "Team:UESTC-software/Demonstrate"

(Prototype team page)
 
 
(28 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{UESTC-software}}
+
{{Team:UESTC-software/test}}
−
<html>
+
<html lang="en">
−
 
+
<head>
−
 
+
    <meta charset="UTF-8">
−
<div class="column full_size" >
+
    <title>三级页面</title>
−
 
+
    <link href="https://2016.igem.org/Team:UESTC-software/css/template/base?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
−
<p>Here you can describe the results of your project and your future plans. </p>
+
    <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:UESTC-software/css/template/threeLevel?action=raw&ctype=text/css" />
−
 
+
 
−
<h5>What should this page contain?</h5>
+
    <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:UESTC-software/css/template/nav?action=raw&ctype=text/css" />
−
<ul>
+
    <link href="https://2016.igem.org/Team:UESTC-software/css/template/footer?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
−
<li> Clearly and objectively describe the results of your work.</li>
+
   
−
<li> Future plans for the project </li>
+
−
<li> Considerations for replicating the experiments </li>
+
−
</ul>
+
  
 +
</head>
 +
<body>
 +
<a name="top" id="top"></a>
 +
<header class="header">
 +
    <div class="header-content">
 +
        <a href="https://2016.igem.org/Team:UESTC-software"><img src="https://static.igem.org/mediawiki/igem.org/9/9d/Uestc_software-logo.png" class="logo"  alt="logo" ></a>
 +
        <nav class="main-nav">
 +
            <ul>
 +
                <li><a href="https://2016.igem.org/Team:UESTC-software">HOME</a></li>
 +
                <li><a href="https://2016.igem.org/Team:UESTC-software/Project?id=0">PROJECT</a>
 +
                    <ul class="sub-nav">
 +
                        <li><a href="https://2016.igem.org/Team:UESTC-software/Description">Description</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:UESTC-software/Design">Design</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:UESTC-software/Features">Features</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:UESTC-software/Model">Modeling</a></li>
 +
                       
 +
                        <li class="three-nav"><a href="https://2016.igem.org/Team:UESTC-software/Proof">Proof</a></li>
 +
                        <li class="three-nav"><a href="https://2016.igem.org/Team:UESTC-software/Demonstrate">Results</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:UESTC-software/Future">Future</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:UESTC-software/Parts">Parts</a></li>
 +
                        <li class="three-nav"><a href="https://2016.igem.org/Team:UESTC-software/Extra_work">Extra Work—Bio2048</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li><a href="https://2016.igem.org/Team:UESTC-software/Judging?id=1">JUDGING</a>
 +
                    <ul class="sub-nav">
 +
                        <li><a href="https://2016.igem.org/Team:UESTC-software/Medal_requirements">Medal Requirements</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:UESTC-software/Safety?">Safety</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li><a href="https://2016.igem.org/Team:UESTC-software/Team?id=2">TEAM</a>
 +
                    <ul class="sub-nav">
 +
                        <li><a href="https://2016.igem.org/Team:UESTC-software/Members?id=2&index=0">Team</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:UESTC-software/Collaborations">Collaborations</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:UESTC-software/Notebooks">Notebooks</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li><a href="https://2016.igem.org/Team:UESTC-software/HP">HUMAN PRACTICES</a>
 +
                    <ul class="sub-nav">
 +
<li><a href="https://2016.igem.org/Team:UESTC-software/HP/Silver">Silver</a></li>                     
 +
<li><a href="https://2016.igem.org/Team:UESTC-software/HP/Gold">Gold</a></li>
 +
                       
 +
                        <li><a href="https://2016.igem.org/Team:UESTC-software/Integrated_Practices">Integrated Practices</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:UESTC-software/Engagement">Engagement</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li><a href="https://2016.igem.org/Team:UESTC-software/Document">DOCUMENTS</a></li>
 +
               
 +
                <li><a href="https://2016.igem.org/Team:UESTC-software/Attributions">ATTRIBUTIONS</a></li>
 +
            </ul>
 +
        </nav>
 +
    </div>
 +
</header>
 +
<div class="content-top">
 +
    <img src="https://static.igem.org/mediawiki/2016/d/d4/Uestc_software_project_result_b.png">
 +
    <p class="title">Results</p>
 
</div>
 
</div>
−
 
+
<div class="detail-content">
−
<div class="column half_size" >
+
    <h2 id="Bio101: Archival mode">Bio101: Archival mode</h2>
−
 
+
    <p class="img-p"><a href="https://youtu.be/ssSYqdV4QuA" target="_blank"><img src="https://static.igem.org/mediawiki/2016/4/41/Uestc-software-results-1.png"/></a></p>
−
 
+
    <p style="text-align: center;">Please click to see the video.</p>
−
<h5> Project Achievements </h5>
+
    <h2 id="Bio101: Editable mode">Bio101: Editable mode</h2>
−
 
+
    <p class="img-p"><a href="https://youtu.be/96FZRP4N6Jg" target="_blank"><img src="https://static.igem.org/mediawiki/2016/a/a8/Uestc-software-results-2.png"/></a></p>
−
<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>
+
    <p style="text-align: center;">Please click to see the video.</p>
−
 
+
    <h2 id="Bio2048: An Android game">Bio2048: An Android game</h2>
−
<ul>
+
    <p class="img-p" style="width: 60%; height: 60%; margin-left:150px;"><a href="https://youtu.be/rimWgMN9M18" target="_blank"><img src="https://static.igem.org/mediawiki/2016/b/b9/Uestc-software-results-3.png"/></a></p>
−
<li>A list of linked bullet points of the successful results during your project</li>
+
    <p style="text-align: center;">Please click to see the video.</p>
−
<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>
+
    <h2 id="Websites for experience">Websites for experience</h2>
−
</ul>
+
 
−
 
+
    <strong>·Bio101<a href="http://bio101.uestc.edu.cn/transform/" target="_blank" style="color:#2dbfc8 "> (http://bio101.uestc.edu.cn/transform/)</a></strong>
 +
       
 +
    <strong>·Bio2048<a href="http://sj.qq.com/myapp/detail.htm?apkName=com.mx.igem2048" target="_blank" style="color: #2dbfc8"> (http://sj.qq.com/myapp/detail.htm?apkName=com.mx.igem2048) </a></strong>
 
</div>
 
</div>
 +
<footer class="footer">
 +
    <div class="footer-top">
 +
        <p>FOLLOW US：
 +
            <a href="https://github.com/igemsoftware2016/UESTC-Software-2016" target="_blank"><img src="https://static.igem.org/mediawiki/igem.org/0/06/Uestc_software-github.png" /></a>
 +
            <a href="http://www.uestc.edu.cn/" target="_blank"><img src="https://static.igem.org/mediawiki/igem.org/a/a4/Uestc_software-school.png" /></a>
 +
            <a href="http://weibo.com/u/5621240588?refer_flag=1001030101_&is_hot=1" target="_blank"><img src="https://static.igem.org/mediawiki/igem.org/b/b1/Uestc_software-weibo.png" /></a>
 +
        </p>
 +
        <p>UESTC-SOFTWARE</p>
 +
    </div>
 +
    <div class="footer-bottom">© 2016 University of Electronic Science and Technology of China</div>
 +
</footer>
  
−
 
+
<div class="scroll-top"><img class="bottom" src="https://static.igem.org/mediawiki/igem.org/1/1d/Uestc_software-up.png" /></div>
−
<div class="column half_size" >
+
<div class="catalog">
−
 
+
    <span>CATALOGUE</span>
−
<h5>Inspiration</h5>
+
−
<p>See how other teams presented their results.</p>
+
−
<ul>
+
−
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li>
+
−
</ul>
+
−
 
+
 
</div>
 
</div>
 +
<div class="catalog-area">
 +
    <div class="title"><img src="https://static.igem.org/mediawiki/igem.org/e/e3/Uestc_software-reduce.gif" />CATALOGUE</div>
 +
    <ul>
 +
        <li>
 +
            <a href="#Bio101: Archival mode">
 +
                <span></span>
 +
                Bio101: Archival mode
 +
            </a>
 +
        </li>
 +
        <li>
 +
            <a href="#Bio101: Editable mode">
 +
                <span></span>
 +
                Bio101: Editable mode
 +
            </a>
 +
        </li>
 +
        <li>
 +
            <a href="#Bio2048: An Android game">
 +
                <span></span>
 +
                Bio2048: An Android game
 +
            </a>
 +
        </li>
 +
        <li>
 +
            <a href="#Websites for experience">
 +
                <span></span>
 +
                Websites for experience
 +
            </a>
 +
        </li>
 +
    </ul>
 +
</div>
 +
<script type="text/javascript" src="https://2016.igem.org/Team:UESTC-software/js/basic/jquery?action=raw&ctype=text/javascript"></script>
  
 +
<script type="text/javascript">
 +
 
  
−
 
+
$(".scroll-top img").addClass("active");
 +
$(".catalog").click(function(){
 +
    $(this).addClass("active");
 +
    $(".catalog-area").addClass("active");
 +
});
 +
$(".catalog-area .title").click(function(){
 +
    $(".catalog-area").removeClass("active");
 +
    $(".catalog").removeClass("active");
 +
});
 +
$(".scroll-top img").click(function(){
 +
    $('html, body').animate({scrollTop:0}, 'slow');
 +
});
 +
$(window).scroll(function(){
 +
    var height = $(document).scrollTop();
 +
    if(height > 300){
 +
        $(".scroll-top img").removeClass("active");
 +
    }else{
 +
        $(".scroll-top img").addClass("active");
 +
    }
 +
})
 +
</script>
 +
</body>
 
</html>
 
</html>

Latest revision as of 01:41, 20 October 2016

三级页面

Results

Bio101: Archival mode

Please click to see the video.

Bio101: Editable mode

Please click to see the video.

Bio2048: An Android game

Please click to see the video.

Websites for experience

·Bio101 (http://bio101.uestc.edu.cn/transform/) ·Bio2048 (http://sj.qq.com/myapp/detail.htm?apkName=com.mx.igem2048)

FOLLOW US：

UESTC-SOFTWARE

© 2016 University of Electronic Science and Technology of China
CATALOGUE
CATALOGUE