From a93f2cf6045c8ac2f6cf31892648f402699ceaba Mon Sep 17 00:00:00 2001
From: Vincent Rubinetti <vince.rubinetti@gmail.com>
Date: Thu, 4 Jun 2020 20:32:27 -0400
Subject: [PATCH 1/9] fix some hypothesis issues

---
 build/plugins/hypothesis.html        | 94 +++++++++++++++++++++++++---
 build/plugins/table-of-contents.html |  3 +-
 build/themes/default.html            | 51 ++++++++++++++-
 3 files changed, 136 insertions(+), 12 deletions(-)

diff --git a/build/plugins/hypothesis.html b/build/plugins/hypothesis.html
index b38888e7..6a1a32e4 100644
--- a/build/plugins/hypothesis.html
+++ b/build/plugins/hypothesis.html
@@ -1,6 +1,16 @@
-<!-- annotations plugin configuration -->
+<!-- annotations plugin -->
 
 <script>
+    // /////////////////////////
+    // DESCRIPTION
+    // /////////////////////////
+
+    // This third-party plugin 'Hypothesis' allows public annotation of the
+    // manuscript.
+
+    // https://web.hypothes.is/
+
+    // plugin configuration
     window.hypothesisConfig = function() {
         return {
             branding: {
@@ -13,17 +23,81 @@
             }
         };
     };
-</script>
 
-<!-- annotations plugin -->
+    // hypothesis client script
+    const embed = 'https://hypothes.is/embed.js';
+    // hypothesis annotation count query url
+    const query = 'https://api.hypothes.is/api/search?limit=0&url='
 
-<script src='https://hypothes.is/embed.js'>
-    // /////////////////////////
-    // DESCRIPTION
-    // /////////////////////////
+    
+    // start script
+    function start() {
+        const button = makeButton();
+        document.body.insertBefore(button, document.body.firstChild);
+        insertCount(button);
+    }
 
-    // This third-party plugin 'Hypothesis' allows public annotation of the
-    // manuscript.
+    // make button
+    function makeButton() {
+        // create button
+        const button = document.createElement('button');
+        button.id = 'hypothesis_button';
+        button.innerHTML = document.querySelector(
+            '.icon_hypothesis'
+        ).innerHTML;
+        button.title = 'Hypothesis annotations';
+        button.classList.add('icon_button');
 
-    // https://web.hypothes.is/
+        function onClick(event) {
+            onButtonClick(event, button);
+        }
+
+        // attach click listeners
+        button.addEventListener('click', onClick);
+
+        return button;
+    }
+
+    // insert annotations count
+    async function insertCount(button) {
+        // get annotation count from Hypothesis based on url
+        let count = '-';
+        try {
+            const response = await fetch(query + window.location.href);
+            const json = await response.json();
+            count = json.total || '-';
+        } catch(error) {
+            console.log(error);
+        }
+        
+        // put count into button
+        const counter = document.createElement('span');
+        counter.id = 'hypothesis_count';
+        counter.innerHTML = count;
+        button.title = 'View ' + count + ' Hypothesis annotations';
+        button.append(counter);
+    }
+
+    // when button is clicked
+    function onButtonClick(event, button) {
+        const script = document.createElement('script');
+        script.src = embed;
+        document.body.append(script);
+        button.remove();
+    }
+
+    window.addEventListener('load', start);
 </script>
+
+<!-- hypothesis icon -->
+
+<template class="icon_hypothesis">
+    <!-- modified from: https://fontawesome.com/icons/quote-right -->
+    <svg width="16" height="16" viewBox="0 0 512 512" tabindex="-1">
+        <path
+            fill="currentColor"
+            d="M464 32H336c-26.5 0-48 21.5-48 48v128c0 26.5 21.5 48 48 48h80v64c0 35.3-28.7 64-64 64h-8c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h8c88.4 0 160-71.6 160-160V80c0-26.5-21.5-48-48-48zm-288 0H48C21.5 32 0 53.5 0 80v128c0 26.5 21.5 48 48 48h80v64c0 35.3-28.7 64-64 64h-8c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h8c88.4 0 160-71.6 160-160V80c0-26.5-21.5-48-48-48z"
+            tabindex="-1"
+        ></path>
+    </svg>
+</template>
diff --git a/build/plugins/table-of-contents.html b/build/plugins/table-of-contents.html
index fc57f78f..ac5b7321 100644
--- a/build/plugins/table-of-contents.html
+++ b/build/plugins/table-of-contents.html
@@ -172,11 +172,12 @@
             button.innerHTML = document.querySelector(
                 '.icon_th_list'
             ).innerHTML;
