add ko-fi widget

layouts/_default/single.html

@@ -159,7 +159,7 @@
 
   // To set height of sticky sidebar dynamically
   let stickySideBarElem = document.getElementById("stickySideBar");
-  let stickyNavBar = {{ .Site.Params.navbar.stickyNavBar.enable | default false }};
+  let stickyNavBar = "{{ .Site.Params.navbar.stickyNavBar.enable | default false }}";
   if(stickyNavBar) {
     let headerElem = document.getElementById("profileHeader");
     let headerHeight = headerElem.offsetHeight + 15;
@@ -195,6 +195,19 @@
       }
   }
 </script>
+
+{{ if .Site.Params.kofi.enable | default true }}
+<script src='https://storage.ko-fi.com/cdn/scripts/overlay-widget.js'></script>
+<script>
+  kofiWidgetOverlay.draw('{{ .Site.Params.kofi.handle | default "kovasky" }}', {
+    'type': 'floating-chat',
+    'floating-chat.donateButton.text': '{{ .Site.Params.kofi.buttonText | default "Support me" }}',
+    'floating-chat.donateButton.background-color': '#f45d22',
+    'floating-chat.donateButton.text-color': '#fff'
+  });
+</script>
+{{ end }}
+
 <!-- {{ if or (.Site.Params.singlePages.readTime.enable | default true) (.Params.enableReadingTime) }}
 <script src="{{.Site.Params.staticPath}}/js/readingTime.js"></script>
 {{end}} -->