Team:Fudan Lux/Notebook

From 2012.igem.org

(Difference between revisions)
(Prototype team page)
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 class="csstransforms csstransforms3d csstransitions">
 +
<style type="text/css">
 +
<!--
 +
#BODY {
 +
background-color: white;
 +
background-image: none;
 +
}
 +
#p-logo {
 +
height: 0px;
 +
overflow: hidden;
 +
display: none;
 +
}
 +
#top-section {
 +
height: 20px;
 +
margin-top: 0;
 +
margin-left: auto;
 +
margin-right: auto;
 +
margin-bottom: 0!important;
 +
margin-bottom: 10px;
 +
padding: 0;
 +
border: none;
 +
background: #CCCCCC;
 +
}
 +
#footer-box {
 +
display: none;
 +
}
 +
#catlinks {
 +
display: none;
 +
}
 +
#search-controls {
 +
display: none;
 +
}
 +
#siteSub {
 +
display: none;
 +
}
 +
.firstHeading {
 +
display: none;
 +
}
 +
  border-left: 0px;
 +
border-right: 0px;
 +
}
 +
-->
 +
</style>
 +
<head>
 +
<meta charset="utf-8">
 +
<title>NOVA</title>
-
<html>
+
<!-- CSS -->
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/style.css" type="text/css" media="screen">
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/social-icons.css" type="text/css" media="screen">
-
This is a template page. READ THESE INSTRUCTIONS.
+
<!--[if IE 8]>
-
</div>
+
            <link rel="stylesheet" type="text/css" media="screen" href="http://luiszuno.com/themes/nova/css/ie8-hacks.css" />
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
        <![endif]-->
-
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>.
+
<!-- ENDS CSS -->
-
</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 *** -->
+
<!-- GOOGLE FONTS
 +
        <link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>-->
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
<!-- JS -->
-
!align="center"|[[Team:Fudan_Lux|Home]]
+
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery-1.5.1.min.js"></script>
-
!align="center"|[[Team:Fudan_Lux/Team|Team]]
+
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery-ui-1.8.13.custom.min.js"></script>
-
!align="center"|[https://igem.org/Team.cgi?year=2012&team_name=Fudan_Lux Official Team Profile]
+
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/easing.js"></script>
-
!align="center"|[[Team:Fudan_Lux/Project|Project]]
+
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery.scrollTo-1.4.2-min.js"></script>
-
!align="center"|[[Team:Fudan_Lux/Parts|Parts Submitted to the Registry]]
+
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery.cycle.all.js"></script>
-
!align="center"|[[Team:Fudan_Lux/Modeling|Modeling]]
+
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/custom.js"></script>
-
!align="center"|[[Team:Fudan_Lux/Notebook|Notebook]]
+
-
!align="center"|[[Team:Fudan_Lux/Safety|Safety]]
+
-
!align="center"|[[Team:Fudan_Lux/Attributions|Attributions]]
+
-
|}
+
 +
<!-- Isotope -->
 +
<script src="http://luiszuno.com/themes/nova/js/jquery.isotope.min.js"></script>
 +
<!--[if IE]>
 +
            <script src="http://luiszuno.com/themes/nova/http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
 +
        <![endif]-->
-
You should make use of the calendar feature on the wiki and start a lab notebook. This may be looked at by the judges to see how your work progressed throughout the summer.  It is a very useful organizational tool as well.
+
<!--[if IE 6]>
 +
            <script type="text/javascript" src="http://luiszuno.com/themes/nova/js/DD_belatedPNG.js"></script>
 +
            <script>
 +
                /* EXAMPLE */
 +
                //DD_belatedPNG.fix('*');
 +
            </script>
 +
        <![endif]-->
 +
<!-- ENDS JS -->
 +
 
 +
<!-- Nivo slider -->
 +
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/nivo-slider.css" type="text/css" media="screen">
 +
<script src="http://luiszuno.com/themes/nova/js/nivo-slider/jquery.nivo.slider.js" type="text/javascript"></script>
 +
<!-- ENDS Nivo slider -->
 +
 
 +
<!-- tabs -->
 +
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/tabs.css" type="text/css" media="screen">
 +
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/tabs.js"></script>
 +
<!-- ENDS tabs -->
 +
 
 +
<!-- prettyPhoto -->
 +
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
 +
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen">
 +
<!-- ENDS prettyPhoto -->
 +
 
 +
<!-- superfish -->
 +
