wrap

_layouts/home.html

@@ -4,7 +4,7 @@ layout: default
 
 <div class="ma3 anthony">
   <h1 class="f-5 normal loading">Loading a note</h1>
-  <div class="rand-notes f1"></div>
+  <div class="rand-notes f1 word-wrap"></div>
 </div>
 
 <script>

_sass/_digital-garden.scss

@@ -41,6 +41,10 @@
   font-family: "Work Sans Light", sans-serif;
 }
 
+.word-wrap {
+  word-break: break-all;
+}
+
 // Shadow helper
 
 .shadow-solid-accent { box-shadow: 2px 2px 10px rgba( var(--foreground-text-rgb), 0.2 ); }

assets/js/scripts.js

@@ -135,7 +135,7 @@ if (typeof window.graphDataIndex !== 'undefined') {
     if (counter === 4) {
       document.querySelector('.rand-notes').innerHTML = ''
     }
-  }, 150)
+  }, 50)
 
   setTimeout(() => {
     window.location = randomNode.path