Make WidgetBot Great Again!

manuscript/extras/javascript/discord.js

@@ -1,11 +1,16 @@
-<script src="https://cdn.jsdelivr.net/npm/@widgetbot/crate@3" async defer>
-  const button = new Crate({
-    server: '396055506072109067',
-    channel: '396055506663374849',
-    color: '#795548',
-    indicator: false,
-    notifications: true
-  })
+new Crate({
+  server: '396055506072109067',
+  channel: '396055506663374849',
+  color: 'black',
+  indicator: false,
+  notifications: true,
+  indicator: true,
+  timeout: 5000
+})
 
-  button.notify('Need a 🤚? Hot sweaty geeks are waiting to chat to you! Click 👇')
-</script>
+// Display for 10 seconds + custom avatar
+crate.notify({
+  content: 'Need a 🤚? Hot, sweaty geeks are waiting to chat to you! Click 👇',
+  timeout: 5000,
+  avatar: 'https://avatars2.githubusercontent.com/u/1524686?s=400&v=4'
+})

mkdocs.yml

@@ -195,7 +195,7 @@ theme:
   favicon: 'images/site-logo.svg'
   features:
       - navigation.tabs
-      - navigation.instant
+      - navigation.instant 
       - navigation.tabs.sticky 
   icon:
     repo: 'fontawesome/brands/github'

overrides/main.html

@@ -23,7 +23,9 @@
 
 
 {% block analytics %}
-<!-- RightMessage -->
+<script src="https://cdn.jsdelivr.net/npm/@widgetbot/crate@3" async defer>
+</script>
+<!-- RightMessage 
 <script type="text/javascript"> 
 (function(p, a, n, d, o, b, c) {
     o = n.createElement('script'); o.type = 'text/javascript'; o.async = true; o.src = 'https://tb.rightmessage.com/'+p+'.js';
@@ -32,5 +34,5 @@
         b.parentNode.insertBefore(c, b); return c; }; c = d('', '-hidden', ''); d('-stay-invisible', '-stay-hidden', '-stay');
     setTimeout(o.onerror = function() { c.parentNode && c.parentNode.removeChild(c); }, a); b.parentNode.insertBefore(o, b);
 })('1802694484', 20000, document);
-</script>
+</script> -->
   {% endblock %}