<link rel="stylesheet" media="screen" href="http://luiszuno.com/themes/nova/css/superfish.css">
 +
<link rel="stylesheet" media="screen" href="http://luiszuno.com/themes/nova/css/superfish-left.css">
 +
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/superfish-1.4.8/js/hoverIntent.js"></script>
 +
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/superfish-1.4.8/js/superfish.js"></script>
 +
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/superfish-1.4.8/js/supersubs.js"></script>
 +
<!-- ENDS superfish -->
 +
 
 +
<!-- poshytip -->
 +
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/js/poshytip-1.0/src/tip-twitter/tip-twitter.css" type="text/css">
 +
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/js/poshytip-1.0/src/tip-yellowsimple/tip-yellowsimple.css" type="text/css">
 +
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/poshytip-1.0/src/jquery.poshytip.min.js"></script>
 +
<!-- ENDS poshytip -->
 +
 
 +
<!-- Tweet -->
 +
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/css/jquery.tweet.css" media="all" type="text/css">
 +
<script src="http://luiszuno.com/themes/nova/js/tweet/jquery.tweet.js" type="text/javascript"></script>
 +
<!-- ENDS Tweet -->
 +
 
 +
<!-- Fancybox -->
 +
<link rel="stylesheet" href="http://luiszuno.com/themes/nova/js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen">
 +
<script type="text/javascript" src="http://luiszuno.com/themes/nova/js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
 +
<!-- ENDS Fancybox -->
 +
 
 +
<style id="poshytip-css-tip-twitter" type="text/css">
 +
div.tip-twitter {
 +
visibility: hidden;
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
}
 +
div.tip-twitter table, div.tip-twitter td {
 +
margin: 0;
 +
font-family: inherit;
 +
font-size: inherit;
 +
font-weight: inherit;
 +
font-style: inherit;
 +
font-variant: inherit;
 +
}
 +
div.tip-twitter td.tip-bg-image span {
 +
display: block;
 +
font: 1px/1px sans-serif;
 +
height: 10px;
 +
width: 10px;
 +
overflow: hidden;
 +
}
 +
div.tip-twitter td.tip-right {
 +
background-position: 100% 0;
 +
}
 +
div.tip-twitter td.tip-bottom {
 +
background-position: 100% 100%;
 +
}
 +
div.tip-twitter td.tip-left {
 +
background-position: 0 100%;
 +
}
 +
div.tip-twitter div.tip-inner {
 +
background-position: -10px -10px;
 +
}
 +
div.tip-twitter div.tip-arrow {
 +
visibility: hidden;
 +
position: absolute;
 +
overflow: hidden;
 +
font: 1px/1px sans-serif;
 +
}
 +
</style>
 +
<style id="poshytip-css-tip-yellowsimple" type="text/css">
 +
div.tip-yellowsimple {
 +
visibility: hidden;
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
}
 +
div.tip-yellowsimple table, div.tip-yellowsimple td {
 +
margin: 0;
 +
font-family: inherit;
 +
font-size: inherit;
 +
font-weight: inherit;
 +
font-style: inherit;
 +
font-variant: inherit;
 +
}
 +
div.tip-yellowsimple td.tip-bg-image span {
 +
display: block;
 +
font: 1px/1px sans-serif;
 +
height: 10px;
 +
width: 10px;
 +
overflow: hidden;
 +
}
 +
div.tip-yellowsimple td.tip-right {
 +
background-position: 100% 0;
 +
}
 +
div.tip-yellowsimple td.tip-bottom {
 +
background-position: 100% 100%;
 +
}
 +
div.tip-yellowsimple td.tip-left {
 +
background-position: 0 100%;
 +
}
 +
div.tip-yellowsimple div.tip-inner {
 +
background-position: -10px -10px;
 +
}
 +
div.tip-yellowsimple div.tip-arrow {
 +
visibility: hidden;
 +
position: absolute;
 +
overflow: hidden;
 +
font: 1px/1px sans-serif;
 +
}
 +
</style>
 +
</head>
 +
 
 +
<body class="home">
 +
 
 +
<!-- HEADER -->
 +
