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

 
(27 intermediate revisions by 2 users not shown)
Line 10: Line 10:
 
     <link href="https://2016.igem.org/Team:UESTC-software/css/template/footer?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
 
     <link href="https://2016.igem.org/Team:UESTC-software/css/template/footer?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
 
      
 
      
−
<style>
+
 
−
#HQ_page p {
+
−
font-size:16px;
+
−
}
+
−
p.title {
+
−
font-size:45px !important;
+
−
text-align: center !important;
+
−
}
+
−
#bodyContent a[href^="https://"], .link-https {
+
−
    padding-right: 0px;
+
−
}
+
−
</style>
+
 
</head>
 
</head>
 
<body>
 
<body>
 +
<a name="top" id="top"></a>
 
<header class="header">
 
<header class="header">
 
     <div class="header-content">
 
     <div class="header-content">
Line 32: Line 22:
 
                 <li><a href="https://2016.igem.org/Team:UESTC-software/Project?id=0">PROJECT</a>
 
                 <li><a href="https://2016.igem.org/Team:UESTC-software/Project?id=0">PROJECT</a>
 
                     <ul class="sub-nav">
 
                     <ul class="sub-nav">
−
                         <li><a href="https://2016.igem.org/Team:UESTC-software/Description?id=0&index=0">Description</a></li>
+
                         <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?id=0&index=1">Design</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?id=0&index=2">Features</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/Modeling?id=0&index=3">Modeling</a></li>
+
                         <li><a href="https://2016.igem.org/Team:UESTC-software/Model">Modeling</a></li>
−
                         <li><a href="https://2016.igem.org/Team:UESTC-software/Validation_and_testing?id=0&index=4">Validation and testing</a></li>
+
                       
−
                         <li><a href="https://2016.igem.org/Team:UESTC-software/Future?id=0&index=5">Future</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/Extra_work?id=0&index=6;">Extra Work—Bio1024</a></li>
+
                         <li class="three-nav"><a href="https://2016.igem.org/Team:UESTC-software/Demonstrate">Results</a></li>
−
                         <li class="three-nav"><a href="https://2016.igem.org/Team:UESTC-software/Extra_work?id=0&index=7;">Extra Work—Bio2048</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>
 
                     </ul>
 
                 </li>
 
                 </li>
 
                 <li><a href="https://2016.igem.org/Team:UESTC-software/Judging?id=1">JUDGING</a>
 
                 <li><a href="https://2016.igem.org/Team:UESTC-software/Judging?id=1">JUDGING</a>
 
                     <ul class="sub-nav">
 
                     <ul class="sub-nav">
−
                         <li><a href="https://2016.igem.org/Team:UESTC-software/Medal_requirements?id=1&index=0">Medal Requirements</a></li>
+
                         <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?id=1&index=1">Safety</a></li>
+
                         <li><a href="https://2016.igem.org/Team:UESTC-software/Safety?">Safety</a></li>
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
Line 51: Line 43:
 
                     <ul class="sub-nav">
 
                     <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/Members?id=2&index=0">Team</a></li>
−
                         <li><a href="https://2016.igem.org/Team:UESTC-software/Collaboration?id=2&index=1">Collaborations</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?id=2&index=2">Notebooks</a></li>
+
                         <li><a href="https://2016.igem.org/Team:UESTC-software/Notebooks">Notebooks</a></li>
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
−
                 <li><a href="https://2016.igem.org/Team:UESTC-software/Document?id=3&index=0">DOCUMENT</a></li>
+
                 <li><a href="https://2016.igem.org/Team:UESTC-software/HP">HUMAN PRACTICES</a>
−
                <li><a href="https://2016.igem.org/Team:UESTC-software/Human_Practices?id=4&index=0">HUMAN PRACTICES</a></li>
+
                    <ul class="sub-nav">
−
                 <li><a href="https://2016.igem.org/Team:UESTC-software/Attributions?id=5&index=0">ATTRIBUTIONS</a></li>
+
<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>
 
             </ul>
 
         </nav>
 
         </nav>
Line 63: Line 64:
 
</header>
 
</header>
 
<div class="content-top">
 
<div class="content-top">
−
     <img src="https://static.igem.org/mediawiki/2016/b/b6/2016Uestc_software-human_practice.png">
+
     <img src="https://static.igem.org/mediawiki/2016/d/d4/Uestc_software_project_result_b.png">
−
     <p class="title">Proof</p>
+
     <p class="title">Results</p>
 
</div>
 
</div>
 
<div class="detail-content">
 
<div class="detail-content">
−
 
+
    <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>
 +
    <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 style="text-align: center;">Please click to see the video.</p>
 +
    <h2 id="Bio2048: An Android game">Bio2048: An Android game</h2>
 +
    <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>
 +
    <p style="text-align: center;">Please click to see the video.</p>
 +
    <h2 id="Websites for experience">Websites for experience</h2>
 +
 
 +
    <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">
 
<footer class="footer">
 
     <div class="footer-top">
 
     <div class="footer-top">
 
         <p>FOLLOW US：
 
         <p>FOLLOW US：
−
             <a href="https://github.com/IGEM-UESTC-software" target="_blank"><img src="https://static.igem.org/mediawiki/igem.org/0/06/Uestc_software-github.png" /></a>
+
             <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://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>
 
             <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>
Line 88: Line 102:
 
     <div class="title"><img src="https://static.igem.org/mediawiki/igem.org/e/e3/Uestc_software-reduce.gif" />CATALOGUE</div>
 
     <div class="title"><img src="https://static.igem.org/mediawiki/igem.org/e/e3/Uestc_software-reduce.gif" />CATALOGUE</div>
 
     <ul>
 
     <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>
 
     </ul>
 
</div>
 
</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" src="https://2016.igem.org/Team:UESTC-software/js/basic/jquery?action=raw&ctype=text/javascript"></script>
−
</script>
 
−
<script>
 
−
    $(".catalog-area ul").html(htmlStr);
 
−
    $(".content-top").html(str);
 
  
−
    $(".img-head-p > img").mouseenter(function(){
+
<script type="text/javascript">
−
        var subArr = [0,4,7,12,14];
+
 
−
        var parentIndex = $(".img-head-p").index($(this).parent());
+
−
        var index = parseInt($(".img-head-p > img").index(this)) + 1 - subArr[parentIndex];
+
−
        $(".text-div").eq(parentIndex).find(".text-p").eq(index).css("display","block").siblings().css("display","none");
+
−
    });
+
−
    $(".img-head-p").mouseleave(function(){
+
−
        var parentIndex = $(".img-head-p").index(this);
+
−
        $(".text-div").eq(parentIndex).find(".text-p").eq(0).css("display","block").siblings().css("display","none");
+
−
    });
+
−
}
+
  
 
$(".scroll-top img").addClass("active");
 
$(".scroll-top img").addClass("active");

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