Team:HKUST-Hong Kong/Notebook

From 2012.igem.org

(Difference between revisions)
(Prototype team page)
(Trevor Page Creation Test)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 
-
 
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<head>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
This is a template page. READ THESE INSTRUCTIONS.
+
-
</div>
+
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
+
-
</div>
+
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
-
You <strong>MUST</strong>  have all of the pages listed in the menu below with the names specified.  PLEASE keep all of your pages within your teams namespace. 
+
-
</div>
+
-
</div>
+
-
</html>
+
-
<!-- *** End of the alert box *** -->
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
  <script type="text/javascript">
-
!align="center"|[[Team:HKUST-Hong_Kong|Home]]
+
  $(document).ready(function(){
-
!align="center"|[[Team:HKUST-Hong_Kong/Team|Team]]
+
    $('#Team').mouseover(function(){
-
!align="center"|[https://igem.org/Team.cgi?year=2012&team_name=HKUST-Hong_Kong Official Team Profile]
+
    $('#Team').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
-
!align="center"|[[Team:HKUST-Hong_Kong/Project|Project]]
+
    });
-
!align="center"|[[Team:HKUST-Hong_Kong/Parts|Parts Submitted to the Registry]]
+
    $('#Team').mouseleave(function(){
-
!align="center"|[[Team:HKUST-Hong_Kong/Modeling|Modeling]]
+
    $('#Team').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100);
-
!align="center"|[[Team:HKUST-Hong_Kong/Notebook|Notebook]]
+
    });
-
!align="center"|[[Team:HKUST-Hong_Kong/Safety|Safety]]
+
    $('#Project').mouseover(function(){
-
!align="center"|[[Team:HKUST-Hong_Kong/Attributions|Attributions]]
+
    $('#Project').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
-
|}
+
    });
 +
    $('#Project').mouseleave(function(){
 +
    $('#Project').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100);
 +
    });
 +
    $('#Human_practice').mouseover(function(){
 +
    $('#Human_practice').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
 +
    });
 +
    $('#Human_practice').mouseleave(function(){
 +
    $('#Human_practice').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100);
 +
    });
 +
    $('#Wet_lab').mouseover(function(){
 +
    $('#Wet_lab').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
 +
    });
 +
    $('#Wet_lab').mouseleave(function(){
 +
    $('#Wet_lab').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100);
 +
    });
 +
    $('#Extras').mouseover(function(){
 +
    $('#Extras').stop(true,false).animate({boxShadow:"10px 10px 10px #222222", top:"-5px", left:"-5px"},100);
 +
    });
 +
    $('#Extras').mouseleave(function(){
 +
    $('#Extras').stop(true,false).animate({boxShadow:"0px 0px 0px #222222", top:"0px", left:"0px"},100);
 +
    });
 +
    $('#Team').click(function(){
 +
    $('#Team_Content').slideToggle("slow");
 +
    });
 +
    $('#Project').click(function(){
 +
    $('#Project_Content').slideToggle("slow");
 +
    });
 +
    $('#Wet_lab').click(function(){
 +
    $('#Wet_lab_Content').slideToggle("slow");
 +
    });
 +
    $('#Human_practice').click(function(){
 +
    $('#Human_practice_Content').slideToggle("slow");
 +
    });
 +
    $('#Extras').click(function(){
 +
    $('#Extras_Content').slideToggle("slow");
 +
    });
 +
    $('#menubar').mouseover(function(){
 +
    $('#menubar').stop().animate({top:"0px"},500);
 +
    });
 +
    $('#menubar').mouseleave(function(){
 +
    $('#menubar').stop().animate({top:"-40px"},500);
 +
    });
 +
    $('#menubar.right-menu').mouseover(function(){
 +
    $('#menubar.right-menu').stop().animate({top:"0px"},500);
 +
    });
 +
    $('#menubar.right-menu').mouseleave(function(){
 +
    $('#menubar.right-menu').stop().animate({top:"-40px"},500);
 +
    });
 +
    $('#News_Click').click(function(){
 +
    $('#News_Content').slideToggle("slow");
 +
    });
 +
  });
 +