<div id="header">
 +
  <!-- wrapper-header -->
 +
  <div class="wrapper"> <a href="http://luiszuno.com/themes/nova/index.html"><img id="logo" src="https://static.igem.org/mediawiki/2012/5/5d/Logo_64px.png" alt="Nova"></a>
 +
    <!-- search -->
 +
    <div class="top-search">
 +
      <form method="get" id="searchform" action="#">
 +
        <div>
 +
          <input type="text" value="Search..." name="s" id="s" onFocus="defaultInput(this)" onBlur="clearInput(this)">
 +
          <input type="submit" id="searchsubmit" value=" ">
 +
        </div>
 +
      </form>
 +
    </div>
 +
    <!-- ENDS search -->
 +
  </div>
 +
  <!-- ENDS wrapper-header -->
 +
</div>
 +
<!-- ENDS HEADER -->
 +
 
 +
<!-- Menu -->
 +
<div id="menu" style="background:#A1DAF7;">
 +
 
 +
  <!-- ENDS menu-holder -->
 +
  <div id="menu-holder">
 +
    <!-- wrapper-menu -->
 +
    <div class="wrapper">
 +
      <!-- Navigation -->
 +
      <ul id="nav" class="sf-menu sf-js-enabled sf-shadow">
 +
        <li ><a href="https://2012.igem.org/Team:Fudan_Lux">Home<span class="subheader">Welcome</span></a></li>
 +
        <li><a href="https://2012.igem.org/Team:Fudan_Lux/Team">Team<span class="subheader">Awesome</span></a> </li>
 +
        <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/project_introduction">Project<span class="subheader">Cool</span></a>
 +
          <ul style="display: none; visibility: hidden; ">
 +
            <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/project_introduction">Introduction</a></li>
 +
            <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/biowave">Project Biowave</a></li>
 +
            <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/nanotube">nanotubling</a></li>
 +
            <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/result">Result</a></li>
 +
          </ul>
 +
        </li>
 +
        <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/parts">Parts <span class="subheader">Showcase</span></a></li>
 +
        <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Modeling">Modeling<span class="subheader">In Math</span></a></li>
 +
        <li class="current-menu-item"><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Notebook">Notebook<span class="subheader">Get in touch</span></a></li>
 +
        <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/practice">Practice<span class="subheader">Get in touch</span></a>
 +
          <ul style="display: none; visibility: hidden; ">
 +
            <li><a href="href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/labcloud">Project Labcloud</a></li>
 +
            <li><a href="href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Associations">Associations</a></li>
 +
            <li><a href="href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/tianmu">Tianmu mountain</a></li>
 +
            <li><a href="href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/other practise">Other Practise</a></li>
 +
          </ul>
 +
        </li>
 +
        <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/safety">Safety<span class="subheader">Get in touch</span></a></li>
 +
        <li><a href="https://2012.igem.org/wiki/index.php?title=Team:Fudan_Lux/Gallery">Gallery<span class="subheader">Featured work</span></a> </li>
 +
      </ul>
 +
      <!-- Navigation -->
 +
    </div>
 +
    <!-- wrapper-menu -->
 +
  </div>
 +
  <!-- ENDS menu-holder -->
 +
</div>
 +
<!-- ENDS Menu -->
 +
 +
 +
 +
 
 +
 +
<!-- MAIN -->
 +
<div id="main">
 +
<!-- wrapper-main -->
 +
<div class="wrapper">
 +
 +
 +
<!-- content -->
 +
<div id="content">
 +
 +
<!-- title -->
 +
<div id="page-title">
 +
<span class="title">Features</span>
 +
<span class="subtitle">Accordion boxes</span>
 +
</div>
 +
<!-- ENDS title -->
 +
 +
<!-- page-content -->
 +
<div id="page-content">
 +
 +
<div class="accordion">
 +
<h6><a href="#">Section 1</a></h6>
 +
<div>
 +
<p>
 +
Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
 +
ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
 +
amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
 +
odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
 +
</p>
 +
</div>
 +
<h6><a href="#">Section 2</a></h6>
 +
<div>
 +
<p>
 +
Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
 +
purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
 +
velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
 +
suscipit faucibus urna.
 +
</p>
 +
</div>
 +
<h6><a href="#">Section 3</a></h6>
 +
<div>
 +
<p>
 +
Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
 +
Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero
 +
ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
 +
lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
 +
</p>
 +
<ul>
 +
<li>List item one</li>
 +
<li>List item two</li>
 +
<li>List item three</li>
 +
</ul>
 +
</div>
 +
<h6><a href="#">Section 4</a></h6>
 +
<div>
 +
<p>
 +
Cras dictum. Pellentesque habitant morbi tristique senectus et netus
 +
et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
 +
faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
 +
mauris vel est.
 +
