Ko-fi donate option

Author: hellenicdev

README.md

@@ -51,3 +51,5 @@ My goal with HellenicDev is to create useful, accessible, and open-source projec
 [![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/CSS)
 [![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
 [![Python](https://img.shields.io/badge/Python-3776AB?style=for-the-badge&logo=python&logoColor=white)](https://www.python.org/)
+
+[![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/S6S31XB030)

index.html

@@ -1184,5 +1184,7 @@ <h2 class="left-align"> HellenicDev Updates: </h2>
 </footer>
 
 <script src="script.js" defer></script>
+<script src='https://storage.ko-fi.com/cdn/scripts/overlay-widget.js' defer></script>
+
 </body>
 </html>

script.js

@@ -129,4 +129,11 @@ menuButton.onclick = () => {
   } else {
     sideMenu.style.left = "0px";
   }
-};
+};
+
+  kofiWidgetOverlay.draw('hellenicdev', {
+    'type': 'floating-chat',
+    'floating-chat.donateButton.text': 'Donate',
+    'floating-chat.donateButton.background-color': '#5bc0de',
+    'floating-chat.donateButton.text-color': '#323842'
+  });