Difference between revisions of "Team:Evry/Notebook"
(Prototype team page) |
Knakiballz (Talk | contribs) (Removed default content, put basic notebook layout) |
||
Line 1: | Line 1: | ||
{{Evry}} | {{Evry}} | ||
+ | {{:Team:Evry/Template:RegNavbar}} | ||
<html> | <html> | ||
− | + | <div style="height:60px"></div> | |
− | < | + | <div class="container"> |
− | + | <div class="page-header"> | |
− | <p> | + | <h1>Notebook</h1> |
− | + | </div> | |
− | < | + | <p class='lead text-justify'><span class='text-muted'>Here is our lab notebook.</span> Follow all the wet lab experiments we did, day by day.</p> |
− | <ul> | + | <div class="row top-spaced"> |
− | <li> | + | <div class="col-md-3" style=""> |
− | <li> | + | <p class="text-justify">Use this tree-menu to navigate through our day notes.</p> |
− | <li> | + | <div class="tree"> |
− | <li> | + | <ul> |
− | </ | + | <li> |
− | + | <span><!--i class="fa fa-plus-circle" style="color: #18BC9C"></i--> Induction</span> | |
− | + | <ul> | |
− | < | + | <li> |
− | < | + | <span><i class="fa fa-plus"></i> May</span> |
− | + | <ul> | |
− | <ul> | + | <li style="display:none;"> |
− | <li>< | + | <span><i class="icon-leaf"></i> Week 1</span> |
− | <li>< | + | </li> |
− | <li>< | + | <li style="display:none;"> |
− | <li>< | + | <span><i class="icon-leaf"></i> Week 2</span> |
− | </ul> | + | </li> |
− | + | <li style="display:none;"> | |
+ | <span><i class="icon-leaf"></i> Week 3</span> | ||
+ | </li> | ||
+ | <li style="display:none;"> | ||
+ | <span><i class="icon-leaf"></i> Week 4</span> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <span> Repression</span> | ||
+ | <ul> | ||
+ | <li> | ||
+ | <span><i class="fa fa-plus"></i> May</span> | ||
+ | <ul> | ||
+ | <li style="display:none;"> | ||
+ | <span><i class="icon-leaf"></i> Week 1</span> | ||
+ | </li> | ||
+ | <li style="display:none;"> | ||
+ | <span><i class="icon-leaf"></i> Week 2</span> | ||
+ | </li> | ||
+ | <li style="display:none;"> | ||
+ | <span><i class="icon-leaf"></i> Week 3</span> | ||
+ | </li> | ||
+ | <li style="display:none;"> | ||
+ | <span><i class="icon-leaf"></i> Week 4</span> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </li> | ||
+ | </ul> </li> | ||
+ | </ul> | ||
</div> | </div> | ||
+ | <!--div class="btn-group" role="group"> | ||
+ | <button type="button" class="btn btn-default">Project 1</button> | ||
+ | <button type="button" class="btn btn-default">Project 2</button> | ||
+ | </div> | ||
+ | <br>For each project, May / June / July / August / September--></div> | ||
+ | <div class="col-md-9"><em>Notebook content will go here, but nothing is written yet.</em></div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <script> | ||
+ | // Add 'active' class to a navbar item based on its text (here 'Notebook'). | ||
+ | $('.navbar-nav li').filter(function() { return $.text([this]) === 'Notebook'; }).addClass('active'); | ||
+ | </script> | ||
+ | <script defer="defer" type="text/javascript"> | ||
+ | $(function () { | ||
+ | $('.tree li:has(ul)').addClass('parent_li').find(' > span').attr('title', 'Collapse'); | ||
+ | $('.tree li.parent_li > span').on('click', function (e) { | ||
+ | var children = $(this).parent('li.parent_li').find(' > ul > li'); | ||
+ | if (children.is(":visible")) { | ||
+ | children.hide('fast'); | ||
+ | $(this).attr('title', 'Expand').find(' > i').addClass('fa-plus').removeClass('fa-minus'); | ||
+ | } else { | ||
+ | children.show('fast'); | ||
+ | $(this).attr('title', 'Collapse').find(' > i').addClass('fa-minus').removeClass('fa-plus'); | ||
+ | } | ||
+ | e.stopPropagation(); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
</html> | </html> | ||
+ | {{:Team:Evry/Template:Footer}} |
Revision as of 14:54, 29 May 2015
Notebook
Here is our lab notebook. Follow all the wet lab experiments we did, day by day.
Use this tree-menu to navigate through our day notes.
-
Induction
-
May
-
May
-
May
Notebook content will go here, but nothing is written yet.
To top