updates to project

data-collection.html

@@ -131,6 +131,9 @@ <h4>Resources</h4>
   <li>
     <a href="https://www.angelechristin.com/?page_id=611">Critical Data Studies Resources</a>: Reading lists and organizations. By Angèle Christin.
   </li>
+  <li>
+    <a href="https://tinyurl.com/fpy2c8hz">Digital Ethnography Collective Reading list</a> (✨): LSE's Digital Ethnography Collective Reading List, hosted by Zoë Glatt.
+  </li>
 </ul>
 
 </html>

index.html

@@ -7,6 +7,7 @@
 
     <link rel="stylesheet" href="stylesheets/styles.css">
     <link rel="stylesheet" href="stylesheets/pygment_trac.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.11.1/tocbot.css">
     <meta name="viewport" content="width=device-width">
     <!--[if lt IE 9]>
     <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
@@ -33,6 +34,7 @@ <h1>Open Source Tools for Social Science Researchers</h1>
         <blockquote>
           <p>Want to contribute? Contribute directly on <a href="https://github.com/open-source-social-science/open-source-social-science.github.io">GitHub</a> or add a resource through <a href="https://yopad.eu/p/open-source-social-science-365days">yopad</a>.</p>
         </blockquote>
+
       </header>
       <section>
 
@@ -78,6 +80,18 @@ <h1>About this project</h1>
     </div>
     <script src="javascripts/include.js"></script>
     <script src="javascripts/scale.fix.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.11.1/tocbot.min.js"></script>
+    <script>tocbot.init({
+        // Where to render the table of contents.
+        tocSelector: '.js-toc',
+        // Where to grab the headings to build the table of contents.
+        contentSelector: '.js-toc-content',
+        // Which headings to grab inside of the contentSelector element.
+        headingSelector: 'h1, h2, h3',
+        // For headings inside relative or absolute positioned containers within content.
+        hasInnerContainers: true,
+      });</script>
+    <script src="javascripts/toc.js"></script>
   </body>
 </html>
 

javascripts/toc.js

@@ -0,0 +1,10 @@
+function tocbot.init({
+  // Where to render the table of contents.
+  tocSelector: '.js-toc',
+  // Where to grab the headings to build the table of contents.
+  contentSelector: '.js-toc-content',
+  // Which headings to grab inside of the contentSelector element.
+  headingSelector: 'h1, h2, h3',
+  // For headings inside relative or absolute positioned containers within content.
+  hasInnerContainers: true,
+});