Difference between revisions of "Team:UNITN-Trento/Notebook"
(Prototype team page) |
m |
||
(13 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | </p></div> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
+ | |||
+ | </html>{{UNITN-Trento/globalIncluder}}<html> | ||
+ | <script src="https://2015.igem.org/Template:UNITN-Trento/JSPapaParse?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2015.igem.org/Template:UNITN-Trento/JSnotebookFunctions?action=raw&ctype=text/javascript"></script> | ||
+ | |||
+ | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:UNITN-Trento/CSStimeline?action=raw&ctype=text/css" /> | ||
+ | |||
+ | |||
+ | <div id="super_wrap"> | ||
+ | <div class="no-sidebar"> | ||
+ | <div id="page-wrapper"> | ||
− | < | + | <!-- Header --> |
+ | <header id="header"></html> | ||
+ | {{UNITN-Trento/mainMenu}} | ||
+ | <html><script>jQuery('#menulin_project, #menulin_project_notebook').addClass('current');</script><script>jQuery('#menulin_project').addClass('current');</script></header> | ||
+ | <!-- Main --> | ||
+ | |||
+ | <section id="cta" class="cta-notebook"> | ||
− | <p> | + | <header> |
+ | <h2><strong>Notebook</strong></h2> | ||
+ | <p>Check out our experiments by selecting one of the sections we have worked in!</p> | ||
+ | </header> | ||
+ | <footer> | ||
+ | <ul class="buttons"> | ||
+ | <li><p id="cd-timeline_PR_btn" class="button small bstyle1" onclick="javascript:scrollandfade('cd-timeline_PR')"><span class="primary">PR</span> <span class="secondary">Proteorhodopsin</span></p></li> | ||
+ | <li><p id="cd-timeline_BLH_btn" class="button small bstyle2" onclick="javascript:scrollandfade('cd-timeline_BLH')"><span class="primary">BLH</span> <span class="secondary">Retinal Production</span></p></li> | ||
+ | <li><p id="cd-timeline_PNCB_btn" class="button small bstyle3" onclick="javascript:scrollandfade('cd-timeline_PNCB')"><span class="primary">PNCB</span> <span class="secondary">NAD Boost</span></p></li> | ||
+ | </ul> | ||
+ | <ul class="buttons"> | ||
+ | <li><p id="cd-timeline_CYT_btn" class="button small bstyle4" onclick="javascript:scrollandfade('cd-timeline_CYT')"><span class="primary">CYT</span> <span class="secondary">Cytochrome</span></span></li> | ||
+ | <li><p id="cd-timeline_MFC_btn"class="button small bstyle5" onclick="javascript:scrollandfade('cd-timeline_MFC')"><span class="primary">MFC</span> <span class="secondary">Microbial Fuel Cell</span></span></li> | ||
+ | <li><p id="cd-timeline_INTERLAB_btn" class="button small bstyle6" onclick="javascript:scrollandfade('cd-timeline_INTERLAB')"><span class="primary">INTERLAB</span> <span class="secondary">Interlab Study</span></span></li> | ||
+ | </ul> | ||
+ | </footer> | ||
− | < | + | </section> |
− | < | + | |
− | < | + | <article id="main"> |
− | < | + | |
− | < | + | <section id="cd-timeline_BLH" class="cd-container"></section> <!-- cd-timeline --> |
− | < | + | <section id="cd-timeline_INTERLAB" class="cd-container"></section> <!-- cd-timeline --> |
− | </ | + | <section id="cd-timeline_CYT" class="cd-container"></section> <!-- cd-timeline --> |
+ | <section id="cd-timeline_MFC" class="cd-container"></section> <!-- cd-timeline --> | ||
+ | <section id="cd-timeline_PNCB" class="cd-container"></section> <!-- cd-timeline --> | ||
+ | <section id="cd-timeline_PR" class="cd-container"></section> <!-- cd-timeline --> | ||
+ | |||
+ | </article> | ||
+ | <!-- Footer --> | ||
+ | </html>{{UNITN-Trento/mainFooter}}<html> | ||
− | + | </div> | |
− | + | ||
− | < | + | <!-- Scripts --> |
− | < | + | <script> |
− | + | jQuery(document).ready(function($){ | |
− | < | + | |
− | < | + | Papa.parse('https://static.igem.org/mediawiki/2015/e/ed/Unitn_nb.csv.txt', { |
− | </ | + | delimiter: ",", // auto-detect |
+ | newline: "", // auto-detect | ||
+ | header: true, | ||
+ | download:true, | ||
+ | dynamicTyping: false, | ||
+ | preview: 0, | ||
+ | encoding: "", | ||
+ | worker: false, | ||
+ | comments: false, | ||
+ | step: undefined, | ||
+ | complete: function(data){ | ||
+ | $.each(data['data'],function(k,v){ | ||
+ | |||
+ | var imaLine = ''; | ||
+ | if (v['Image']) | ||
+ | { | ||
+ | if (v['Image'] != ' ') | ||
+ | { | ||
+ | imaLine = '<hr /><p style="text-align:center;"><a class="fancybox" rel="group" href="'+v['Image']+'"><img src="'+v['Thumb']+'" alt="" style="width:100%;"/></a></p>'; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | $('#cd-timeline_'+v['Segment']).append('<div class="cd-timeline-block"><div class="cd-timeline-img is-hidden '+v['Author']+'"></div><div class="cd-timeline-content is-hidden"><h2>'+v['Title']+'</h2><p>'+v['Text']+'</p>'+imaLine+'<span class="cd-date">'+v['Date']+'</span></div></div>'); | ||
+ | }); | ||
+ | }, | ||
+ | error: undefined, | ||
+ | skipEmptyLines: true, | ||
+ | chunk: undefined, | ||
+ | fastMode: undefined, | ||
+ | beforeFirstChunk: undefined, | ||
+ | }); | ||
+ | |||
+ | |||
+ | }); | ||
+ | </script> | ||
− | </div> | + | </div> |
+ | </div> | ||
</html> | </html> |
Latest revision as of 16:02, 18 September 2015