</script>
 +
<title>Team:HKUST-Hong Kong - 2012.igem.org</title>
-
You should make use of the calendar feature on the wiki and start a lab notebookThis may be looked at by the judges to see how your work progressed throughout the summerIt is a very useful organizational tool as well.
+
<style type="text/css">
 +
 
 +
.firstHeading {
 +
    height:0px;
 +
    visibility:hidden;
 +
}
 +
#content {
 +
    border-left-width:1px;
 +
    border-right-width:1px;
 +
    width:965px;
 +
}
 +
#top-section {     
 +
        background-position: center center;
 +
        background-repeat: no-repeat;
 +
        background-color: #92d2ff;
 +
        border-width:0px;
 +
        height:0;
 +
}
 +
#siteSub {
 +
    display:none;
 +
}
 +
#contentSub {
 +
    display:none;
 +
}
 +
#search-controls {
 +
    margin-top:14px;
 +
}
 +
#menubar {
 +
    background-color: #000000;
 +
    top: -4px;
 +
    width: 488px;
 +
    height:40px;
 +
    position:absolute;
 +
    top:-40px;
 +
    border-bottom:3px solid #FF8A00;
 +
}
 +
 
 +
#menubar ul li a {
 +
    color: #007da6;
 +
}
 +
 
 +
#menubar.right-menu{
 +
positon:relative;
 +
}
 +
 
 +
.right-menu li a {
 +
    color: #007da6;  
 +
    background-color: #000000;
 +
}
 +
 
 +
#search-controls{
 +
display:none;
 +
}
 +
 
 +
#Notebook_Content{
 +
      width:200px;
 +
      margin-left:10px;
 +
      margin-right:10px;
 +
      background-color:#FFDDFF;
 +
      display:none;
 +
      height:auto;
 +
}
 +
 
 +
#Modeling_Content{
 +
      width:200px;
 +
      margin-left:10px;
 +
      margin-right:10px;
 +
      background-color:#DDFFFF;
 +
      display:none;
 +
      height:auto;
 +
}
 +
 
 +
#topHeader{
 +
      width:965px;
 +
      height:320px;
 +
}
 +
 
 +
.firstHeading{
 +
        width:950px;
 +
        alignment-adjust:right;
 +
        visibility:hidden;
 +
        display:none;
 +
}
 +
 
 +
#contentSub{
 +
        display:none;
 +
}
 +
 
 +
#globalWrapper{
 +
        background-color:#999;
 +
}
 +
 
 +
#content {
 +
background-color: #FFF;
 +
border-left-color:#FFF;
 +
border-right-color:#FFF;
 +
}
 +
 
 +
 
 +
#Navigation_top{
 +
padding-top:20px;
 +
width:971px;
 +
height:auto;
 +
background-color: #FFBB55;
 +
float:left;
 +
border-left:3px solid #FF8A00;
 +
border-right:3px solid #FF8A00;
 +
border-bottom:3px solid #FF8A00;
 +
position:relative;
 +
background-image:url('http://www.anders.bennehag.com/wp-content/uploads/2009/02/hkust2.jpg');
 +
top:-20px;
 +
left:-6px;
 +
border-radius:10px;
 +
-moz-border-radius:10px;
 +
}
 +
 
 +
.Navigation_Buttons{
 +
width:168px;
 +
height:50px;
 +
margin:10px;
 +
position:relative;
 +
float:left;
 +
background-color:#333333;
 +
opacity:0.6;
 +
border:3px solid #000000;
 +
border-radius:10px;
 +
-moz-border-radius:10px;
 +
}
 +
 
 +
.Navigation_Buttons#Team{
 +
clear:both;
 +
}
 +
 
 +
.Navigation_Buttons h3 p{
 +
color:#FFFFFF;
 +
}
 +
 
 +
div.Navigation_Content{
 +
width:950px;
 +
height:auto;
 +
margin:7px;
 +
display:none;
 +
float:left;
 +
opacity:0.6;
 +
background-color:#555555;
 +
border:3px solid #000000;
 +
border-radius:10px;
 +
-moz-border-radius:10px;
 +
}
 +
 
 +
