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

(Prototype team page)
 
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>
+
<style>
−
<li> Considerations for replicating the experiments </li>
+
#HQ_page p {
−
</ul>
+
font-size:16px;
−
 
+
}
 +
p.title {
 +
font-size:45px !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>
−
 
+
<div class="detail-content">
−
<div class="column half_size" >
+
−
 
+
−
 
+
−
<h5> Project Achievements </h5>
+
−
 
+
−
<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>
+
−
 
+
−
<ul>
+
−
<li>A list of linked bullet points of the successful results during your project</li>
+
−
<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>
+
−
</ul>
+
  
 
</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="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>
 +
    </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");
 +
$(".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:23, 11 October 2016

三级页面

Proof

FOLLOW US：

UESTC-SOFTWARE

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