stage final

docs/style/style.css

@@ -502,3 +502,26 @@ div.footnotes li[id^="fn"] /* A footnote item within that div */
         display:none;
         }
     }
+
+/* custom styling for nettime survey (1995-2016)*/
+
+.thread_rank_year {
+    display: inline-block;
+    border: 1px solid black; 
+    margin: 1em;     
+}
+
+.thread_rank_year:hover {
+    background-color: #964be3;
+}
+
+.thread_rank_year .year_t {
+    bborder: 1px solid black;
+    margin: 1em;
+}
+
+.thread_rank_year .rank_t {
+    display: none;
+    margin: 1em;
+    margin-bottom: 2em;
+}

docs/style/style.js

@@ -0,0 +1,18 @@
+
+var ranks = document.getElementsByClassName("thread_rank_year");
+
+for(var i = 0; i < ranks.length; i++) {
+	let r = ranks[i];
+	r.state = false;
+	r.addEventListener('click', function(who) {
+		if(r.state) {
+			r.children[1].style.display = 'none';	
+		} else {
+			r.children[1].style.display = 'block';
+		}
+		r.state = !r.state;			
+	}, false);
+}
+
+
+

docs/style/template.html5

@@ -12,9 +12,6 @@ $if(date-meta)$
 $endif$
   <title>$if(title-prefix)$$title-prefix$ - $endif$$pagetitle$</title>
   <style type="text/css">code{white-space: pre;}</style>
-  <!--[if lt IE 9]>
-    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
-  <![endif]-->
 $if(quotes)$
   <style type="text/css">q { quotes: "“" "”" "‘" "’"; }</style>
 $endif$
@@ -67,5 +64,6 @@ $body$
 $for(include-after)$
 $include-after$
 $endfor$
+<script src="style/style.js"></script>
 </body>
 </html>