Change theme

8 files changed, 87 insertions, 67 deletions

diff --git a/layouts/page/single.html b/layouts/page/single.html
index 2b698e5..f92624c 100644
--- a/layouts/page/single.html
+++ b/layouts/page/single.html
@@ -1,6 +1,6 @@
 {{ partial "head" . }}
-<div class="container p-a-0">
-  <div class="row m-l-0 m-r-0">
+<div class="container p-b-2">
+  <div class="row">
     <div class="col-xs-12 col-md-9 post-container">
       {{ .Render "single.content" }}
     </div>
diff --git a/layouts/partials/base/footer.html b/layouts/partials/base/footer.html
index cee7eb2..6d79b5e 100644
--- a/layouts/partials/base/footer.html
+++ b/layouts/partials/base/footer.html
@@ -1,4 +1,4 @@
-<footer class="footer">
+<footer class="footer text-white bg-info">
   <div class="container">
     <div class="row">
       <div class="col-xs-12 col-md-9">
@@ -9,7 +9,7 @@
         <p class="text-xs-center  m-a-0 p-a-0">
           {{ $footerMenuLen := len .Site.Menus.footer}} {{ if gt $footerMenuLen 0 }} {{ range $k, $v := .Site.Menus.footer }}
           <span class="p-l-1 p-r-1">
-                <a href="{{.URL}}">{{ .Name }}</a>
+                <a href="{{.URL}}" class="text-capitalize no-decoration text-white">{{ .Name }}</a>
               </span>
               {{ if lt $k (sub $footerMenuLen 1) }}&middot;{{ end }} {{ end }} {{ end }}
         </p>
diff --git a/layouts/partials/base/header.html b/layouts/partials/base/header.html
index 85852cf..fb24636 100644
--- a/layouts/partials/base/header.html
+++ b/layouts/partials/base/header.html
@@ -1,23 +1,20 @@
-<nav class="navbar navbar-expand-md navbar-light blog-header">
-  <div class="container">
-    <button class="navbar-toggler" type="button" data-toggle="collapse"
-        data-target="#exCollapsingNavbar2"
-        aria-controls="exCollapsingNavbar2" aria-expanded="false" aria-label="Toggle navigation">
-      &#9776;
-    </button>
-    <div class="collapse navbar-collapse" id="exCollapsingNavbar2">
-      <a class="navbar-brand" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
-      <ul class="nav navbar-nav">
-        {{ $currentNode := . }}
-        {{ range .Site.Menus.main }}
-          <li class="nav-item">
-          <a class="nav-link menu-item" href="{{.URL}}">
-              {{ .Pre }}
-              <span>{{ .Name }}</span>
-          </a>
-        </li>
-        {{end}}
-      </ul>
-    </div>
+<nav class="navbar navbar-expand-md fixed-top site-navbar bg-info">
+    <a class="navbar-brand text-white" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
+  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar2" aria-controls="exCollapsingNavbar2"
+    aria-expanded="false" aria-label="Toggle navigation">
+    &#9776;
+  </button>
+  <div class="collapse navbar-collapse" id="exCollapsingNavbar2">
+    
+    <ul class="nav navbar-nav ml-auto">
+      {{ $currentNode := . }} {{ range .Site.Menus.main }}
+      <li class="nav-item">
+        <a class="nav-link menu-item" href="{{.URL}}">
+          {{ .Pre }}
+          <span class="text-capitalize no-decoration text-white">{{ .Name }}</span>
+        </a>
+      </li>
+      {{end}}
+    </ul>
   </div>
 </nav>
\ No newline at end of file
diff --git a/layouts/partials/content/title-banner.html b/layouts/partials/content/title-banner.html
index 4d8c140..90c44b9 100644
--- a/layouts/partials/content/title-banner.html
+++ b/layouts/partials/content/title-banner.html
@@ -2,8 +2,10 @@
 <a href="{{ .Permalink }}" itemprop="url">
     {{if or (in (substr .Params.banner 0 7) "http://") (in (substr .Params.banner 0 8) "https://")}}
       <img src="{{ .Params.banner }}" class="img-fluid" alt="Generic responsive image">
-    {{ else }}
+    {{ else if  (in (substr .Params.banner 0 1) "/" ) }}
       <img src="{{ .Params.banner | relURL }}" class="img-fluid" alt="Generic responsive image">
+    {{ else }}
+      <img src="{{ .Permalink }}{{ .Params.banner }}" class="img-fluid" alt="Generic responsive image">
     {{end}}
 </a>
 {{ end }}
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 09d9d29..3e007c6 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -5,7 +5,7 @@
   <title>{{ .Title }} {{ if ne .Title .Site.Title }} &middot; {{ .Site.Title }}{{ end }}</title>
   {{ partial "base/metas" . }}
 
-  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha256-QUyqZrt5vIjBumoqQV0jM8CgGqscFfdGhN+nVCqX0vc=" crossorigin="anonymous" />
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha256-eZrrJcwDc/3uDhsdt61sL2oOBY362qM3lon1gyExkL0=" crossorigin="anonymous" />
   
 
diff --git a/layouts/partials/homepage.html b/layouts/partials/homepage.html
index 991147e..aad1866 100644
--- a/layouts/partials/homepage.html
+++ b/layouts/partials/homepage.html
@@ -1,4 +1,4 @@
-  <div class="container p-a-0">
+  <div class="container">
     {{ if isset .Site.Params.showBlogHeader true }}
       <div class="row">
         <header>