.Navigation_Content#Home_Content{
 +
position:inherit;
 +
}
 +
 
 +
.Content_Buttons{
 +
width:164px;
 +
height:50px;
 +
margin:10px;
 +
background-color:#000000;
 +
padding-top:20px;
 +
opacity:1.0;
 +
position:relative;
 +
text-align:center;
 +
vertical-align:middle;
 +
float:left;
 +
border:3px solid #FFFFFF;
 +
border-radius:7px;
 +
-moz-border-radius:7px;
 +
}
 +
 
 +
.Content_Buttons p a{
 +
color:#33DDFF;
 +
text-decoration:none;
 +
size:10px;
 +
}
 +
 
 +
.Upper_Logos#iGEM_Logo{
 +
width:100px;
 +
height:80px;
 +
background-image:url('https://static.igem.org/mediawiki/2012/3/32/Igem-logo.png');
 +
background-size:100px 80px;
 +
background-repeat:no-repeat;
 +
float:left;
 +
}
 +
 
 +
.Upper_Logos#HKUST_Logo{
 +
width:80px;
 +
height:80px;
 +
background-image:url('https://static.igem.org/mediawiki/2012/b/b0/UCL-Igem.png');
 +
background-size:70px 80px;
 +
background-repeat:no-repeat;
 +
float:left;
 +
}
 +
</style>
 +
</head>
 +
 
 +
<body>
 +
        <div id="Navigation_top">
 +
          <div id="iGEM_Logo" class="Upper_Logos"></div>
 +
          <div id="HKUST_Logo" class="Upper_Logos"></div>
 +
          <div class="Navigation_Buttons" id="Team" align="center"><h3><p>TEAM</p></h3></div>
 +
          <div class="Navigation_Buttons" id="Project" align="center"><h3><p>PROJECT</p></h3></div>
 +
          <div class="Navigation_Buttons" id="Wet_lab" align="center"><h3><p>WET LAB</p></h3></div>
 +
          <div class="Navigation_Buttons" id="Human_practice" align="center"><h3><p>HUMAN PRACTICE</p></h3></div>
 +
          <div class="Navigation_Buttons" id="Extras" align="center"><h3><p>EXTRAS</p></h3></div>
 +
 
 +
          <div class="Navigation_Content" id="Team_Content">
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Introduction">Introduction</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Supervisor">Supervisor</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Instructor">Instructor</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Members">Members</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Advisors">Advisors</a></p></div>
 +
              <div class="Content_Buttons""><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Acknowledgement">Acknowledgement</a></p></div>
 +
          </div>
 +
          <div class="Navigation_Content" id="Project_Content">
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Project_Abstraction">Project Abstract</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Background_and_Motive">Background and<br> Motive</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Project">Project Description</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Module">Module</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Chasis">Chassis</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Safety">Safety</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Expectation">Expectation</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Potential_Application">Potential applicaton</a></p></div>
 +
          </div>
 +
          <div class="Navigation_Content" id="Wet_lab_Content" align="center">
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Parts_and_Device">Parts and Devices</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Notebook">Notebook</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Characterization">Characterization</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Achievement">Achievement</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Prospect">Prospect</a></p></div>
 +
          </div>
 +
          <div class="Navigation_Content" id="Human_practice_Content" align="center">
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Overview">Overview</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Interview">Interview</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Presentation">Presentation</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Calendar">Calendar</a></p></div>
 +
          </div>
 +
          <div class="Navigation_Content" id="Extras_Content" align="center">
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Glossary">Glossary</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Site_Map">Site Map</a></p></div>
 +
              <div class="Content_Buttons"><p><a href="https://2012.igem.org/Team:HKUST-Hong_Kong/Photo_Gallery">Photo Gallery</a></p></div>
 +
          </div>
 +
        </div>
 +
 
 +
 
 +
</body>
 +
</html>

Revision as of 13:23, 23 September 2012

Team:HKUST-Hong Kong - 2012.igem.org