Difference between revisions of "Team:UNITN-Trento/Notebook"
m |
m |
||
(10 intermediate revisions by the same user not shown) | |||
Line 3: | Line 3: | ||
<meta name="viewport" content="width=device-width, initial-scale=1" /> | <meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
− | </html>{{UNITN-Trento/globalIncluder}}<html | + | </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/JSPapaParse | + | |
− | + | ||
<script src="https://2015.igem.org/Template:UNITN-Trento/JSnotebookFunctions?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=" | + | <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:UNITN-Trento/CSStimeline?action=raw&ctype=text/css" /> |
Line 22: | Line 20: | ||
<!-- Main --> | <!-- Main --> | ||
− | <section id="cta" | + | <section id="cta" class="cta-notebook"> |
<header> | <header> | ||
Line 30: | Line 28: | ||
<footer> | <footer> | ||
<ul class="buttons"> | <ul class="buttons"> | ||
− | <li><p id="cd-timeline_PR_btn" class="button small | + | <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 | + | <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 | + | <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> | ||
<ul class="buttons"> | <ul class="buttons"> | ||
− | <li><p id="cd-timeline_CYT_btn" class="button small | + | <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 | + | <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 | + | <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> | </ul> | ||
</footer> | </footer> | ||
Line 62: | Line 60: | ||
<script> | <script> | ||
jQuery(document).ready(function($){ | jQuery(document).ready(function($){ | ||
+ | |||
Papa.parse('https://static.igem.org/mediawiki/2015/e/ed/Unitn_nb.csv.txt', { | Papa.parse('https://static.igem.org/mediawiki/2015/e/ed/Unitn_nb.csv.txt', { | ||
delimiter: ",", // auto-detect | delimiter: ",", // auto-detect | ||
Line 74: | Line 73: | ||
step: undefined, | step: undefined, | ||
complete: function(data){ | complete: function(data){ | ||
− | $.each(data['data'],function(k,v){ | + | $.each(data['data'],function(k,v){ |
− | $('#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><span class="cd-date">'+v['Date']+'</span></div></div>'); | + | |
+ | 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>'); | ||
}); | }); | ||
}, | }, | ||
Line 83: | Line 92: | ||
fastMode: undefined, | fastMode: undefined, | ||
beforeFirstChunk: undefined, | beforeFirstChunk: undefined, | ||
− | + | }); | |
− | + | ||
}); | }); |
Latest revision as of 16:02, 18 September 2015