+            button.title = 'Table of Contents';
             button.classList.add('icon_button');
 
             // create header text
             const text = document.createElement('h3');
-            text.innerHTML = 'Table of Contents';
+            text.innerHTML = 'View Table of Contents';
 
             // create container for toc list
             const list = document.createElement('div');
diff --git a/build/themes/default.html b/build/themes/default.html
index 26675bdf..73ec1021 100644
--- a/build/themes/default.html
+++ b/build/themes/default.html
@@ -80,6 +80,26 @@
         border-bottom: solid 1px #bdbdbd;
     }
 
+    /* heading font sizes */
+    h1 {
+        font-size: 2em;
+    }
+    h2 {
+        font-size: 1.5em;
+    }
+    h3{
+        font-size: 1.35em;
+    }
+    h4 {
+        font-size: 1.25em;
+    }
+    h5 {
+        font-size: 1.15em;
+    }
+    h6 {
+        font-size: 1em;
+    }
+
     /* -------------------------------------------------- */
     /* manuscript header */
     /* -------------------------------------------------- */
@@ -1182,10 +1202,39 @@
     /* hypothesis (annotations) plugin */
     /* -------------------------------------------------- */
 
+    /* hypothesis activation button */
+    #hypothesis_button {
+        box-sizing: border-box;
+        position: fixed;
+        top: 0;
+        right: 0;
+        width: 60px;
+        height: 60px;
+        background: #ffffff;
+        border-radius: 0;
+        border-left: solid 1px #bdbdbd;
+        border-bottom: solid 1px #bdbdbd;
+        box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
+        z-index: 2;
+    }
+
+    /* hypothesis button svg */
+    #hypothesis_button > svg {
+        position: relative;
+        top: -4px;
+    }
+
+    /* hypothesis annotation count */
+    #hypothesis_count {
+        position: absolute;
+        left: 0;
+        right: 0;
+        bottom: 5px;
+    }
+
     /* side panel */
     .annotator-frame {
         width: 280px !important;
-        z-index: 0 !important;
     }
 
     /* match highlight color to rest of theme */

From ef35c6bfbf5ca6484493e616c2a17637ef02499d Mon Sep 17 00:00:00 2001
From: Vincent Rubinetti <vince.rubinetti@gmail.com>
Date: Thu, 4 Jun 2020 20:43:07 -0400
Subject: [PATCH 2/9] use canonical url for ann count lookup if available

---
 build/plugins/hypothesis.html | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/build/plugins/hypothesis.html b/build/plugins/hypothesis.html
