add support section

_layouts/page.html

@@ -27,11 +27,9 @@
     {% include github-corner.html %}
 
     <ul class="sidenav sidenav-fixed" style="transform: translateX(0px);">
-        <li class="tab col s2"><a class="tab white-text" href="#tabMain">Awesome WM Widgets</a></li>
-        <li><div class="divider"></div></li>
-
         <ul class="collapsible collapsible-accordion">
-            
+            <li class="tab col s2"><a class="tab white-text" href="#tabMain">Awesome WM Widgets</a></li>
+            <li><div class="divider"></div></li>    
             <li>
                 <a class="collapsible-header">Widgets</a>
                 <div class="collapsible-body">

_main/main.md

@@ -4,4 +4,15 @@ layout: page
 
 # Awesome WM Widgets
 
-This is a project page of the github repo with set of widgets for Awesome Window Manager
+This is a project page of the github [repo](https://github.com/streetturtle/awesome-wm-widgets) with set of widgets for Awesome Window Manager plus few articles on widget creation/customization.
+
+# Installation
+
+Clone repository under ~/.config/awesome folder. Then follow a README file of the widget.
+
+# Support
+
+If you find anything useful here, you can:
+ - star a repo - this really motivates me work on this project
+ - or <a class="social-link" href="https://www.buymeacoffee.com/streetturtle"><img style="display:inline" src="https://img.shields.io/badge/-buy%20me%20a%20coffee-3B4252?style=flat&logo=Buy-Me-A-Coffee"></a>
+ - or even become a [sponsor](https://github.com/sponsors/streetturtle)

assets/js/init.js

@@ -44,7 +44,7 @@ $(document).ready(function(){
 
         //hide displaying tab content
         $(active_tab_selector).removeClass('active fade-in');
-        $(active_tab_selector).addClass('hide ');
+        $(active_tab_selector).addClass('hide');
 
         //show target tab content
         let target_tab_selector = $(this).attr('href');