diff --git a/layouts/partials/widgets/recent_articles.html b/layouts/partials/widgets/recent_articles.html
index f376aa9..1207d41 100644
--- a/layouts/partials/widgets/recent_articles.html
+++ b/layouts/partials/widgets/recent_articles.html
@@ -1,6 +1,6 @@
-{{ if .Site.Params.recent_articles.categories }}
+{{ if .Site.Params.widgets.recent_articles }}
 <div class="card card-block">
-  <h4 class="card-title">RECENTS</h4>
+  <h4 class="card-title">RECENT POSTS</h4>
   <div class="card-text">
     <div class="widget">
       <ul id="recent-post">
@@ -12,9 +12,12 @@
                   {{if or (in (substr .Params.banner 0 7) "http://") (in (substr .Params.banner 0 8) "https://")}}
                   <span style="background-image:url({{ .Params.banner }})"
                     alt="{{ .Title | markdownify }}" class="thumbnail-image"></span>
-                  {{ else }}
+                  {{ else if  (in (substr .Params.banner 0 1) "/" ) }}
                   <span style="background-image:url({{ .Params.banner | relURL }})"
                     alt="{{ .Title | markdownify }}" class="thumbnail-image"></span>
+                  {{ else }}
+                  <span style="background-image:url({{ .Permalink }}{{ .Params.banner }})"
+                    alt="{{ .Title | markdownify }}" class="thumbnail-image"></span>
                   {{end}}
               {{else}}
                   <span class="thumbnail-image thumbnail-none"></span>
diff --git a/static/assets/css/style.css b/static/assets/css/style.css
index dca7d35..4ed2960 100644
--- a/static/assets/css/style.css
+++ b/static/assets/css/style.css
@@ -1,79 +1,101 @@
+@import url('https://fonts.googleapis.com/css?family=Open+Sans');
+@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro:300');
 
-body {
-  /* Margin bottom by footer height */
-  margin-bottom: 100px;
-}
 html {
   position: relative;
   min-height: 100%;
 }
 
+body {
+  font-family: 'Open Sans', sans-serif;  
+  padding-top: 4rem;
+  /* Margin bottom by footer height */
+  margin-bottom: 100px;
+  padding-bottom: 2rem;
+}
+
+/*Sticky footer*/
 .footer {
   position: absolute;
   bottom: 0;
   width: 100%;
   /* Set the fixed height of the footer here */
   height: 100px;
-  font-size: 0.8em;
-  padding-top: 2em;
 }
 
-.blog-masthead {
-  margin-bottom: 3rem;
-  background-color: #428bca;
-  -webkit-box-shadow: inset 0 -.1rem .25rem rgba(0, 0, 0, .1);
-  box-shadow: inset 0 -.1rem .25rem rgba(0, 0, 0, .1);
-}
-.navbar-light .navbar-nav .nav-link {
-  padding: 0.5rem;
-  color: rgba(0, 0, 0, 0.9);
+code {
+  font-family: 'Source Code Pro', monospace;
+  font-weight: 300;  
+  font-size: 0.8rem;
 }
-.blog-header {
-  margin-bottom: 1rem;
-  background-color: #fff !important;
+
+iframe {
+  max-width: 100%;
 }
-h1.post-title {
+
+.no-decoration {
   text-decoration: none;
-  margin-top: 0.75em;
-  margin-bottom: 0px;
 }
-h1.post-title a{
-  text-decoration: none;
+
+.site-navbar div ul li {
+  line-height: 1;
+  margin-left: 1em;
+  padding-left: 1em;
+  font-size: 0.9rem;
 }
+
+
+
+
 .post-meta {
   margin-bottom: 1rem;
   display: table;
   font-size: 0.8rem;
   color: rgba(0, 0, 0, 0.6);
   text-transform: uppercase;
-  ;
 }
+
 .post-meta-item {
   margin-right: 10px;
   float: left;
 }
+
 .post-meta-item > a {
   text-decoration: none;
   color: rgba(0, 0, 0, 0.6);
 }
-.post-more-link {
-  margin-top: 0px;
+
+.blog-masthead {
+  margin-bottom: 3rem;
+  background-color: #428bca;
+  -webkit-box-shadow: inset 0 -.1rem .25rem rgba(0, 0, 0, .1);
+  box-shadow: inset 0 -.1rem .25rem rgba(0, 0, 0, .1);
 }
 
-pre code {
-  font-family: "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace;
+.navbar-light .navbar-nav .nav-link {
+  padding: 0.5rem;
+  color: rgba(0, 0, 0, 0.9);
 }
 
-/* Responsive video? */
+.blog-header {
+  margin-bottom: 1rem;
+}
 
-iframe {
-  max-width: 100%;
+h1.post-title a{
+  text-decoration: none;
 }
+
+.post-more-link {
+  margin-top: 0px;
+}
+
+/* Responsive video? */
 .sidebar > .card {
   -webkit-box-shadow: inset 0 0 0 0px rgba(0, 0, 0, .125);
   box-shadow: inset 0 0 0 0px rgba(0, 0, 0, .125);
   background-color: inherit;
   border: 0px;
+  padding-bottom: 1.5rem;
 }
 .sidebar > .card-block {
   padding-left: 0px;
@@ -214,11 +236,7 @@ iframe {
   opacity: 0.8;
 }
 
-.post-container {
-  background-color: #fff;
-  margin-bottom: 1rem;
-  padding-top: 1rem;
-}
+
 
 img.post-thumbnail{
     vertical-align: middle;