Difference between revisions of "Team:BNU-China/Description"

(Prototype team page)
 
Line 1: Line 1:
−
{{BNU-China}}
 
 
<html>
 
<html>
 +
<head>
 +
<meta charset="utf-8">
 +
<title>BNU-China</title>
 +
<meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
                <meta name="Team" content="BNU-China" />
 +
<meta name="keywords" content="iGEM 2017" />
 +
<meta name="author" content="Ziyu Liu（刘梓钰）,Zhaodong Wang（王兆栋）,Xizong Zhang（张溪棕）"/>
 +
<link type="text/ttf" rel="stylesheet" href="https://2017.igem.org/File:T--BNU-China--CiceroSans.ttf"/>
 +
<link type="text/ttf" rel="stylesheet" href="https://2017.igem.org/File:T--BNU-China--Regular.ttf"/>
 +
                <link type="text/css" rel="stylesheet" href="https://2017.igem.org/Template:BNU-China/CSS/background?action=raw&ctype=text/css"/>
 +
                <style>
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear, .center {display: none;} /*-- hides default wiki settings --*/
  
 +
#top_title {
 +
        margin-bottom: 0!important;
 +
}
  
 +
#top_menu_under {
 +
        height: 0;
 +
}
  
−
<div class="column full_size">
+
#HQ_page{
−
<h1>Description</h1>
+
        margin-left:0 !important;
 +
}
  
−
<p>Tell us about your project, describe what moves you and why this is something important for your team.</p>
+
#globalWrapper,#content{
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
margin: 0px;
 +
padding: 0px;
 +
}
  
 +
#HQ_page p {
 +
        text-align: inherit!important;
 +
}
  
−
<h5>What should this page contain?</h5>
+
#HQ_page table,ul {
−
<ul>
+
margin-left: 0 !important;
−
<li> A clear and concise description of your project.</li>
+
}
−
<li>A detailed explanation of why your team chose to work on this particular project.</li>
+
−
<li>References and sources to document your research.</li>
+
−
<li>Use illustrations and other visual resources to explain your project.</li>
+
−
</ul>
+
  
 +
#content{
 +
line-height:normal;
 +
}
  
−
</div>
+
.mw-content-ltr ul {
 +
      margin: 0  !important;
 +
}
  
−
<div class="column full_size" >
+
* {
 +
  -webkit-box-sizing: border-box;!important
 +
    -moz-box-sizing: border-box;!important
 +
          box-sizing: border-box;!important
 +
}
  
−
<h5>Advice on writing your Project Description</h5>
+
#w_Panel>ul>li>a:visited{
 +
      color: rgb(247,237,183);
 +
      text-decoration:none;
 +
}
  
−
<p>
+
#w_Panel>ul>li>a:hover{
−
We encourage you to put up a lot of information and content on your wiki, but we also encourage you to include summaries as much as possible. If you think of the sections in your project description as the sections in a publication, you should try to be consist, accurate and unambiguous in your achievements.
+
      color: rgb(247,237,183);
−
</p>
+
      text-decoration:none;
 +
}
  
−
<p>
+
#w_Panel>ul>li>a:focus{
−
Judges like to read your wiki and know exactly what you have achieved. This is how you should think about these sections; from the point of view of the judge evaluating you at the end of the year.
+
      color: rgb(247,237,183);
−
</p>
+
      text-decoration:none;
 +
}
 +
                </style>
 +
<script type="text/javascript">
 +
var navWidth;
 +
var navFontSize;
 +
var navTop;
 +
$(document).ready(function(){
 +
<!--导航栏自适应-->
 +
$("#top_title").hide();
 +
$("#sideMenu").hide();
 +
if($(window).width()>=480){
 +
$("#w_nav>div").hide();
 +
}
 +
if($(window).width()<480){
 +
$("#w_nav>ul").hide();
 +
$("#w_nav>div>ul").hide();
 +
}
 +
$("#w_nav>ul>li>a").css({"width":$(window).width()/7-10,"font-size":$(window).width()/1280*25});
 +
$("#w_nav>ul").css({"top":$(window).width()/1280*(-41)});
 +
$("#w_nav>div>ul").css({"top":$(window).width()/1280*(-41)});
 +
navWidth=$(window).width();
 +
navFontSize=$("#w_nav>ul>li>a").css("font-size");
 +
navTop=$("#w_nav>ul").css("top");
  
−
</div>
+
$("#w_nav>div>p").click(function(){
−
 
+
$("#w_nav>div>ul").slideToggle();
−
 
+
});
−
<div class="column half_size" >
+
<!--侧栏自适应-->
−
 
+
$("#w_menu>li>ul").hide().click(function(event){
−
<h5>References</h5>
+
event.stopPropagation();
−
<p>iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you thought about your project and what works inspired you.</p>
+
});
−
 
+
−
</div>
+
−
 
+
−
 
+
−
<div class="column half_size" >
+
−
<h5>Inspiration</h5>
+
−
<p>See how other teams have described and presented their projects: </p>
+
−
 
+
−
<ul>
+
−
<li><a href="https://2016.igem.org/Team:Imperial_College/Description">2016 Imperial College</a></li>
+
−
<li><a href="https://2016.igem.org/Team:Wageningen_UR/Description">2016 Wageningen UR</a></li>
+
−
<li><a href="https://2014.igem.org/Team:UC_Davis/Project_Overview"> 2014 UC Davis</a></li>
+
−
<li><a href="https://2014.igem.org/Team:SYSU-Software/Overview">2014 SYSU Software</a></li>
+
−
</ul>
+
−
</div>
+
  
 +
$("#w_menu>li").click(function(){
 +
var menuFlag=true;
 +
if($(this).find('ul').is(":visible"))
 +
menuFlag=false;
 +
$("#w_menu>li>ul:visible").slideUp();
 +
if(menuFlag)
 +
$(this).find('ul').slideToggle();
 +
});
  
 +
$("#w_menu>li>ul>li>p").click(function(){
 +
var x=$(this).data("id");
 +
$('html').animate({scrollTop:$(x).offset().top-$("#w_nav").height()*2/3},500);
 +
});
 +
<!--悟空眼睛-->
 +
$(document).mousemove(function(e){
 +
          var x=$("#eye").width()/2;
 +
          var y=$("#eye").height()/2;
 +
          $("#eye").css({"left":parseFloat(String((e.pageX-x)/100)),"top":parseFloat(String((e.pageY-$(window).scrollTop()-y)/100))});
 +
        });
  
 +
});
 +