index 6a1a32e4..63d84953 100644
--- a/build/plugins/hypothesis.html
+++ b/build/plugins/hypothesis.html
@@ -63,7 +63,10 @@
         // get annotation count from Hypothesis based on url
         let count = '-';
         try {
-            const response = await fetch(query + window.location.href);
+            const canonical = 
+                (document.querySelector('link[rel="canonical"]') || {}).href;
+            const url = window.location.href;
+            const response = await fetch(query + (canonical || url));
             const json = await response.json();
             count = json.total || '-';
         } catch(error) {

From 22dc412523f4c14a1ba48f14d8c9514882f7cdac Mon Sep 17 00:00:00 2001
From: Vincent Rubinetti <vince.rubinetti@gmail.com>
Date: Thu, 4 Jun 2020 20:45:09 -0400
Subject: [PATCH 3/9] update

---
 build/plugins/hypothesis.html | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/build/plugins/hypothesis.html b/build/plugins/hypothesis.html
index 63d84953..63b8995f 100644
--- a/build/plugins/hypothesis.html
+++ b/build/plugins/hypothesis.html
@@ -63,10 +63,9 @@
         // get annotation count from Hypothesis based on url
         let count = '-';
         try {
-            const canonical = 
-                (document.querySelector('link[rel="canonical"]') || {}).href;
-            const url = window.location.href;
-            const response = await fetch(query + (canonical || url));
+            const canonical = document.querySelector('link[rel="canonical"]');
+            const location = window.location;
+            const response = await fetch(query + (canonical || location).href);
             const json = await response.json();
             count = json.total || '-';
         } catch(error) {

From 420b35c484925c71144285e6a5739d8bcb0c15ce Mon Sep 17 00:00:00 2001
From: Vincent Rubinetti <vince.rubinetti@gmail.com>
Date: Thu, 4 Jun 2020 20:46:51 -0400
Subject: [PATCH 4/9] update

---
 build/plugins/hypothesis.html        | 4 +---
 build/plugins/table-of-contents.html | 4 +---
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/build/plugins/hypothesis.html b/build/plugins/hypothesis.html
index 63b8995f..089715d7 100644
--- a/build/plugins/hypothesis.html
+++ b/build/plugins/hypothesis.html
@@ -42,9 +42,7 @@
         // create button
         const button = document.createElement('button');
         button.id = 'hypothesis_button';
-        button.innerHTML = document.querySelector(
-            '.icon_hypothesis'
-        ).innerHTML;
+        button.innerHTML = document.querySelector('.icon_hypothesis').innerHTML;
         button.title = 'Hypothesis annotations';
         button.classList.add('icon_button');
 
diff --git a/build/plugins/table-of-contents.html b/build/plugins/table-of-contents.html
index ac5b7321..49d6e01c 100644
--- a/build/plugins/table-of-contents.html
+++ b/build/plugins/table-of-contents.html
@@ -169,9 +169,7 @@
             // create toc button
             const button = document.createElement('button');
             button.id = 'toc_button';
-            button.innerHTML = document.querySelector(
-                '.icon_th_list'
-            ).innerHTML;
+            button.innerHTML = document.querySelector('.icon_th_list').innerHTML;
             button.title = 'Table of Contents';
             button.classList.add('icon_button');
 

From 670f24d073ec660c59edbd107286d42ed46908d0 Mon Sep 17 00:00:00 2001
From: Vincent Rubinetti <vince.rubinetti@gmail.com>
Date: Thu, 4 Jun 2020 20:53:49 -0400
Subject: [PATCH 5/9] hide hypothesis button on print

---
 build/themes/default.html | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/build/themes/default.html b/build/themes/default.html
index 73ec1021..7fca81ea 100644
--- a/build/themes/default.html
+++ b/build/themes/default.html
@@ -1252,8 +1252,12 @@
         background: #f5f5f5 !important;
     }
 
-    /* always hide toolbar and tooltip on print */
+    /* always hide button, toolbar, and tooltip on print */
     @media only print {
+        #hypothesis_button {
+            display: none;
+        }
+
         .annotator-frame {
             display: none !important;
         }

From 4a355f62684860a5f57bf1f00b145e82831381b8 Mon Sep 17 00:00:00 2001
From: Vincent Rubinetti <vince.rubinetti@gmail.com>
Date: Thu, 4 Jun 2020 21:01:38 -0400
Subject: [PATCH 6/9] add headings 5 and 6 to delete me

---
 content/02.delete-me.md | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/content/02.delete-me.md b/content/02.delete-me.md
index 8f2ed071..78d9c7ed 100644
--- a/content/02.delete-me.md
+++ b/content/02.delete-me.md
@@ -63,6 +63,10 @@ Document section headings:
 
 #### Heading 4
 
+##### Heading 5
+
+###### Heading 6
+
 ### A heading centered on its own printed page{.center .page_center}
 
 <!-- an arbitrary comment. visible in input, but not visible in output. -->

From 5acd12bf8dbbd251ea67b2695d4cf2f0829c7852 Mon Sep 17 00:00:00 2001
From: Vincent Rubinetti <vince.rubinetti@gmail.com>
Date: Thu, 4 Jun 2020 21:11:05 -0400
Subject: [PATCH 7/9] remove print shrinking of h1 thru h3

---
 build/themes/default.html | 16 ----------------
 1 file changed, 16 deletions(-)

diff --git a/build/themes/default.html b/build/themes/default.html
index 7fca81ea..cfff8980 100644
--- a/build/themes/default.html
+++ b/build/themes/default.html
@@ -533,22 +533,6 @@
             margin: 15px 0;
         }
 
-        /* heading 1 */
-        h1 {
-            font-size: 1.75em;
-        }
-
-        /* heading 2 */
-        h2 {
-            font-size: 1.25em;
-            margin-top: 0;
-        }
-
-        /* heading 3 */
-        h3 {
-            font-size: 1.10em;
-        }
-
         /* figures and tables */
         figure, table {
             font-size: 0.85em;

From 58eb7e9476d452d15884151d568db703000aead7 Mon Sep 17 00:00:00 2001
From: Vincent Rubinetti <vince.rubinetti@gmail.com>
Date: Fri, 5 Jun 2020 15:31:16 -0400
Subject: [PATCH 8/9] incorp review comments

---
 build/plugins/hypothesis.html | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/build/plugins/hypothesis.html b/build/plugins/hypothesis.html
index 089715d7..08944ed9 100644
--- a/build/plugins/hypothesis.html
+++ b/build/plugins/hypothesis.html
@@ -63,7 +63,8 @@
         try {
             const canonical = document.querySelector('link[rel="canonical"]');
             const location = window.location;
-            const response = await fetch(query + (canonical || location).href);
+            const url = encodeURIComponent((canonical || location).href);
+            const response = await fetch(query + url);
             const json = await response.json();
             count = json.total || '-';
         } catch(error) {
@@ -93,10 +94,10 @@
 
 <template class="icon_hypothesis">
     <!-- modified from: https://fontawesome.com/icons/quote-right -->
-    <svg width="16" height="16" viewBox="0 0 512 512" tabindex="-1">
+    <svg width="16" height="16" viewBox="0 0 24 24" tabindex="-1">
         <path
             fill="currentColor"
-            d="M464 32H336c-26.5 0-48 21.5-48 48v128c0 26.5 21.5 48 48 48h80v64c0 35.3-28.7 64-64 64h-8c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h8c88.4 0 160-71.6 160-160V80c0-26.5-21.5-48-48-48zm-288 0H48C21.5 32 0 53.5 0 80v128c0 26.5 21.5 48 48 48h80v64c0 35.3-28.7 64-64 64h-8c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24h8c88.4 0 160-71.6 160-160V80c0-26.5-21.5-48-48-48z"
+            d="M3.43 0C2.5 0 1.72 .768 1.72 1.72V18.86C1.72 19.8 2.5 20.57 3.43 20.57H9.38L12 24L14.62 20.57H20.57C21.5 20.57 22.29 19.8 22.29 18.86V1.72C22.29 .77 21.5 0 20.57 0H3.43M5.14 3.43H7.72V9.43S8.58 7.72 10.28 7.72C12 7.72 13.74 8.57 13.74 11.24V17.14H11.16V12C11.16 10.61 10.28 10.07 9.43 10.29C8.57 10.5 7.72 11.41 7.72 13.29V17.14H5.14V3.43M18 13.72C18.95 13.72 19.72 14.5 19.72 15.42A1.71 1.71 0 0 1 18 17.13A1.71 1.71 0 0 1 16.29 15.42C16.29 14.5 17.05 13.71 18 13.71Z"
             tabindex="-1"
         ></path>
     </svg>

From b8d816c2caec64bafffea4ae20aa5513d87e0e7a Mon Sep 17 00:00:00 2001
From: Daniel Himmelstein <daniel.himmelstein@gmail.com>
Date: Fri, 5 Jun 2020 15:46:22 -0400
Subject: [PATCH 9/9] update modified from comment

---
 build/plugins/hypothesis.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/build/plugins/hypothesis.html b/build/plugins/hypothesis.html
index 08944ed9..7bd1691e 100644
--- a/build/plugins/hypothesis.html
+++ b/build/plugins/hypothesis.html
@@ -93,7 +93,7 @@
 <!-- hypothesis icon -->
 
 <template class="icon_hypothesis">
-    <!-- modified from: https://fontawesome.com/icons/quote-right -->
+    <!-- modified from: https://simpleicons.org/icons/hypothesis.svg / https://git.io/Jf1VB -->
     <svg width="16" height="16" viewBox="0 0 24 24" tabindex="-1">
         <path
             fill="currentColor"