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

(Prototype team page)
 
Line 1: Line 1:
−
{{UESTC-software}}
+
{{Team:UESTC-software/test}}
 +
<html lang="en">
 +
<head>
 +
    <meta charset="UTF-8">
 +
    <title>三级页面</title>
 +
    <link href="https://2016.igem.org/Team:UESTC-software/css/template/base?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
 +
    <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:UESTC-software/css/template/threeLevel?action=raw&ctype=text/css" />
 +
 
 +
    <link rel="stylesheet" type="text/css" href="https://2016.igem.org/Team:UESTC-software/css/template/nav?action=raw&ctype=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:40px !important;
 +
text-align: center !important;
 +
}
 +
#bodyContent a[href^="https://"], .link-https {
 +
    padding-right: 0px;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<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?id=0&index=0">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/Features?id=0&index=2">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/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/Extra_work?id=0&index=6;">Extra Work—Bio1024</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>
 +
                    </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?id=1&index=0">Medal Requirements</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:UESTC-software/Safety?id=1&index=1">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/Collaboration?id=2&index=1">Collaborations</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:UESTC-software/Notebooks?id=2&index=2">Notebooks</a></li>
 +
                    </ul>
 +
                </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/Human_Practices?id=4&index=0">HUMAN PRACTICES</a></li>
 +
                <li><a href="https://2016.igem.org/Team:UESTC-software/Attributions?id=5&index=0">ATTRIBUTIONS</a></li>
 +
            </ul>
 +
        </nav>
 +
    </div>
 +
</header>
 +
<div class="content-top">
 +
    <img src="https://static.igem.org/mediawiki/2016/b/b6/2016Uestc_software-human_practice.png">
 +
    <p class="title">Proof</p>
 +
</div>
 +
<div class="detail-content">
  
−
<html>
 
−
 
−
 
−
<div class="column full_size judges-will-not-evaluate">
 
−
<h3>★  ALERT! </h3>
 
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Medals">gold medal criterion for proof of concept</a>. </p>
 
−
 
−
 
−
<p> Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions"> Instructions for Pages for awards</a>.</p>
 
 
</div>
 
</div>
 +
<footer class="footer">
 +
    <div class="footer-top">
 +
        <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="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="catalog">
−
 
+
    <span>CATALOGUE</span>
−
 
+
−
<div class="column full_size">
+
−
 
+
−
 
+
−
<p>
+
−
iGEM teams are great at making things work! We value teams not only doing an incredible job with theoretical models and experiments, but also in taking the first steps to make their project real.  
+
−
</p>
+
−
 
+
−
 
+
−
<h4> What should we do for our proof of concept? </h4>
+
−
<p>  
+
−
You can assemble a device from BioBricks and show it works. You could build some equipment if you're competing for the hardware award. You can create a working model of your software for the software award. Please note that this not an exhaustive list of activities you can do to fulfill the gold medal criterion. As always, your aim is to impress the judges!
+
−
</p>
+
−
 
+
 
</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>
 +
    </ul>
 +
</div>
 +
<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(){
 +
        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");
−
</div>
+
$(".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>

Revision as of 17:21, 11 October 2016

三级页面

Proof

FOLLOW US：

UESTC-SOFTWARE

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