<!--导航栏首页故事自适应-->
 +
$(window).resize(function(){
 +
if($(window).width()>=480){
 +
$("#w_nav>div").hide();
 +
$("#w_nav>ul").show();
 +
$("#w_nav>ul>li>a").css({"width":$(window).width()/7-10,"font-size":parseFloat(navFontSize)*parseFloat(String($(window).width()))/parseFloat(String(navWidth)),"top":parseFloat(navTop)*parseFloat(String($(window).width()))/parseFloat(String(navWidth))});
 +
$("#w_nav>ul").css({"top":parseFloat(navTop)*parseFloat(String($(window).width()))/parseFloat(String(navWidth))});
 +
$("#w_nav>div>ul").css({"top":parseFloat(navTop)*parseFloat(String($(window).width()))/parseFloat(String(navWidth))});
 +
navWidth=$(window).width();
 +
navFontSize=$("#w_nav>ul>li>a").css("font-size");
 +
navTop=$("#w_nav>ul").css("top");
 +
}
 +
else{
 +
$("#w_nav>ul").hide();
 +
$("#w_nav>div").show();
 +
$("#w_nav>div>ul").hide();
 +
}
 +
});
 +
</script>
 +
</head>
 +
<body style="background-color:rgb(247,237,183);">
 +
<div id="w_nav" style="top:15px;">
 +
<img src="https://static.igem.org/mediawiki/2017/6/60/T--BNU-China--index2.1.png" alt="Sorry, the image is not spupported by your browser.">
 +
      <img id="eye" src="https://static.igem.org/mediawiki/2017/5/53/T--BNU-China--index1.jpg" alt="Sorry, the image is not spupported by your browser." style="width:100;position:absolute;top:-3px;">
 +
      <ul>
 +
        <li id="w_Project"><a class="w_a" href="#">Project</a></li>
 +
        <li id="w_Modeling"><a class="w_a" href="#">Modeling</a></li>
 +
        <li id="w_Practice"><a class="w_a" href="#">Practice</a></li>
 +
        <li id="w_home"><a class="w_a" style="opacity:0;" href="#">Home</a></li>
 +
        <li id="w_Achievement"><a class="w_a" href="#">Achievement</a></li>
 +
        <li id="w_Lab"><a class="w_a" href="#">Lab</a></li>
 +
        <li id="w_Safety"><a class="w_a" href="#">Safety</a></li>
 +
      </ul>
 +
<div id="w_navMenu" style="text-align:right;margin-top:500px;">
 +
<p>Menu▼</p>
 +
<ul id="w_navMenuContent">
 +
<li id="w_Project"><a class="w_a" href="#">Project</a></li>
 +
<li id="w_Modeling"><a class="w_a" href="#">Modeling</a></li>
 +
<li id="w_Practice"><a class="w_a" href="#">Practice</a></li>
 +
<li id="w_Achievement"><a class="w_a" href="#">Achievement</a></li>
 +
<li id="w_Lab"><a class="w_a" href="#">Lab</a></li>
 +
<li id="w_Safety"><a class="w_a" href="#">Safety</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
    <div id="w_content" style="width:100%;">
 +
      <div id="w_Panel" style="text-align:left;">
 +
        <ul id="w_menu">
 +
          <li id="w_menu1"><a class="w_a" href="#">Background</a>
 +
            <ul>
 +
              <li><p data-id = "#title1">title1</p></li>
 +
              <li><p>title2</p></li>
 +
              <li><p>title3</p></li>
 +
            </ul>
 +
          </li>
 +
          <li id="w_menu2"><a class="w_a" href="#">Design</a>
 +
            <ul>
 +
              <li><p href="#">overview</p></li>
 +
              <li><p href="#">microtubule</p></li>
 +
              <li><p href="#">flagellar filament</p></li>
 +
            </ul>
 +
          </li>
 +
          <li id="w_menu5"><a class="w_a" href="#">Results</a></li>
 +
        </ul>
 +
      </div>
 +
  </div>
 +
</body>
 
</html>
 
</html>

Revision as of 01:58, 7 October 2017

BNU-China