Team:Cornell/Sandbox/notebook
From 2012.igem.org
(Difference between revisions)
R.Lizarralde (Talk | contribs) |
|||
(234 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | {{:Team:Cornell/templates/header}} <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> | + | {{:Team:Cornell/templates/header}} |
+ | <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ --> | ||
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]--> | <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]--> | ||
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]--> | <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]--> | ||
Line 5: | Line 6: | ||
<!--[if gt IE 8]><!--> | <!--[if gt IE 8]><!--> | ||
<html class="no-js" lang="en"> | <html class="no-js" lang="en"> | ||
- | <body> | + | <body onload="load()"> |
- | <script> | + | <script type="text/javascript"> |
- | function filter() { | + | function load() { |
- | + | if(document.location != "https://2012.igem.org/Team:Cornell/Sandbox/notebook") { | |
+ | var i = document.location.href.charAt(51); | ||
+ | document.getElementById('week' + i + 'entry').style.display = 'block'; | ||
+ | if(i!=1) { | ||
+ | document.getElementById('week1entry').style.display = 'none'; | ||
+ | document.getElementById('week1').className = ''; | ||
+ | } | ||
+ | document.getElementById('week' + i ).className = 'active'; | ||
+ | } | ||
+ | } | ||
+ | function filter(that) { | ||
+ | var ele = that.children[0]; | ||
+ | var show = ele.style.display == 'none'; | ||
+ | ele.style.display= (show ? 'block' : 'none'); | ||
+ | that.parentNode.children[1].className = (show ? 'nb-only' : 'nb-only-i'); | ||
+ | all(); | ||
+ | |||
+ | var list = document.getElementsByClassName('nb-' + ele.id); | ||
+ | for (var i = 0; i < list.length; i++) { | ||
+ | list[i].style.display = (show ? 'block' : 'none'); | ||
+ | } | ||
+ | } | ||
+ | function onlyFilter(that) { | ||
+ | var filt = that.parentNode; | ||
+ | var row = filt.parentNode; | ||
+ | |||
+ | for(var i=0; i<row.children.length; i++) | ||
+ | { | ||
+ | var hide = true; | ||
+ | if(row.children[i] == filt) hide = false; | ||
+ | row.children[i].children[0].children[0].style.display = (hide ? 'none' : 'block'); | ||
+ | row.children[i].children[1].className = (hide ? 'nb-only-i' : 'nb-only'); | ||
+ | |||
+ | var list = document.getElementsByClassName('nb-' + row.children[i].children[0].children[0].id); | ||
+ | for (var j = 0; j < list.length; j++) { | ||
+ | list[j].style.display = (hide ? 'none' : 'block'); | ||
+ | } | ||
+ | } | ||
+ | all(); | ||
+ | } | ||
+ | function all() { | ||
+ | var all = true; | ||
+ | var allbut = document.getElementById('nb-all'); | ||
+ | var row = document.getElementById('wet-only').parentNode.parentNode; | ||
+ | for(var i=0; i<row.children.length; i++) | ||
+ | { if(row.children[i].children[1].className == 'nb-only-i') all = false; } | ||
+ | allbut.className = (all ? 'nb-all' : 'nb-all-i'); | ||
+ | } | ||
+ | function showAll() { | ||
+ | var all = true; | ||
+ | var allbut = document.getElementById('nb-all'); | ||
+ | var row = document.getElementById('wet-only').parentNode.parentNode; | ||
+ | for(var i=0; i<row.children.length; i++) | ||
+ | { | ||
+ | row.children[i].children[0].children[0].style.display = 'block'; | ||
+ | row.children[i].children[1].className = 'nb-only'; | ||
+ | } | ||
+ | allbut.className = (all ? 'nb-all' : 'nb-all-i'); | ||
+ | |||
+ | var list = document.getElementsByClassName("entry"); | ||
+ | for (var i = 0; i < list.length; i++) { | ||
+ | list[i].style.display = 'block'; | ||
+ | } | ||
+ | } | ||
+ | function weekFilter(that) { | ||
+ | for(var i = 1; i<9; i++) { | ||
+ | document.getElementById('week' + i).className = (that.id.substr(4) == i ? 'active' : ''); | ||
+ | } | ||
+ | var filt = that.id + "entry"; | ||
+ | var all = document.getElementsByClassName('nb-week'); | ||
+ | for(var i = 0; i<all.length; i++) { | ||
+ | if(all[i].tagName == 'DIV') all[i].style.display = 'none'; | ||
+ | } | ||
+ | document.getElementById(filt).style.display = 'block'; | ||
} | } | ||
</script> | </script> | ||
Line 14: | Line 88: | ||
<div class="row"> | <div class="row"> | ||
<div class="two columns"> | <div class="two columns"> | ||
- | <ul class="side-nav"> | + | <ul class="side-nav" style="margin-left:15px"> |
+ | <!-- -------------------Month Filters------------------- --!> | ||
<li><h6> Jump to: </h6></li> | <li><h6> Jump to: </h6></li> | ||
- | <li class=" | + | <li class="nb-month"> |
- | + | <div>May</div> | |
- | < | + | |
</li> | </li> | ||
- | <li> | + | <li id="week1" class="active" onclick="weekFilter(this)"> |
- | <a href="# | + | <a class="nb-week" href="#1">Week 1</a> |
</li> | </li> | ||
- | <li> | + | <li id="week2" onclick="weekFilter(this)"> |
- | <a href="# | + | <a class="nb-week" href="#2">Week 2</a> |
+ | </li> | ||
+ | <li id="week3" onclick="weekFilter(this)"> | ||
+ | <a class="nb-week" href="#3">Week 3</a> | ||
+ | </li> | ||
+ | <li id="week4" onclick="weekFilter(this)"> | ||
+ | <a class="nb-week" href="#4">Week 4</a> | ||
+ | </li> | ||
+ | <li class="nb-month"> | ||
+ | <div>June</div> | ||
+ | </li> | ||
+ | <li id="week5" onclick="weekFilter(this)"> | ||
+ | <a class="nb-week" href="#5">Week 5</a> | ||
+ | </li> | ||
+ | <li id="week6" onclick="weekFilter(this)"> | ||
+ | <a class="nb-week" href="#6">Week 6</a> | ||
+ | </li> | ||
+ | <li id="week7" onclick="weekFilter(this)"> | ||
+ | <a class="nb-week" href="#7">Week 7</a> | ||
+ | </li> | ||
+ | <li id="week8" onclick="weekFilter(this)"> | ||
+ | <a class="nb-week" href="#8">Week 8</a> | ||
</li> | </li> | ||
</ul> | </ul> | ||
Line 34: | Line 129: | ||
</div> | </div> | ||
</div> | </div> | ||
- | <div class="row | + | <!-- -------------------Subteam Filters------------------- --!> |
- | <h4 class="centered">Filter by subteam:</h4> | + | <div class="row last-ele" style="padding-bottom:0px"> |
+ | <h4 class="centered">Filter by subteam: <div id="nb-all" class="nb-all" onclick="showAll()">show all</div></h4> | ||
+ | </div> | ||
+ | <div class="row last-ele nb-labels" style="padding-bottom:0px"> | ||
+ | <div>Wet Lab</div> | ||
+ | <div>Dry Lab</div> | ||
+ | <div>Modeling</div> | ||
+ | <div>Human Practices</div> | ||
+ | <div>Wiki</div> | ||
+ | <div>Animation</div> | ||
</div> | </div> | ||
<div class="row"> | <div class="row"> | ||
<div class="two columns nb-filter"> | <div class="two columns nb-filter"> | ||
- | < | + | <div class="filter-container" onclick="filter(this)" style="background-image:url(https://static.igem.org/mediawiki/igem.org/3/35/Cornell-nb-wet-g.png)"> |
- | + | <img id="wet" src="https://static.igem.org/mediawiki/igem.org/2/23/Cornell-nb-wet-c.png"> | |
+ | </div> | ||
+ | <div id="wet-only" class="nb-only" onclick="onlyFilter(this)">only</div> | ||
</div> | </div> | ||
<div class="two columns nb-filter"> | <div class="two columns nb-filter"> | ||
- | <img id="dry | + | <div class="filter-container" onclick="filter(this)" style="background-image:url(https://static.igem.org/mediawiki/igem.org/2/2a/Cornell-nb-dry-g.png)"> |
+ | <img id="dry" src="https://static.igem.org/mediawiki/igem.org/6/6a/Cornell-nb-dry-c.png"> | ||
+ | </div> | ||
+ | <div id="dry-only" class="nb-only" onclick="onlyFilter(this)">only</div> | ||
</div> | </div> | ||
<div class="two columns nb-filter"> | <div class="two columns nb-filter"> | ||
- | <img id="model | + | <div class="filter-container" onclick="filter(this)" style="background-image:url(https://static.igem.org/mediawiki/igem.org/d/d0/Cornell-nb-model-g.png)"> |
+ | <img id="model" src="https://static.igem.org/mediawiki/igem.org/5/59/Cornell-nb-model-c.png"> | ||
+ | </div> | ||
+ | <div id="model-only" class="nb-only" onclick="onlyFilter(this)">only</div> | ||
</div> | </div> | ||
<div class="two columns nb-filter"> | <div class="two columns nb-filter"> | ||
- | <img id="hprac | + | <div class="filter-container" onclick="filter(this)" style="background-image:url(https://static.igem.org/mediawiki/igem.org/e/e3/Cornell-nb-hprac-g.png)"> |
+ | <img id="hprac" src="https://static.igem.org/mediawiki/igem.org/5/59/Cornell-nb-hprac-c.png"> | ||
+ | </div> | ||
+ | <div id="hprac-only" class="nb-only" onclick="onlyFilter(this)">only</div> | ||
</div> | </div> | ||
<div class="two columns nb-filter"> | <div class="two columns nb-filter"> | ||
- | <img id="wiki | + | <div class="filter-container" onclick="filter(this)" style="background-image:url(https://static.igem.org/mediawiki/igem.org/4/40/Cornell-nb-wiki-g.png)"> |
+ | <img id="wiki" src="https://static.igem.org/mediawiki/igem.org/f/ff/Cornell-nb-wiki-c.png"> | ||
+ | </div> | ||
+ | <div id="wiki-only" class="nb-only" onclick="onlyFilter(this)">only</div> | ||
</div> | </div> | ||
<div class="two columns nb-filter"> | <div class="two columns nb-filter"> | ||
- | <img id="anim | + | <div class="filter-container" onclick="filter(this)" style="background-image:url(https://static.igem.org/mediawiki/igem.org/5/51/Cornell-nb-anim-g.png)"> |
+ | <img id="anim" src="https://static.igem.org/mediawiki/igem.org/4/46/Cornell-nb-anim-c.png"> | ||
+ | </div> | ||
+ | <div id="anim-only" class="nb-only" onclick="onlyFilter(this)">only</div> | ||
</div> | </div> | ||
</div> | </div> | ||
- | <div id=" | + | <!-- -------------------Notebook entries------------------- --!> |
+ | <div id="week1entry" class="nb-week" style="display: block"> | ||
<div class="twelve columns"> | <div class="twelve columns"> | ||
- | <h3> | + | <h3 class="centered">Week 1</h3> |
- | + | <h5 class="centered">(05/01 - 05/07)</h5> | |
- | + | </html>{{:Team:Cornell/templates/nbentry|type=dry|head=This is a Title|text=My name is Inigo Montoya}} | |
- | In | + | {{:Team:Cornell/templates/nbentry|type=dry|head=TemplateTest2|text=Hello}} |
- | + | {{:Team:Cornell/templates/nbentry|type=hprac|head=TemplateTest1|text=Hello}}<html> | |
- | + | <div class="entry nb-wet"> | |
+ | <div> | ||
+ | <h6>WetTest</h6> | ||
+ | Sed elementum accumsan vestibulum. Cras sit amet nulla sapien, malesuada ullamcorper lorem. Proin pharetra justo ut justo rutrum placerat. Nunc posuere mattis ornare. Curabitur in lectus orci. Fusce tempus feugiat malesuada. Vivamus convallis luctus accumsan. Curabitur laoreet ipsum semper sapien vestibulum vitae accumsan felis aliquet. Nam quis interdum enim. Maecenas lacus ante, ultrices a pellentesque eu, vulputate id elit. Nulla blandit nulla sit amet quam vulputate eu scelerisque ligula faucibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam neque enim, convallis eu tincidunt ut, blandit quis sem. | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="entry nb-dry"> | ||
+ | <div> | ||
+ | <h6>DryTest</h6> | ||
+ | Sed elementum accumsan vestibulum. Cras sit amet nulla sapien, malesuada ullamcorper lorem. Proin pharetra justo ut justo rutrum placerat. Nunc posuere mattis ornare. Curabitur in lectus orci. Fusce tempus feugiat malesuada. Vivamus convallis luctus accumsan. Curabitur laoreet ipsum semper sapien vestibulum vitae accumsan felis aliquet. Nam quis interdum enim. Maecenas lacus ante, ultrices a pellentesque eu, vulputate id elit. Nulla blandit nulla sit amet quam vulputate eu scelerisque ligula faucibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam neque enim, convallis eu tincidunt ut, blandit quis sem. | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="entry nb-model"> | ||
+ | <div> | ||
+ | <h6>ModelTest</h6> | ||
+ | Integer bibendum venenatis lectus, vitae tempus odio consectetur eget. In at quam eros. Sed tincidunt lorem nec est viverra rutrum quis at sem. Vivamus eu neque porta ante laoreet fermentum. Morbi metus tellus, porta sit amet feugiat in, placerat id nisi. Maecenas felis sapien, viverra a posuere sed, imperdiet volutpat est. Mauris nec accumsan nibh. Integer aliquet porta neque, vitae accumsan magna interdum sed. Morbi gravida sodales eros ac dapibus. Mauris luctus augue a massa lacinia convallis. Maecenas et velit orci. Donec aliquam, urna id dictum dignissim, diam urna pellentesque ligula, dignissim malesuada quam lorem ac eros. Donec euismod vestibulum diam, at ultricies mauris aliquam at. Phasellus venenatis metus quis tellus egestas vitae luctus ipsum fermentum. Proin vehicula sagittis condimentum. Donec vitae mi ipsum, sit amet tincidunt augue. | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="entry nb-hprac"> | ||
+ | <div> | ||
+ | <h6>HPracTest</h6> | ||
+ | Integer bibendum venenatis lectus, vitae tempus odio consectetur eget. In at quam eros. Sed tincidunt lorem nec est viverra rutrum quis at sem. Vivamus eu neque porta ante laoreet fermentum. Morbi metus tellus, porta sit amet feugiat in, placerat id nisi. Maecenas felis sapien, viverra a posuere sed, imperdiet volutpat est. Mauris nec accumsan nibh. Integer aliquet porta neque, vitae accumsan magna interdum sed. Morbi gravida sodales eros ac dapibus. Mauris luctus augue a massa lacinia convallis. Maecenas et velit orci. Donec aliquam, urna id dictum dignissim, diam urna pellentesque ligula, dignissim malesuada quam lorem ac eros. Donec euismod vestibulum diam, at ultricies mauris aliquam at. Phasellus venenatis metus quis tellus egestas vitae luctus ipsum fermentum. Proin vehicula sagittis condimentum. Donec vitae mi ipsum, sit amet tincidunt augue. | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="entry nb-wiki"> | ||
+ | <div> | ||
+ | <h6>WikiTest</h6> | ||
+ | Integer bibendum venenatis lectus, vitae tempus odio consectetur eget. In at quam eros. Sed tincidunt lorem nec est viverra rutrum quis at sem. Vivamus eu neque porta ante laoreet fermentum. Morbi metus tellus, porta sit amet feugiat in, placerat id nisi. Maecenas felis sapien, viverra a posuere sed, imperdiet volutpat est. Mauris nec accumsan nibh. Integer aliquet porta neque, vitae accumsan magna interdum sed. Morbi gravida sodales eros ac dapibus. Mauris luctus augue a massa lacinia convallis. Maecenas et velit orci. Donec aliquam, urna id dictum dignissim, diam urna pellentesque ligula, dignissim malesuada quam lorem ac eros. Donec euismod vestibulum diam, at ultricies mauris aliquam at. Phasellus venenatis metus quis tellus egestas vitae luctus ipsum fermentum. Proin vehicula sagittis condimentum. Donec vitae mi ipsum, sit amet tincidunt augue. | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="entry nb-anim"> | ||
+ | <div> | ||
+ | <h6>AnimTest</h6> | ||
+ | Integer bibendum venenatis lectus, vitae tempus odio consectetur eget. In at quam eros. Sed tincidunt lorem nec est viverra rutrum quis at sem. Vivamus eu neque porta ante laoreet fermentum. Morbi metus tellus, porta sit amet feugiat in, placerat id nisi. Maecenas felis sapien, viverra a posuere sed, imperdiet volutpat est. Mauris nec accumsan nibh. Integer aliquet porta neque, vitae accumsan magna interdum sed. Morbi gravida sodales eros ac dapibus. Mauris luctus augue a massa lacinia convallis. Maecenas et velit orci. Donec aliquam, urna id dictum dignissim, diam urna pellentesque ligula, dignissim malesuada quam lorem ac eros. Donec euismod vestibulum diam, at ultricies mauris aliquam at. Phasellus venenatis metus quis tellus egestas vitae luctus ipsum fermentum. Proin vehicula sagittis condimentum. Donec vitae mi ipsum, sit amet tincidunt augue. | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
- | <div id=" | + | <div id="week2entry" class="nb-week"> |
- | <div | + | <div class="twelve columns"> |
- | <h3> | + | <h3 class="centered" >Week 2</h3> |
- | + | <h5 class="centered">(05/08 - 05/015)</h5> | |
- | + | <div class="entry nb-wiki"> | |
- | + | <div> | |
- | + | <h6>WikiTest</h6> | |
- | + | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer consequat magna non nisi rutrum adipiscing. Donec luctus pharetra turpis, posuere mollis lorem porta at. Ut vestibulum urna id nibh blandit non vehicula felis facilisis. Maecenas dignissim sapien a ipsum tristique condimentum. Aenean convallis lorem sit amet nibh bibendum sollicitudin. Phasellus euismod vulputate odio. Etiam in vestibulum ante. Nullam volutpat volutpat velit, eget facilisis dui dapibus eu. Sed bibendum consectetur velit, porttitor imperdiet urna aliquam eu. Maecenas non arcu sem. Curabitur molestie consectetur ultrices. In convallis metus at velit vehicula placerat. Fusce varius euismod erat ut fringilla. Vivamus posuere, felis nec congue bibendum, leo mauris convallis nulla, vel vestibulum magna leo sit amet quam. | |
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
- | <div id=" | + | <div id="week3entry" class="nb-week"> |
- | <div | + | <div class="twelve columns"> |
- | <h3> | + | <h3 class="centered">Week 3</h3> |
- | + | <h5 class="centered">(05/15 - 05/22)</h5> | |
- | + | <div class="entry nb-anim"> | |
- | + | <div> | |
+ | <h6>AnimTest</h6> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer consequat magna non nisi rutrum adipiscing. Donec luctus pharetra turpis, posuere mollis lorem porta at. Ut vestibulum urna id nibh blandit non vehicula felis facilisis. Maecenas dignissim sapien a ipsum tristique condimentum. Aenean convallis lorem sit amet nibh bibendum sollicitudin. Phasellus euismod vulputate odio. Etiam in vestibulum ante. Nullam volutpat volutpat velit, eget facilisis dui dapibus eu. Sed bibendum consectetur velit, porttitor imperdiet urna aliquam eu. Maecenas non arcu sem. Curabitur molestie consectetur ultrices. In convallis metus at velit vehicula placerat. Fusce varius euismod erat ut fringilla. Vivamus posuere, felis nec congue bibendum, leo mauris convallis nulla, vel vestibulum magna leo sit amet quam. | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> |
Latest revision as of 19:43, 13 June 2013
Notebook
Filter by subteam: show all
Wet Lab
Dry Lab
Modeling
Human Practices
Wiki
Animation
only
only
only
only
only
only
Week 1
(05/01 - 05/07)
This is a Title
My name is Inigo Montoya
TemplateTest2
Hello
TemplateTest1
Hello