Scroll to Change slide added on Featured Post Slider, Typography Updated, Favicon Added, Some CSS bug fixed

12 files changed, 103 insertions, 62 deletions

diff --git a/LICENSE b/LICENSE
index d8bc6ca..b33a9df 100644
--- a/LICENSE
+++ b/LICENSE
@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2020 Themefisher
+Copyright (c) 2021 Themefisher
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of
 this software and associated documentation files (the "Software"), to deal in
diff --git a/assets/js/script.js b/assets/js/script.js
index 3cc239d..fd3cc79 100644
--- a/assets/js/script.js
+++ b/assets/js/script.js
@@ -15,7 +15,8 @@
     });
 
     // featured post slider
-    $('.featured-post-slider').slick({
+    const featuredPostSlider = $(".featured-post-slider");
+    featuredPostSlider.slick({
       infinite: true,
       vertical: true,
       verticalSwiping: true,
@@ -30,6 +31,15 @@
       }]
     });
 
+    featuredPostSlider.on('wheel', (function(e) {
+      e.preventDefault();
+      if (e.originalEvent.deltaY > 0) {
+        $(this).slick('slickNext');
+      } else {
+        $(this).slick('slickPrev');
+      }
+    }));
+
     // venobox initialize
     $('.venobox').venobox();
 