</p>
 +
<p>
 +
Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
 +
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
 +
inceptos himenaeos.
 +
</p>
 +
</div>
 +
</div>
 +
 +
</div>
 +
<!-- ENDS page-content -->
 +
 +
</div>
 +
<!-- ENDS content -->
 +
</div>
 +
<!-- ENDS wrapper-main -->
 +
</div>
 +
<!-- ENDS MAIN -->
 +
 +
<!-- Twitter -->
 +
<div id="twitter">
 +
<div class="wrapper">
 +
<a href="#" id="prev-tweet"></a>
 +
<a href="#" id="next-tweet"></a>
 +
<img id="bird" src="img/bird.png" alt="Tweets" />
 +
<div id="tweets">
 +
<ul class="tweet_list"></ul>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- ENDS Twitter -->
 +
 
 +
 +
<!-- FOOTER -->
 +
<div id="footer">
 +
<!-- wrapper-footer -->
 +
<div class="wrapper">
 +
<!-- footer-cols -->
 +
<ul id="footer-cols">
 +
<li class="col">
 +
<h6>Pages</h6>
 +
<ul>
 +
<li class="page_item"><a href="index.html">Home</a></li>
 +
<li class="page_item"><a href="features.html">Features</a></li>
 +
<li class="page_item"><a href="blog.html">Blog</a></li>
 +
<li class="page_item"><a href="portfolio.html">Portfolio</a></li>
 +
<li class="page_item"><a href="gallery.html">Gallery</a></li>
 +
<li class="page_item"><a href="contact.html">Contact</a></li>
 +
</ul>
 +
</li>
 +
 +
<li class="col">
 +
<h6>Categories</h6>
 +
<ul>
 +
<li><a href="#">Webdesign projects senectus</a></li>
 +
<li><a href="#/">Wordpress projects senectus</a></li>
 +
<li><a href="#">Vestibulum tortor quam</a></li>
 +
<li><a href="#">Code projects amet quam egestas</a></li>
 +
<li><a href="#">Web design projects senectus</a></li>
 +
<li><a href="#/">Marketplace projects</a></li>
 +
<li><a href="#">Writting projects senectus</a></li>
 +
<li><a href="#">Drawings projects fames Aenean</a></li>
 +
<li><a href="#/">Wordpress projects Aenean ultricies</a></li>
 +
</ul>
 +
</li>
 +
<li class="col">
 +
<h6>About the theme</h6>
 +
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Cursus faucibus, tortor neque egestas augue, eu vulputate magna eros.
 +
</li>
 +
 +
</ul>
 +
<!-- ENDS footer-cols -->
 +
</div>
 +
<!-- ENDS wrapper-footer -->
 +
</div>
 +
<!-- ENDS FOOTER -->
 +
 +
 +
<!-- Bottom -->
 +
<div id="bottom">
 +
<!-- wrapper-bottom -->
 +
<div class="wrapper">
 +
<div id="bottom-text">2011 Nova all rights reserved. <a href="http://www.luiszuno.com"> Luiszuno.com</a> </div>
 +
<!-- Social -->
 +
<ul class="social ">
 +
<li><a href="http://www.facebook.com" class="poshytip facebook" title="Become a fan"></a></li>
 +
<li><a href="http://www.twitter.com" class="poshytip twitter" title="Follow our tweets"></a></li>
 +
<li><a href="http://www.dribbble.com" class="poshytip dribbble" title="View our work"></a></li>
 +
<li><a href="http://www.addthis.com" class="poshytip addthis" title="Tell everybody"></a></li>
 +
<li><a href="http://www.vimeo.com" class="poshytip vimeo" title="View our videos"></a></li>
 +
<li><a href="http://www.youtube.com" class="poshytip youtube" title="View our videos"></a></li>
 +
</ul>
 +
<!-- ENDS Social -->
 +
<div id="to-top" class="poshytip" title="To top"></div>
 +
</div>
 +
<!-- ENDS wrapper-bottom -->
 +
</div>
 +
<!-- ENDS Bottom -->
 +
 +
</body>
 +
</html>

Revision as of 11:21, 25 September 2012

NOVA

Features Accordion boxes
Section 1

Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.

Section 2

Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna.

Section 3

Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.

  • List item one
  • List item two
  • List item three
Section 4

Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est.

Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Tweets
    2011 Nova all rights reserved. Luiszuno.com

    Retrieved from "http://2012.igem.org/Team:Fudan_Lux/Notebook"