From 069ee78e5a3a2e7f0a0a56c58e5f7cb62d8ac8d9 Mon Sep 17 00:00:00 2001
From: streetturtle <streetturtle@gmail.com>
Date: Sun, 16 Sep 2018 19:15:32 -0400
Subject: [PATCH] more improvements

---
 _includes/footer.html | 16 ++++++++++------
 _layouts/page.html    |  5 +++--
 assets/css/style.scss | 29 +++++++++++++++++++++++++++--
 assets/js/init.js     |  3 +++
 4 files changed, 43 insertions(+), 10 deletions(-)

diff --git a/_includes/footer.html b/_includes/footer.html
index a972f88..2187426 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -3,13 +3,17 @@
         <div class="container">
             <!--Made by <a class="orange-text text-lighten-3" href="http://github.com/streetturtle">Pavel Makhov</a>-->
             <span>Made with
-                <a class="grey-text text-lighten-4" href="http://materializecss.com/"
-                   title="MaterializeCSS"><img
-                        src="{{'/assets/img/materialize-logo.png' | relative_url }}"></a> and
-                <a class="grey-text text-lighten-4" href="https://jekyllrb.com/" title="Jekyll"><img
-                        src="{{'/assets/img/jekyll-logo.png' | relative_url }}"></a>
+                <a href="http://materializecss.com/"
+                   title="MaterializeCSS"
+                   target="_blank"><img
+                        src="{{'/assets/img/materialize-logo.png' | relative_url }}"
+                        class="materialcss-icon"></a>,
+                <a href="https://jekyllrb.com/" title="Jekyll" target="_blank"><img
+                        src="{{'/assets/img/jekyll-logo.png' | relative_url }}" class="jekyll-icon"></a>and
+                <a href="https://open.spotify.com/user/11133734108/playlist/2431O2512ZRN5OQb0NmokO?si=vwfSWeGBRv6opdJ_V6nvbQ"
+                   title="Spotify Playlist" target="_blank"><i class="fa fa-spotify fa-2x" style="color: #1db954"></i></a>
             </span>
-            <span class="right">Pavel Makhov © 2018</span>
+            <span class="right cprght">Pavel Makhov © 2018</span>
         </div>
     </div>
 </footer>
diff --git a/_layouts/page.html b/_layouts/page.html
index 0af148b..f80f8db 100644
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -16,7 +16,8 @@
                             style="font-family: awesomewm-font; font-weight: 100;">awesome wm</span></a>
                 </div>
                 <div id="description" class="header center white-text">
-                    Set of widgets for Awesome Window Manager
+                    <span><i class="fa fa-exclamation-triangle" style="color: yellow"></i> This page is under construction</span>
+                    <!--Set of widgets for Awesome Window Manager-->
                 </div>
             </div>
             <div id="particles-js"></div>
@@ -28,7 +29,7 @@
     {% include github-corner.html %}
 
     <ul class="sidenav sidenav-fixed" style="transform: translateX(0px);">
-        <li><a class="white-text active" href="#tabMain">Awesome WM Widgets</a></li>
+        <li class="active"><a class="white-text active" href="#tabMain">Awesome WM Widgets</a></li>
 
         {% for widget in site.widgets %}
         <li class="tab col s2 ">
diff --git a/assets/css/style.scss b/assets/css/style.scss
index ddca393..245f839 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -65,6 +65,11 @@ main {
   color: white;
 }
 
+footer {
+  padding-top: 0 !important;
+  padding-bottom: 12px;
+}
+
 .sidenav {
   background-color: #202020;
   color: white;
@@ -100,8 +105,23 @@ main {
   transition: all 2s linear;
 }
 
-.footer-copyright img {
-  height: 20px;
+.footer-copyright {
+  .jekyll-icon {
+    height: 30px;
+  }
+
+  .materialcss-icon {
+    height: 22px;
+    padding: 0 4px;
+  }
+  .fa-spotify {
+    padding: 0 6px;
+  }
+
+  .cprght {
+    padding-top: 12px;
+  }
+
 }
 
 main {
@@ -167,3 +187,8 @@ header, main, footer {
 ::-webkit-scrollbar-thumb:hover {
   background: #202020;
 }
+
+img {
+  max-width: 100%;
+  height: auto;
+}
diff --git a/assets/js/init.js b/assets/js/init.js
index 32a49b3..842b6dc 100644
--- a/assets/js/init.js
+++ b/assets/js/init.js
@@ -35,6 +35,9 @@ $(document).ready(function(){
         var target_tab_selector = $(this).attr('href');
         $(target_tab_selector).removeClass('hide');
         $(target_tab_selector).addClass('active fade-in');
+
+        // var instance = M.Sidenav.getInstance(document.querySelector('.sidenav'));
+        // instance.close();
     });
 
     var hash = window.location.hash;