Team:Cornell/Sandbox/notebook
From 2012.igem.org
(Difference between revisions)
R.Lizarralde (Talk | contribs) |
|||
(76 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 onload="load()"> | <body onload="load()"> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
function load() { | function load() { | ||
- | if(document.location | + | if(document.location != "https://2012.igem.org/Team:Cornell/Sandbox/notebook") { |
- | + | ||
- | + | ||
- | + | ||
var i = document.location.href.charAt(51); | var i = document.location.href.charAt(51); | ||
- | document.getElementById( | + | 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) { | function filter(that) { | ||
- | var ele = that.children[ | + | var ele = that.children[0]; |
var show = ele.style.display == 'none'; | var show = ele.style.display == 'none'; | ||
ele.style.display= (show ? 'block' : 'none'); | ele.style.display= (show ? 'block' : 'none'); | ||
Line 26: | Line 26: | ||
all(); | all(); | ||
- | var list = document.getElementsByClassName(ele.id | + | var list = document.getElementsByClassName('nb-' + ele.id); |
for (var i = 0; i < list.length; i++) { | for (var i = 0; i < list.length; i++) { | ||
list[i].style.display = (show ? 'block' : 'none'); | list[i].style.display = (show ? 'block' : 'none'); | ||
Line 39: | Line 39: | ||
var hide = true; | var hide = true; | ||
if(row.children[i] == filt) hide = false; | if(row.children[i] == filt) hide = false; | ||
- | row.children[i].children[0].children[ | + | row.children[i].children[0].children[0].style.display = (hide ? 'none' : 'block'); |
row.children[i].children[1].className = (hide ? 'nb-only-i' : 'nb-only'); | row.children[i].children[1].className = (hide ? 'nb-only-i' : 'nb-only'); | ||
- | var list = document.getElementsByClassName(row.children[i].children[0].children[ | + | var list = document.getElementsByClassName('nb-' + row.children[i].children[0].children[0].id); |
for (var j = 0; j < list.length; j++) { | for (var j = 0; j < list.length; j++) { | ||
list[j].style.display = (hide ? 'none' : 'block'); | list[j].style.display = (hide ? 'none' : 'block'); | ||
Line 63: | Line 63: | ||
for(var i=0; i<row.children.length; i++) | for(var i=0; i<row.children.length; i++) | ||
{ | { | ||
- | row.children[i].children[0].children[ | + | row.children[i].children[0].children[0].style.display = 'block'; |
row.children[i].children[1].className = 'nb-only'; | row.children[i].children[1].className = 'nb-only'; | ||
} | } | ||
Line 74: | Line 74: | ||
} | } | ||
function weekFilter(that) { | 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 filt = that.id + "entry"; | ||
- | var all = document.getElementsByClassName( | + | var all = document.getElementsByClassName('nb-week'); |
for(var i = 0; i<all.length; i++) { | for(var i = 0; i<all.length; i++) { | ||
- | all[i].style.display = | + | if(all[i].tagName == 'DIV') all[i].style.display = 'none'; |
} | } | ||
- | document.getElementById(filt).style.display = | + | document.getElementById(filt).style.display = 'block'; |
} | } | ||
</script> | </script> | ||
Line 85: | 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------------------- --!> | <!-- -------------------Month Filters------------------- --!> | ||
<li><h6> Jump to: </h6></li> | <li><h6> Jump to: </h6></li> | ||
- | <li class=" | + | <li class="nb-month"> |
- | + | <div>May</div> | |
- | <div | + | |
</li> | </li> | ||
- | <li id="week1" onclick="weekFilter(this)"> | + | <li id="week1" class="active" onclick="weekFilter(this)"> |
- | <a class=" | + | <a class="nb-week" href="#1">Week 1</a> |
</li> | </li> | ||
<li id="week2" onclick="weekFilter(this)"> | <li id="week2" onclick="weekFilter(this)"> | ||
- | <a class=" | + | <a class="nb-week" href="#2">Week 2</a> |
</li> | </li> | ||
<li id="week3" onclick="weekFilter(this)"> | <li id="week3" onclick="weekFilter(this)"> | ||
- | <a class=" | + | <a class="nb-week" href="#3">Week 3</a> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</li> | </li> | ||
<li id="week4" onclick="weekFilter(this)"> | <li id="week4" onclick="weekFilter(this)"> | ||
- | <a class=" | + | <a class="nb-week" href="#4">Week 4</a> |
+ | </li> | ||
+ | <li class="nb-month"> | ||
+ | <div>June</div> | ||
</li> | </li> | ||
<li id="week5" onclick="weekFilter(this)"> | <li id="week5" onclick="weekFilter(this)"> | ||
- | <a class=" | + | <a class="nb-week" href="#5">Week 5</a> |
</li> | </li> | ||
<li id="week6" onclick="weekFilter(this)"> | <li id="week6" onclick="weekFilter(this)"> | ||
- | <a class=" | + | <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 123: | Line 130: | ||
</div> | </div> | ||
<!-- -------------------Subteam Filters------------------- --!> | <!-- -------------------Subteam Filters------------------- --!> | ||
- | <div class="row | + | <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> | <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)" | + | <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"> | <img id="wet" src="https://static.igem.org/mediawiki/igem.org/2/23/Cornell-nb-wet-c.png"> | ||
</div> | </div> | ||
Line 135: | Line 149: | ||
</div> | </div> | ||
<div class="two columns nb-filter"> | <div class="two columns nb-filter"> | ||
- | <div class="filter-container" onclick="filter(this)" | + | <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"> | <img id="dry" src="https://static.igem.org/mediawiki/igem.org/6/6a/Cornell-nb-dry-c.png"> | ||
</div> | </div> | ||
Line 142: | Line 155: | ||
</div> | </div> | ||
<div class="two columns nb-filter"> | <div class="two columns nb-filter"> | ||
- | <div class="filter-container" onclick="filter(this)" | + | <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"> | <img id="model" src="https://static.igem.org/mediawiki/igem.org/5/59/Cornell-nb-model-c.png"> | ||
</div> | </div> | ||
Line 149: | Line 161: | ||
</div> | </div> | ||
<div class="two columns nb-filter"> | <div class="two columns nb-filter"> | ||
- | <div class="filter-container" onclick="filter(this)" | + | <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"> | <img id="hprac" src="https://static.igem.org/mediawiki/igem.org/5/59/Cornell-nb-hprac-c.png"> | ||
</div> | </div> | ||
Line 156: | Line 167: | ||
</div> | </div> | ||
<div class="two columns nb-filter"> | <div class="two columns nb-filter"> | ||
- | <div class="filter-container" onclick="filter(this)" | + | <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"> | <img id="wiki" src="https://static.igem.org/mediawiki/igem.org/f/ff/Cornell-nb-wiki-c.png"> | ||
</div> | </div> | ||
Line 163: | Line 173: | ||
</div> | </div> | ||
<div class="two columns nb-filter"> | <div class="two columns nb-filter"> | ||
- | <div class="filter-container" onclick="filter(this)" | + | <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"> | <img id="anim" src="https://static.igem.org/mediawiki/igem.org/4/46/Cornell-nb-anim-c.png"> | ||
</div> | </div> | ||
Line 171: | Line 180: | ||
</div> | </div> | ||
<!-- -------------------Notebook entries------------------- --!> | <!-- -------------------Notebook entries------------------- --!> | ||
- | <div id="week1entry" class=" | + | <div id="week1entry" class="nb-week" style="display: block"> |
<div class="twelve columns"> | <div class="twelve columns"> | ||
- | <h3 class="centered">Week 1</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}} | |
- | < | + | {{: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> | </div> | ||
- | <div class=" | + | <div class="entry nb-dry"> |
- | <div | + | <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> | </div> | ||
- | <div class=" | + | <div class="entry nb-model"> |
- | <div | + | <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> | </div> | ||
- | <div class=" | + | <div class="entry nb-hprac"> |
- | <div | + | <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> | </div> | ||
- | <div class=" | + | <div class="entry nb-wiki"> |
- | <div | + | <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> | </div> | ||
- | <div class=" | + | <div class="entry nb-anim"> |
- | <div | + | <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> | </div> | ||
- | <div id="week2entry" class=" | + | <div id="week2entry" class="nb-week"> |
<div class="twelve columns"> | <div class="twelve columns"> | ||
- | <h3 class="centered" >Week 2</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> | </div> | ||
- | <div id="week3entry" class=" | + | <div id="week3entry" class="nb-week"> |
<div class="twelve columns"> | <div class="twelve columns"> | ||
<h3 class="centered">Week 3</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> |
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