diff --git a/assets/scss/_common.scss b/assets/scss/_common.scss
index 64fbfce..6e6ed29 100644
--- a/assets/scss/_common.scss
+++ b/assets/scss/_common.scss
@@ -119,6 +119,10 @@ a:hover {
 .text-dark {
   color: $text-color-dark !important;
 }
+a.text-dark:focus,
+a.text-dark:hover {
+  color: $primary-color !important;
+}
 
 .text-light {
   color: $text-color-light !important;
diff --git a/assets/scss/_typography.scss b/assets/scss/_typography.scss
index 698a276..d02de6c 100644
--- a/assets/scss/_typography.scss
+++ b/assets/scss/_typography.scss
@@ -2,7 +2,7 @@
 @import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700&display=swap');
 
 body {
-  line-height: 1.2;
+  line-height: 1.4;
   font-family: $primary-font;
   -webkit-font-smoothing: antialiased;
   font-size: 15px;
@@ -17,11 +17,13 @@ p, .paragraph {
   font-family: $primary-font;
 }
 
-h1,h2,h3,h4,h5,h6 {
+.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
   color: $text-color-dark;
-  font-family: $primary-font;
   font-weight: 700;
-  line-height: 1.2;
+  line-height: 1.3 !important;
+  &:not([class^='ti-']) {
+    font-family: $primary-font;
+  }
 }
 
 a{
diff --git a/assets/scss/templates/_main.scss b/assets/scss/templates/_main.scss
index 2d3ebfc..3c91986 100644
--- a/assets/scss/templates/_main.scss
+++ b/assets/scss/templates/_main.scss
@@ -48,12 +48,13 @@
             overflow: hidden;
             width: 1px;
             height: 100%;
+            transition: 0s;
           }
 
           &.slick-active {
             button {
               background: $primary-color;
-              width: 5px;
+              width: 6px;
               left: -2px;
             }
           }
@@ -133,6 +134,14 @@
 }
 
 /* widget */
+.widgets {
+  padding-left: 25px;
+  border-left: 1px solid #eee;
+  @include desktop {
+    padding-left: 0;
+    border-left: 0;
+  }
+}
 .widget {
   text-align: center;
   margin-bottom: 50px;
@@ -331,4 +340,12 @@
 
 }
 
+footer a {
+  @extend .text-dark;
+  &:hover {
+    color: $primary-color !important;
+    text-decoration: underline;
+  }
+}
+
 /* /markdown style */
\ No newline at end of file
diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index 107b251..3426411 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -1,5 +1,5 @@
 ######################## default configuration ####################
-baseURL = "https://examplesite.com"
+baseURL = "https://demo.gethugothemes.com/liva/"
 languageCode = "en-us"
 title = "Liva | Personal blog template"
 theme = "liva-hugo"
@@ -90,7 +90,7 @@ mobile = "0124857985320"
 email = "demo@email.com"
 location = "Dhaka, Bangladedsh"
 # copyright
-copyright = "| copyright © 2020 [Themefisher](https://themefisher.com) All Rights Reserved |"
+copyright = "| copyright © 2021 [Themefisher](https://themefisher.com/hugo-themes/) All Rights Reserved |"
 
   # Preloader
   [params.preloader]
diff --git a/exampleSite/resources/_gen/assets/scss/liva/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.content b/exampleSite/resources/_gen/assets/scss/liva/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.content
new file mode 100644
index 0000000..f8ba946
--- /dev/null
+++ b/exampleSite/resources/_gen/assets/scss/liva/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.content
@@ -0,0 +1,5 @@
+/*!------------------------------------------------------------------
+[MAIN STYLESHEET]
+PROJECT: Project Name
+VERSION: Versoin Number
+-------------------------------------------------------------------*/@import "https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700&display=swap";body{line-height:1.4;font-family:raleway,sans-serif;-webkit-font-smoothing:antialiased;font-size:15px;color:#666}p,.paragraph{font-weight:400;color:#666;font-size:15px;line-height:1.7;font-family:raleway,sans-serif}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#222;font-weight:700;line-height:1.3!important}.h1:not([class^=ti-]),.h2:not([class^=ti-]),.h3:not([class^=ti-]),.h4:not([class^=ti-]),.h5:not([class^=ti-]),.h6:not([class^=ti-]),h1:not([class^=ti-]),h2:not([class^=ti-]),h3:not([class^=ti-]),h4:not([class^=ti-]),h5:not([class^=ti-]),h6:not([class^=ti-]){font-family:raleway,sans-serif}a.h1,a.h2,a.h3,a.h4,a.h5,a.h6{color:#222}h1,.h1{font-size:45px}h2,.h2{font-size:36px}h3,.h3{font-size:28px}h4,.h4{font-size:22px}h5,.h5{font-size:18px}h6,.h6{font-size:16px}.btn{font-size:14px;font-weight:500;font-family:raleway,sans-serif;text-transform:capitalize;padding:10px 15px;border-radius:0;border:1px solid;position:relative;z-index:1;transition:.2s ease}.btn:hover,.btn:active,.btn:focus{outline:0;box-shadow:0!important}.btn-primary{background:#00aaa1;color:#fff;border-color:#00aaa1}.btn-primary:active,.btn-primary:hover,.btn-primary.focus,.btn-primary.active{background:#00aaa1!important;border-color:#00aaa1!important}.btn-outline-primary{background:0 0;color:#222;border-color:#00aaa1}.btn-outline-primary:active,.btn-outline-primary:hover,.btn-outline-primary.focus,.btn-outline-primary.active{background:#00aaa1!important;border-color:#00aaa1!important;color:#fff}body{background-color:#fff;overflow-x:hidden}::selection{background:#00ddd1;color:#fff}.preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:9999;display:flex;align-items:center;justify-content:center}img{vertical-align:middle;border:0;max-width:100%;height:auto}a,a:hover,a:focus{text-decoration:none}a.text-primary:hover{color:#00aaa1!important}a,button,select{cursor:pointer;transition:.2s ease}a:focus,button:focus,select:focus{outline:0}a:hover{color:#00aaa1}.slick-slide{outline:0}.section{padding-top:150px;padding-bottom:150px}.section-sm{padding-top:80px;padding-bottom:80px}.section-title{margin-bottom:30px}.bg-cover{background-size:cover;background-position:50%;background-repeat:no-repeat}.border-primary{border-color:#acb9c4!important}.overlay{position:relative}.overlay::before{position:absolute;content:'';height:100%;width:100%;top:0;left:0;background:#000;opacity:.5}.outline-0{outline:0!important}.d-unset{display:unset!important}.bg-primary{background:#00aaa1!important}.text-primary{color:#00aaa1!important}.text-dark,footer a{color:#222!important}a.text-dark:focus,footer a:focus,a.text-dark:hover,footer a:hover{color:#00aaa1!important}.text-light{color:#959595!important}.text-color{color:#666}.mb-10{margin-bottom:10px!important}.mb-20{margin-bottom:20px!important}.mb-30{margin-bottom:30px!important}.mb-40{margin-bottom:40px!important}.mb-50{margin-bottom:50px!important}.mb-60{margin-bottom:60px!important}.mb-70{margin-bottom:70px!important}.mb-80{margin-bottom:80px!important}.mb-90{margin-bottom:90px!important}.mb-100{margin-bottom:100px!important}.zindex-1{z-index:1}.overflow-hidden{overflow:hidden}.border-primary{border-color:#00aaa1!important}.font-weight-medium{font-weight:500!important}.form-control{height:50px;border-radius:0}.form-control:focus{box-shadow:none;outline:0;border-color:#00aaa1}.form-control::placeholder{font-size:13px}textarea.form-control{height:150px}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background:#00aaa1!important}.nav-item{margin:0}.nav-item .nav-link{text-transform:capitalize}.navbar-white .navbar-nav .nav-link{color:#222}.navbar-white .navbar-nav .nav-link:hover{color:#00aaa1}.navbar-expand-lg .navbar-nav .nav-link{padding:20px}.mobile-view{display:none}@media(max-width:991px){.mobile-view{display:block}}.desktop-view{display:block}@media(max-width:991px){.desktop-view{display:none}}.search-btn{border:0;background:0 0;border-right:1px solid #acb9c4;border-left:1px solid #acb9c4}.search-wrapper{position:absolute;top:0;left:0;right:0;height:100%;z-index:2;visibility:hidden;transition:.2s ease;opacity:0}.search-wrapper.open{visibility:visible;opacity:1}.search-box{height:100%;width:100%;border:0;background:#fff;font-size:20px;padding:0}.search-box:focus{box-shadow:none!important}.search-close{position:absolute;right:5px;top:50%;transform:translateY(-50%);border:0;background:0 0;page-break-after:10px;font-size:20px}.card{border:0;border-radius:0}.card-header,.card-footer,.card-img,.card-img-top{border:0;border-radius:0}.featured-post .card-title{margin-left:-10%}@media(max-width:767px){.featured-post .card-title{margin-left:0;font-size:30px}}@media screen and (min-width:600px){.featured-post-slider .slick-dots{position:absolute;height:100%;right:0;top:0;display:flex;flex-direction:column}.featured-post-slider .slick-dots li{flex:auto;position:relative;list-style-type:none}.featured-post-slider .slick-dots li button{position:absolute;padding:0;border:0;background:#acb9c4;color:transparent;overflow:hidden;width:1px;height:100%;transition:0s}.featured-post-slider .slick-dots li.slick-active button{background:#00aaa1;width:6px;left:-2px}}@media screen and (max-width:599px){.featured-post-slider .slick-dots{position:absolute;height:5px;width:100%;right:0;bottom:-40px;display:flex;padding:0}.featured-post-slider .slick-dots li{flex:auto;position:relative;list-style-type:none;width:100%;height:100%}.featured-post-slider .slick-dots li button{position:absolute;padding:0;border:0;background:#acb9c4;color:transparent;overflow:hidden;width:100%;height:1px}.featured-post-slider .slick-dots li.slick-active button{background:#00aaa1;top:-2px;height:5px}}.post-meta span{color:#444;font-weight:500}.recent-post-thumb{height:100px;width:100px;border-radius:50%;background-position:50%;background-size:cover;background-repeat:no-repeat}.small-post-border:not(:last-child){border-right:1px solid #acb9c4}@media(max-width:991px){.small-post-border:not(:last-child){border-right:0;border-bottom:1px solid #acb9c4;margin-bottom:20px;padding-bottom:20px}}.widgets{padding-left:25px;border-left:1px solid #eee}@media(max-width:991px){.widgets{padding-left:0;border-left:0}}.widget{text-align:center;margin-bottom:50px}.widget-title{display:inline-block;border-top:.5px solid #00aaa1;border-bottom:.5px solid #00aaa1;padding:10px 0;margin-bottom:20px}.widget li{margin-bottom:10px}.widget li a{color:#666}.widget li a:hover{color:#00aaa1}.social-links li a{height:35px;width:35px;background:#00aaa1;color:#fff;display:block;line-height:35px}.social-links li a:hover{color:#fff}.pagination{justify-content:center}.pagination .page-item .page-link{display:inline-block;width:40px;height:40px;text-align:center;color:#00aaa1;border-top:0;border-bottom:0}.pagination .page-item .page-link:hover{background:#00aaa1;color:#fff}.pagination .page-item:first-child .page-link,.pagination .page-item:last-child .page-link{border-radius:0}.pagination .page-item.active .page-link{background:#fff;color:#666;border:1px solid #00aaa1}.author-thumb-sm{max-height:165px;max-width:165px}.content *{margin-bottom:20px}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{margin-bottom:10px}.content ol{padding-left:20px}.content ul{padding-left:0}.content ul li{position:relative;padding-left:20px;margin-bottom:15px;list-style-type:none}.content ul li::before{position:absolute;content:"\e71b";font-family:themify;font-size:14px;left:0;top:1px;color:#00aaa1;transition:.3s ease}.content table{text-align:left;width:100%;max-width:100%;margin-bottom:1rem;border:1px solid #dee2e6}.content table th,.content table td{padding:.75rem;vertical-align:top;border:1px solid #dee2e6}.content table thead{background:#eaf9ff}.content table tbody{background:#f4fcff}.content table tbody td{text-align:left!important}.content blockquote{padding:20px;background:#f4fcff;border-left:3px solid #00aaa1}.content blockquote p{margin-bottom:0;color:#222;font-style:italic!important}.content pre{padding:10px 20px;background:#f4fcff}.content pre code{border:0;background:0 0;padding:0}.content a{color:#00aaa1}.content a:hover{text-decoration:underline}.content code{padding:3px 5px;background:#f4fcff;border:1px solid #acb9c4;border-radius:3px;color:#222}footer a:hover{color:#00aaa1!important;text-decoration:underline}
\ No newline at end of file
diff --git a/exampleSite/resources/_gen/assets/scss/liva/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.json b/exampleSite/resources/_gen/assets/scss/liva/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.json
new file mode 100644
index 0000000..57e7918
--- /dev/null
+++ b/exampleSite/resources/_gen/assets/scss/liva/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.json
@@ -0,0 +1 @@
+{"Target":"scss/style.min.css","MediaType":"text/css","Data":{}}
\ No newline at end of file
diff --git a/exampleSite/static/images/favicon.png b/exampleSite/static/images/favicon.png
new file mode 100644
index 0000000..3a1f407
--- /dev/null
+++ b/exampleSite/static/images/favicon.png
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 2b8aa03..3fcc85c 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -20,7 +20,7 @@
 </section>
 {{ end }}
 
-<footer>
+<footer class="text-capitalize">
   <div class="container">
     <div class="row justify-content-center">
       <div class="col-12 text-center mb-5">
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 5f6151d..c6193dc 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -6,7 +6,7 @@
       <a class="navbar-brand mobile-view" href="{{ .Site.BaseURL }}"><img class="img-fluid"
           src="{{ .Site.Params.logo | absURL }}" alt="{{ .Site.Title }}"></a>
       <button class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navigation">
-        <i class="ti-menu h3"></i>
+        <i class="ti-menu"></i>
       </button>
 
       <div class="collapse navbar-collapse text-center" id="navigation">
diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html
index 1abf51b..d65e9cd 100644
--- a/layouts/partials/sidebar.html
+++ b/layouts/partials/sidebar.html
@@ -1,56 +1,58 @@
 <div class="col-lg-4">
-  <!-- about -->
-  <div class="widget">
-    {{ with .Site.GetPage "/about" }}
-    <h4 class="widget-title">{{ .Title | markdownify }}</h4>
-    {{ if .Params.Image }}
-    <img src="{{ .Params.Image | absURL }}" alt=""
-      class="img-fluid author-thumb-sm d-block mx-auto rounded-circle mb-4">
-    {{ end }}
-    <p>{{ .Summary }}</p>
-    <a href="{{ .Permalink }}" class="btn btn-outline-primary">Know More</a>
-    {{ end }}
-  </div>
-  <!-- category -->
-  <div class="widget">
-    <h4 class="widget-title">Category</h4>
-    {{- if isset .Site.Taxonomies "categories" }}
-    {{- if not (eq (len .Site.Taxonomies.categories) 0) }}
-    <ul class="list-unstyled">
-      {{- range $name, $items := .Site.Taxonomies.categories }}
-      <li><a
-          href="{{ `categories/` | relLangURL }}{{ $name | urlize | lower }}">{{ $name | title | humanize }}</a>
-      </li>
+  <div class="widgets">
+    <!-- about -->
+    <div class="widget">
+      {{ with .Site.GetPage "/about" }}
+      <h4 class="widget-title">{{ .Title | markdownify }}</h4>
+      {{ if .Params.Image }}
+      <img src="{{ .Params.Image | absURL }}" alt=""
+        class="img-fluid author-thumb-sm d-block mx-auto rounded-circle mb-4">
+      {{ end }}
+      <p>{{ .Summary }}</p>
+      <a href="{{ .Permalink }}" class="btn btn-outline-primary">Know More</a>
+      {{ end }}
+    </div>
+    <!-- category -->
+    <div class="widget">
+      <h4 class="widget-title">Category</h4>
+      {{- if isset .Site.Taxonomies "categories" }}
+      {{- if not (eq (len .Site.Taxonomies.categories) 0) }}
+      <ul class="list-unstyled">
+        {{- range $name, $items := .Site.Taxonomies.categories }}
+        <li><a
+            href="{{ `categories/` | relLangURL }}{{ $name | urlize | lower }}">{{ $name | title | humanize }}</a>
+        </li>
+        {{- end }}
+      </ul>
       {{- end }}
-    </ul>
-    {{- end }}
-    {{- end }}
-  </div>
-  <!-- Tags -->
-  <div class="widget">
-    <h4 class="widget-title">Tag</h4>
-    {{- if isset .Site.Taxonomies "tags" }}
-    {{- if not (eq (len .Site.Taxonomies.tags) 0) }}
-    <ul class="list-inline">
-      {{- range $name, $items := .Site.Taxonomies.tags }}
-      <li class="list-inline-item"><a class="d-block p-2 bg-primary text-white"
-          href="{{ `tags/` | relLangURL }}{{ $name | urlize | lower }}">{{ $name | humanize }}</a></li>
       {{- end }}
-    </ul>
-    {{- end }}
-    {{- end }}
-  </div>
-  <!-- social -->
-  <div class="widget">
-    <h4 class="widget-title">Social</h4>
-    <ul class="list-inline social-links">
-      {{ range .Site.Params.social }}
-      <li class="list-inline-item"><a href="{{ .link | safeURL }}"><i class="{{ .icon }}"></i></a></li>
-      {{ end }}
-    </ul>
-  </div>
-  <!-- advertisement -->
-  <div class="widget">
-    <img src="{{`images/promotion.png` | absURL}}" alt="" class="img-fluid">
+    </div>
+    <!-- Tags -->
+    <div class="widget">
+      <h4 class="widget-title">Tag</h4>
+      {{- if isset .Site.Taxonomies "tags" }}
+      {{- if not (eq (len .Site.Taxonomies.tags) 0) }}
+      <ul class="list-inline">
+        {{- range $name, $items := .Site.Taxonomies.tags }}
+        <li class="list-inline-item"><a class="d-block p-2 bg-primary text-white"
+            href="{{ `tags/` | relLangURL }}{{ $name | urlize | lower }}">{{ $name | humanize }}</a></li>
+        {{- end }}
+      </ul>
+      {{- end }}
+      {{- end }}
+    </div>
+    <!-- social -->
+    <div class="widget">
+      <h4 class="widget-title">Social</h4>
+      <ul class="list-inline social-links">
+        {{ range .Site.Params.social }}
+        <li class="list-inline-item"><a href="{{ .link | safeURL }}"><i class="{{ .icon }}"></i></a></li>
+        {{ end }}
+      </ul>
+    </div>
+    <!-- advertisement -->
+    <div class="widget">
+      <img src="{{`images/promotion.png` | absURL}}" alt="" class="img-fluid">
+    </div>
   </div>
 </div>