Difference between revisions of "Team:Hong Kong UCCKE/Notebook"

Line 1: Line 1:
 
{{Hong_Kong_UCCKE}}
 
{{Hong_Kong_UCCKE}}
 
<html>
 
<html>
 +
<script src="https://codyhouse.co/demo/horizontal-timeline/js/jquery-2.1.4.js"></script>
 +
<script src="https://codyhouse.co/demo/horizontal-timeline/js/jquery.mobile.custom.min.js"></script>
 +
<script src="https://codyhouse.co/demo/horizontal-timeline/js/main.js"></script>
 +
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=codyhouseco" id="_carbonads_js"></script>
 +
<link rel="stylesheet" href="https://codyhouse.co/demo/horizontal-timeline/css/reset.css"> <!-- CSS reset -->
 +
<link rel="stylesheet" href="https://codyhouse.co/demo/horizontal-timeline/css/style.css"> <!-- Resource style -->
 +
<script src="https://codyhouse.co/demo/horizontal-timeline/js/modernizr.js"></script> <!-- Modernizr -->
 +
 +
 +
<section class="cd-horizontal-timeline">
 +
<div class="timeline">
 +
<div class="events-wrapper">
 +
<div class="events">
 +
<ol>
 +
<li><a href="#0" data-date="16/01/2014" class="selected">16 Jan</a></li>
 +
<li><a href="#0" data-date="28/02/2014">28 Feb</a></li>
 +
<!-- other dates here -->
 +
</ol>
 +
 +
<span class="filling-line" aria-hidden="true"></span>
 +
</div> <!-- .events -->
 +
</div> <!-- .events-wrapper -->
 +
 +
<ul class="cd-timeline-navigation">
 +
<li><a href="#0" class="prev inactive">Prev</a></li>
 +
<li><a href="#0" class="next">Next</a></li>
 +
</ul> <!-- .cd-timeline-navigation -->
 +
</div> <!-- .timeline -->
 +
 +
<div class="events-content">
 +
<ol>
 +
<li class="selected" data-date="16/01/2014">
 +
<h2>Horizontal Timeline</h2>
 +
<em>January 16th, 2014</em>
 +
<p>
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.
 +
</p>
 +
</li>
 +
 +
<li data-date="28/02/2014">
 +
<!-- event description here -->
 +
</li>
 +
 +
<!-- other descriptions here -->
 +
</ol>
 +
</div> <!-- .events-content -->
 +
</section>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
  
−
<link rel="shortcut icon" href="../favicon.ico">
 
−
<link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:Hong_Kong_UCCKE/CSS/notebookcalendar?action=raw" />
 
−
<link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:Hong_Kong_UCCKE/CSS/custom2?action=raw" />
 
−
<link rel="stylesheet" type="text/css" href="https://2016.igem.org/Template:Hong_Kong_UCCKE/CSS/notebookdemo?action=raw" />
 
−
<script src="https://2016.igem.org/Template:Hong_Kong_UCCKE/JS/63321?action=raw"></script>
 
  
  

Revision as of 14:54, 13 August 2016

MENU ▤

  1. 16 Jan
  2. 28 Feb

  1. Horizontal Timeline

    January 16th, 2014

    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illum praesentium officia, fugit recusandae ipsa, quia velit nulla adipisci? Consequuntur aspernatur at, eaque hic repellendus sit dicta consequatur quae, ut harum ipsam molestias maxime non nisi reiciendis eligendi! Doloremque quia pariatur harum ea amet quibusdam quisquam, quae, temporibus dolores porro doloribus.

Document the dates you worked on your project.

What should this page have?
  • Chronological notes of what your team is doing.
  • Brief descriptions of daily important events.
  • Pictures of your progress.
  • Mention who participated in what task.
Inspiration

You can see what others teams have done to organize their notes: