From e5b12b1d928fa812d947386e2292be225df01f8d Mon Sep 17 00:00:00 2001
From: Garry Ing <garry.ing@gmail.com>
Date: Mon, 15 Mar 2021 21:18:42 -0400
Subject: [PATCH] interaction

---
 _layouts/default.html      |  4 ++--
 _sass/_digital-garden.scss | 10 ++++++++++
 assets/js/scripts.js       |  2 +-
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/_layouts/default.html b/_layouts/default.html
index e42fd25..7755707 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -8,7 +8,7 @@
     </main>
     {%- include footer.html -%}
     {% include link-previews.html %}
-    <script src="{{ "/assets/js/d3.v6.min.js" | relative_url }}" defer></script>
-    <script src="{{ "/assets/js/scripts.js" | relative_url }}" defer></script>
+    <script src="{{ "/assets/js/d3.v6.min.js" | relative_url }}" async></script>
+    <script src="{{ "/assets/js/scripts.js" | relative_url }}" async></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/_sass/_digital-garden.scss b/_sass/_digital-garden.scss
index fc806da..a271dc0 100644
--- a/_sass/_digital-garden.scss
+++ b/_sass/_digital-garden.scss
@@ -13,6 +13,16 @@
   font-family: "Anthony", sans-serif;
 }
 
+// Extended cursors
+
+.grab:hover {
+  cursor: grab;
+}
+
+.grabbing:active {
+  cursor: grabbing;
+}
+
 // Notes Graph
 
 .links path {
diff --git a/assets/js/scripts.js b/assets/js/scripts.js
index 9b12788..85b6744 100644
--- a/assets/js/scripts.js
+++ b/assets/js/scripts.js
@@ -166,7 +166,7 @@ if (typeof window.graphData !== 'undefined') {
   const element = document.createElementNS('http://www.w3.org/2000/svg', 'svg')
   element.setAttribute('width', graphWrapper.getBoundingClientRect().width)
   element.setAttribute('height', window.innerHeight * 0.8)
-  element.classList.add('absolute', 'vh-100')
+  element.classList.add('absolute', 'vh-100', 'grab', 'grabbing')
   graphWrapper.appendChild(element)
 
   const reportWindowSize = () => {