Re-upload files

author: Jeremiah Succeed <ikwuje24@gmail.com> 2018-12-28 15:56:37 +0300
committer: GitHub <noreply@github.com> 2018-12-28 15:56:37 +0300
commit: bc3b59fd459be92483fe0d7e20a8169a3ec1543d (patch)
tree: b7ab6f32a385ba6531202930e2f0905a1a336278
parent: f99aeb3c3156f1845fe5da35f896ecbb82aa5fb0 (diff)
26 files changed, 1024 insertions, 858 deletions
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..624b3f3
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright (c) 2018 YOUR_NAME_HERE
+
+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
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/README.md b/README.md
index f019496..081ffcd 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,4 @@
-# hugo-onepress
-A minimal and responsive website theme for Hugo static site generator
+# onepress
+A minimal and responsive website theme for Hugo static site generator
+
+Stage under developement.
diff --git a/archetypes/default.md b/archetypes/default.md
index 17a3207..95fb080 100644
--- a/archetypes/default.md
+++ b/archetypes/default.md
@@ -1,5 +1,5 @@
----
-title: "{{ replace .TranslationBaseName "-" " " | title }}"
-date: {{ .Date }}
-draft: true
----
++++
+title = "{{ replace .TranslationBaseName "-" " " | title }}"
+date = {{ .Date }}
+draft = true
++++
diff --git a/archetypes/post.md b/archetypes/post.md
new file mode 100644
index 0000000..13fb754
--- /dev/null
+++ b/archetypes/post.md
@@ -0,0 +1,8 @@
++++
+title = "{{ replace .TranslationBaseName "-" " " | title }}"
+date = {{ .Date }}
+tags = []
+description = ""
+featuredImage = ""
+draft = true
++++
diff --git a/layouts/404.html b/layouts/404.html
index e98d890..b320fd6 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -1,10 +1,10 @@
-{{ define "main" }}
-<article class="post">
-    <header>
-        <h1>{{ .Site.Params.title404 | default "404 - Page not found" }}</h1>
-        <h3>{{ .Site.Params.subtitle404 | default "The content you're looking for doesn't seem to exist." }}</h3>
-    </header>
-
-    {{ partial "latest-posts.html" . }}
-</article>
-{{ end }}
+{{ define "main" }}
+<article class="post">
+    <header>
+        <h1>{{ .Site.Params.title404 | default "404 - Page not found" }}</h1>
+        <h3>{{ .Site.Params.subtitle404 | default "The content you're looking for doesn't seem to exist." }}</h3>
+    </header>
+
+    {{ partial "latest-posts.html" . }}
+</article>
+{{ end }}
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 7cf9586..cbffa94 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -1,26 +1,38 @@
-<!DOCTYPE html>
-<html lang="{{ .Site.LanguageCode | default "en" }}">
-	<head>
-    {{ partial "head.html" . }}
-    </head>
-<body>
-	  <header class="header">
-			{{ partial "brand.html" . }}
-		</header>
-    <nav class="main-nav">
-        {{ partial "nav.html" . }}
-    </nav>
-    <div id="site-wrapper">
-        <main>
-            {{ block "main" . }} {{ end }}
-        </main>
-        <aside class="desktop-only">
-            {{ block "widgets" . }}{{ end }}
-            {{ partial "footer.html" . }}
-        </aside>
-        {{ partial "footer.html" . }}
-    </div>   
-    
-    {{ partial "js.html" . }}
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="{{ .Site.LanguageCode | default "en" }}">
+	<head>
+    {{ partial "head.html" . }}
+    </head>
+<body>
+	  <header class="header">
+			{{ partial "brand.html" . }}
+		</header>
+    <nav class="main-nav">
+        {{ partial "nav.html" . }}
+    </nav>
+    
+    <!-- show sidebar if widgets param is set to true -->
+    {{ if .Site.Params.widgets }}
+    <div id="site-wrapper">
+        <main>
+            {{ block "main" . }} {{ end }}
+        </main>
+            <!-- show widget on larger screen -->
+            <aside class="desktop-only">
+                {{ block "widgets" . }}{{ end }}
+                {{ partial "footer.html" . }}
+            </aside>
+        {{ partial "footer.html" . }}
+    </div>
+    {{ else }}
+    <!-- no sidebar, content centered to screen -->
+        <div id="site-wrapper-centered">
+            <main class="center">
+                {{ block "main" . }} {{ end }}
+            </main>
+            {{ partial "footer.html" . }}
+        </div>
+    {{ end }}
+    {{ partial "js.html" . }}
+</body>
+</html>
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index b8f241d..b803d52 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -1,8 +1,8 @@
-{{ define "main" }}
-	{{ partial "post-list.html"  . }}
-	{{ partial "pagination.html" . }}
-{{ end }}
-
-{{ define "widgets" }}
-	{{ partial "widgets.html" . }}
-{{ end }}
+{{ define "main" }}
+	{{ partial "post-list.html"  . }}
+	{{ partial "pagination.html" . }}
+{{ end }}
+
+{{ define "widgets" }}
+	{{ partial "widgets.html" . }}
+{{ end }}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 9a5d520..c78f619 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,29 +1,37 @@
-{{ define "main" }}
-  <article class="single">
-    <h1>{{ .Title }}</h1>
-    <section class="extras">
-      <small class="time"> {{ .Date.Format "January 2, 2006" }} </small>
-      <br>
-      {{ with .Params.tags }}
-      {{ if ge (len .) 1 }}
-          {{ range . }}
-              <a href="{{ printf "tags/%s" (. | urlize) | absURL }}">{{ . }}</a>
-          {{ end }}
-      {{ end }}
-      {{ end}}
-    </section>
-    <section class="description">
-      {{ .Description }}
-    </section>
-    <section id="content" class="body">
-        {{ .Content }}
-    </section>  
-  </article>
-  {{ partial "share.html" . }} 
-  {{ partial "author.html" . }}
-  {{ partial "discuss.html" . }}
-{{ end }}
-
-{{ define "widgets" }}
-	{{ partial "widgets.html" . }}
-{{ end }}
+{{ define "main" }}
+  <article class="single">
+    <h1>{{ .Title }}</h1>
+    <section class="extras">
+        <span class="tags">
+          <small class="time">{{ .Date.Format "January 2, 2006" }}</small>
+          {{ if .Params.tags }}
+             , posted under 
+             {{range .Params.tags}}
+                <a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a>
+             {{end}}
+          {{end}}
+        </span>
+    </section>
+    <section class="description">
+      {{ .Description }}
+    </section>
+    {{ if .Params.featuredImage }}
+    <section class="featuredImage">
+        <img src="{{ .Params.featuredImage }}" alt="{{ .Title }}">
+    </section>
+    {{ end }}
+    <section id="content" class="body">
+        {{ .Content }}
+    </section> 
+    
+    <!-- You can add a call to action here -->
+     
+  </article>
+  {{ partial "share.html" . }} 
+  {{ partial "author.html" . }}
+  {{ partial "disqus.html" . }}
+{{ end }}
+
+{{ define "widgets" }}
+	{{ partial "widgets.html" . }}
+{{ end }}
diff --git a/layouts/index.html b/layouts/index.html
index b8f241d..b803d52 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,8 +1,8 @@
-{{ define "main" }}
-	{{ partial "post-list.html"  . }}
-	{{ partial "pagination.html" . }}
-{{ end }}
-
-{{ define "widgets" }}
-	{{ partial "widgets.html" . }}
-{{ end }}
+{{ define "main" }}
+	{{ partial "post-list.html"  . }}
+	{{ partial "pagination.html" . }}
+{{ end }}
+
+{{ define "widgets" }}
+	{{ partial "widgets.html" . }}
+{{ end }}
diff --git a/layouts/partials/author.html b/layouts/partials/author.html
index 9b60331..15efc9e 100644
--- a/layouts/partials/author.html
+++ b/layouts/partials/author.html
@@ -1,13 +1,15 @@
-<div class="author-card mobile-only" itemscope itemprop="author" itemtype="https://schema.org/Person">
-    <div class="author-dp">
-        <img itemprop='image' src="/images/me.jpg" alt=".Site.Param.name" />
-    </div>
-    <div class="author-bio">
-        <h4 class="author-title">
-         About <span itemprop="name"></span>
-        </h4>
-        <div class="author-description" itemprop="description">
-        I'm a web developer, templates designer, and Minimalist.
-        </div>
-    </div>
-</div>
-\ No newline at end of file
+{{ if .Site.Params.authorCard }}
+<div class="author-card" itemscope itemprop="author" itemtype="https://schema.org/Person">
+    <div class="author-dp">
+        <img itemprop='image' src="/images/me.jpg" alt=".Site.Param.name" />
+    </div>
+    <div class="author-bio">
+        <h4 class="author-title">
+         About <span itemprop="name"></span>
+        </h4>
+        <div class="author-description" itemprop="description">
+        I'm a web developer, templates designer, and Minimalist.
+        </div>
+    </div>
+</div>
+{{ end}}
+\ No newline at end of file
diff --git a/layouts/partials/brand.html b/layouts/partials/brand.html
index 6c84547..5db84db 100644
--- a/layouts/partials/brand.html
+++ b/layouts/partials/brand.html
@@ -1 +1 @@
-<img src="/images/avatar.png" alt="">
+<img src="/images/avatar.png" alt="">
diff --git a/layouts/partials/css.html b/layouts/partials/css.html
index 4801fd2..e566de0 100644
--- a/layouts/partials/css.html
+++ b/layouts/partials/css.html
@@ -1 +1 @@
-<!-- your custom css -->
+<!-- your custom css -->
diff --git a/layouts/partials/disqus.html b/layouts/partials/disqus.html
new file mode 100644
index 0000000..672c7ef
--- /dev/null
+++ b/layouts/partials/disqus.html
@@ -0,0 +1,18 @@
+
+<div id="disqus_thread"></div>
+<script type="text/javascript">
+
+(function() {
+    // Don't ever inject Disqus on localhost--it creates unwanted
+    // discussions from 'localhost:1313' on your Disqus account...
+    if (window.location.hostname == "localhost")
+        return;
+
+    var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+    var disqus_shortname = '{{ .Site.DisqusShortname }}';
+    dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
+    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+})();
+</script>
+<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
+<a href="http://disqus.com/" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>
+\ No newline at end of file
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index b68369f..c95abb9 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,14 +1,14 @@
-<footer id="footer" class="mobile-only">
-    <p class="small">
-      {{ if or (.Site.Params.copyright) (.Site.Params.credit) }}
-      <div class="col-xs-12">
-        {{ if .Site.Params.copyright }}
-          &copy; {{ now.Format "2006" }} {{ .Site.Params.author }}.
-        {{ end }}
-        {{ if .Site.Params.credit }}
-          <a href="https://ijsucceed.com" target="_blank">OnePress theme.</a>
-        {{ end }}
-      </div>
-      {{ end }}
-    </p>
-</footer>
+<footer id="footer" class="mobile-only">
+    <p class="small">
+      {{ if or (.Site.Params.copyright) (.Site.Params.credit) }}
+      <div class="col-xs-12">
+        {{ if .Site.Params.copyright }}
+          &copy; {{ now.Format "2006" }} {{ .Site.Params.author }}.
+        {{ end }}
+        {{ if .Site.Params.credit }}
+          <a href="https://ijsucceed.com" target="_blank">OnePress theme.</a>
+        {{ end }}
+      </div>
+      {{ end }}
+    </p>
+</footer>
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 308d83f..7426bae 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -1,42 +1,42 @@
-<meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<base href="{{ .Site.BaseURL }}">
-{{ with .Site.Params.author }}<meta name="author" content="{{ . }}">{{ end }}
-{{ with .Site.Params.description }}<meta name="description" content="{{ . }}">{{ end }}
-{{ .Hugo.Generator }}
-<title>{{ .Title }}</title>
-<link rel="shortcut icon" href="{{ "images/favicon.ico" | absURL }}">
-<link rel="stylesheet" href="{{ "css/style.css" | absURL }}">
-<link rel="stylesheet" href="{{ "css/highlight.css" | absURL }}">
-{{ if .Site.Params.customCSS }}
-  {{ partials "css.html" . }}
-{{ end }}
-
-<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css">
-
-{{ if .Site.Params.enableRSS }}
-<link href="{{ .Site.RSSLink }}" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}" />
-{{ end }}
-
-{{ if .Site.Params.twitter }}
-  <meta name="twitter:card" content="summary_large_image">
-  <meta name="twitter:site" content="@{{ .Site.Params.twitter }}">
-  <meta name="twitter:creator" content="@{{ .Site.Params.twitter }}">
-{{ end }}
-
-<meta property="og:title" content="{{ if .IsHome }}{{ .Site.Title }}{{ else if .Params.heading }}{{ .Params.heading }}{{ else }}{{ .Title }}{{ end }}">
-<meta property="og:type" content="website">
-<meta property="og:url" content="{{ .Site.BaseURL }}">
-
-{{ if .Site.Params.opengraphImage}}
-  <meta property="og:image" content="{{ .Site.BaseURL }}{{ .Site.Params.opengraphImage}}">
-{{ end }}
-
-{{ if .Description }}
-  <meta name="og:description" content="{{ .Description }}">
-{{ else if .Site.Params.description }}
-  <meta property="og:description" content="{{ .Site.Params.description}}">
-{{ end }}
-
-<link rel="canonical" href="{{ .Permalink }}">
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<base href="{{ .Site.BaseURL }}">
+{{ with .Site.Params.author }}<meta name="author" content="{{ . }}">{{ end }}
+{{ with .Site.Params.description }}<meta name="description" content="{{ . }}">{{ end }}
+{{ .Hugo.Generator }}
+<title>{{ .Title }}</title>
+<link rel="shortcut icon" href="{{ "images/favicon.ico" | absURL }}">
+<link rel="stylesheet" href="{{ "css/style.css" | absURL }}">
+<link rel="stylesheet" href="{{ "css/highlight.css" | absURL }}">
+{{ if .Site.Params.customCSS }}
+  {{ partials "css.html" . }}
+{{ end }}
+
+<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css">
+
+{{ if .Site.Params.enableRSS }}
+<link href="{{ .Site.RSSLink }}" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}" />
+{{ end }}
+
+{{ if .Site.Params.twitter }}
+  <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:site" content="@{{ .Site.Params.twitter }}">
+  <meta name="twitter:creator" content="@{{ .Site.Params.twitter }}">
+{{ end }}
+
+<meta property="og:title" content="{{ if .IsHome }}{{ .Site.Title }}{{ else if .Params.heading }}{{ .Params.heading }}{{ else }}{{ .Title }}{{ end }}">
+<meta property="og:type" content="website">
+<meta property="og:url" content="{{ .Site.BaseURL }}">
+
+{{ if .Site.Params.opengraphImage}}
+  <meta property="og:image" content="{{ if .Params.featuredImage }}{{ .Site.BaseURL }}{{ .Params.featuredImage }}{{ else }}{{ .Site.BaseURL }}{{ .Site.Params.opengraphImage}}{{ end }}">
+{{ end }}
+
+{{ if .Description }}
+  <meta name="og:description" content="{{ .Description }}">
+{{ else if .Site.Params.description }}
+  <meta property="og:description" content="{{ .Site.Params.description}}">
+{{ end }}
+
+<link rel="canonical" href="{{ .Permalink }}">
diff --git a/layouts/partials/js.html b/layouts/partials/js.html
index c1810f4..e5678c0 100644
--- a/layouts/partials/js.html
+++ b/layouts/partials/js.html
@@ -1,10 +1,10 @@
-<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-<script src="{{ "js/main.js" | absURL }}"></script>
-<script src="{{ "js/highlight.js" | absURL }}"></script>
-<script>hljs.initHighlightingOnLoad();</script>
-
-{{ range .Site.Params.customJS }}
-<script src="{{ . | absURL }}"></script>
-{{ end }}
-
-{{ template "_internal/google_analytics.html" . }}
+<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
+<script src="{{ "js/main.js" | absURL }}"></script>
+<script src="{{ "js/highlight.js" | absURL }}"></script>
+<script>hljs.initHighlightingOnLoad();</script>
+
+{{ range .Site.Params.customJS }}
+<script src="{{ . | absURL }}"></script>
+{{ end }}
+
+{{ template "_internal/google_analytics.html" . }}
diff --git a/layouts/partials/latest-posts.html b/layouts/partials/latest-posts.html
index 344518f..4b4faa2 100644
--- a/layouts/partials/latest-posts.html
+++ b/layouts/partials/latest-posts.html
@@ -1,11 +1,11 @@
-<ul id="post-list" class="archive readmore">
-    <h3>{{ .Site.Params.readMore | default "Read more" }}</h3>
-
-    {{ $kind := where .Site.RegularPages "Section" "!=" "" }}
-    {{ $othr := where $kind "URL" "!=" .URL }}
-    {{ range first 10 $othr }}
-        <li>
-            <a href="{{ .URL }}">{{ .LinkTitle }}<aside class="dates">{{ .Date.Format "Jan 2 2006" }}</aside></a>
-        </li>
-    {{ end }}
-</ul>
+<ul id="post-list" class="archive readmore">
+    <h3>{{ .Site.Params.readMore | default "Read more" }}</h3>
+
+    {{ $kind := where .Site.RegularPages "Section" "!=" "" }}
+    {{ $othr := where $kind "URL" "!=" .URL }}
+    {{ range first 10 $othr }}
+        <li>
+            <a href="{{ .URL }}">{{ .LinkTitle }}<aside class="dates">{{ .Date.Format "Jan 2 2006" }}</aside></a>
+        </li>
+    {{ end }}
+</ul>
diff --git a/layouts/partials/nav.html b/layouts/partials/nav.html
index 27e0435..fca352c 100644
--- a/layouts/partials/nav.html
+++ b/layouts/partials/nav.html
@@ -1,6 +1,6 @@
-<ul>
-<li class="active"><a href='{{ .Site.BaseURL }}'>Articles</a></li>
-<li><a href='/about'>About</a></li>
-{{ if .Site.Params.enableRSS }}
-    <li><a href="https://tinyletter.com/ijsucceed">Subscribe</a></li>
-{{ end }}
+<ul>
+<li class="active"><a href='{{ .Site.BaseURL }}'>Articles</a></li>
+<li><a href='/about'>About</a></li>
+{{ if .Site.Params.enableRSS }}
+    <li><a href="https://tinyletter.com/ijsucceed">Subscribe</a></li>
+{{ end }}
diff --git a/layouts/partials/pagination.html b/layouts/partials/pagination.html
index f5fbadf..3a78398 100644
--- a/layouts/partials/pagination.html
+++ b/layouts/partials/pagination.html
@@ -1,18 +1,18 @@
-<nav id="post-nav">
-    {{ if or (.Paginator.HasPrev) (.Paginator.HasNext) }}
-        {{ if .Paginator.HasPrev }}
-        <span class="prev">
-            <a href="{{.Paginator.Prev.URL}}">
-                <span class="arrow">←</span> Previous
-            </a>
-        </span>
-        {{ end }}
-        {{ if .Paginator.HasNext }}
-        <span class="next">
-            <a href="{{.Paginator.Next.URL}}">
-                Next <span class="arrow">→</span>
-            </a>
-        </span>
-        {{ end }}
-    {{ end }}
-</nav>
+<nav id="post-nav">
+    {{ if or (.Paginator.HasPrev) (.Paginator.HasNext) }}
+        {{ if .Paginator.HasPrev }}
+        <span class="prev">
+            <a href="{{.Paginator.Prev.URL}}">
+                <span class="arrow">←</span> Previous
+            </a>
+        </span>
+        {{ end }}
+        {{ if .Paginator.HasNext }}
+        <span class="next">
+            <a href="{{.Paginator.Next.URL}}">
+                Next <span class="arrow">→</span>
+            </a>
+        </span>
+        {{ end }}
+    {{ end }}
+</nav>
diff --git a/layouts/partials/post-list.html b/layouts/partials/post-list.html
index 5b68771..48a8cd8 100644
--- a/layouts/partials/post-list.html
+++ b/layouts/partials/post-list.html
@@ -1,9 +1,25 @@
-{{ range where .Paginator.Pages "Section" "ne" "" }}
-<article class="list">
-  <a href='{{ .URL }}'><h2 class="title">{{ .LinkTitle }}</h2></a>
-  {{ if .Params.topics }}<strong>Topics:</strong> {{range .Params.topics}}<a href="{{ "/topics/" | relLangURL }}{{ . | urlize }}">{{ . }}</a> {{end}}{{end}}
-  <a href='{{ .URL }}'><span class="image" style="background-image: url(https://www.yongfook.com/assets/images/montage/poster.jpg)"></span></a>
-  <span class="intro">{{ .Description | markdownify }}</span>
-  <a href='{{ .URL }}' class="read-more">Read Up</a>
-</article>
-{{ end }}
+{{ range where .Paginator.Pages "Section" "ne" "" }}
+<article class="list">
+  <a href='{{ .URL }}'><h2 class="title">{{ .LinkTitle }}</h2></a>
+  <span class="tags">
+  {{ .Date.Format "January 2, 2006" }} 
+  {{ if .Params.tags }}
+     , posted under
+     {{range .Params.tags}}
+        <a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a>
+     {{end}}
+  {{end}}
+  </span>
+  {{ if .Params.featuredImage  }}
+  <a href='{{ .URL }}'><span class="image" style="background-image: url({{.Params.featuredimage }})"></span></a>
+  {{ end }}
+  <span class="intro">{{ .Description | markdownify }}</span>
+  <a href='{{ .URL }}' class="read-more">
+      {{ if .Site.Params.readMore }} 
+          {{.Site.Params.readMore}}
+      {{ else }}
+          Read Up
+      {{ end }}
+  </a>
+</article>
+{{ end }}
diff --git a/layouts/partials/share.html b/layouts/partials/share.html
index 81a08af..fd846f6 100644
--- a/layouts/partials/share.html
+++ b/layouts/partials/share.html
@@ -1,12 +1,14 @@
-<div class="share-card">
-    <a class="twitter" href="https://twitter.com/intent/tweet?text={{ .Permalink }} - {{ .LinkTitle }} {{ with .Site.Params.twitter }}by @{{ . }}{{ end }}"><i class="fa fa-twitter"></i> Tweet</a>
-
-    <a class="facebook" href="#" onclick="
-        window.open(
-          'https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(location.href),
-          'facebook-share-dialog',
-          'width=626,height=436');
-        return false;"><i class="fa fa-facebook"></i> {{ .Site.Params.share | default "Share" }}
-    </a>
-</div>
-
+{{ if .Site.Params.shareButton }}
+<div class="share-card">
+    <a class="twitter" href="https://twitter.com/intent/tweet?text={{ .Permalink }} - {{ .LinkTitle }} {{ with .Site.Params.twitter }}by @{{ . }}{{ end }}"><i class="fa fa-twitter"></i> Tweet</a>
+
+    <a class="facebook" href="#" onclick="
+        window.open(
+          'https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(location.href),
+          'facebook-share-dialog',
+          'width=626,height=436');
+        return false;"><i class="fa fa-facebook"></i> {{ .Site.Params.share | default "Share" }}
+    </a>
+</div>
+{{ end }}
+
diff --git a/layouts/partials/widgets.html b/layouts/partials/widgets.html
index b9e82d3..9bfc682 100644
--- a/layouts/partials/widgets.html
+++ b/layouts/partials/widgets.html
@@ -1,27 +1,37 @@
-<div class="widgets">
-  <section class="widget promo-subscribe">
-      <h2 class="widget-title">Email Subscription</h2>
-      <p class="promo-text">
-        Improve your PHP skills with actionable tutorials delivered to your email.
-      </p>
-      <a href='https://tinyletter.com/ijsucceed' class='button'>Join For Free</a>
-  </section>
-  <section class="widget author">
-    <h2 class="widget-title">About Succeed</h2>
-    <div class="right">
-      <img class="block author-photo" src="/images/me.jpg" width="60" alt="ijsucceed photo">
-    </div>
-    <div style="">
-      <p>
-      Welcome to my blog!
-      </p>
-      <p>
-        I'm a web developer, templates designer, and Minimalist.
-      </p>
-      <p>
-      You can find me on <a href="https://twitter.com/ijsucceed">twitter</a> and
-      <a href="https://github.com/ijsucceed">GitHub</a>.
-      </p>
-     </div>
-  </section>
-</div>
+<div class="widgets">
+      
+  <section itemscope itemtype="https://schema.org/Person" class="widget socials">
+    <h2 class="widget-title">Socials</h2>
+    <ul>
+        {{ if .Site.Params.facebook }}
+            <li><a href="{{ .Site.Params.facebook }}"><i class="fa fa-facebook"></i></a></li>
+        {{ end }}
+        {{ if .Site.Params.twitter }}
+        <li><a href="{{ .Site.Params.twitter }}"><i class="fa fa-twitter"></i></a></li>
+        {{end}}
+        {{ if .Site.Params.linkedin }}
+        <li><a href="{{ .Site.Params.linkedin }}"><i class="fa fa-linkedin"></i></a></li>
+        {{end}}
+        {{ if .Site.Params.github }}
+        <li><a href="{{ .Site.Params.github }}"><i class="fa fa-github"></i></a></li>
+        {{end}}
+    </ul>
+  </section>
+ 
+  <section class="widget widget-one">
+     <h2 class="widget-title">
+        Widget 2
+    </h2>
+    <!-- add content here -->
+  </section>
+    
+  <section itemscope itemtype="https://schema.org/Person" class="widget">
+    <h2 class="widget-title">
+        Widget 3
+    </h2>
+    <!-- add content here -->
+  </section>
+    
+ <!-- You can add multiple widgets section below -->
+
+</div>
diff --git a/layouts/sitemap.xml b/layouts/sitemap.xml
index 7708755..526c744 100644
--- a/layouts/sitemap.xml
+++ b/layouts/sitemap.xml
@@ -1,21 +1,21 @@
-<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
-  xmlns:xhtml="http://www.w3.org/1999/xhtml">
-  {{ range (where .Data.Pages "Section" "!=" "gallery") }}
-    <url>
-      <loc>{{ .Permalink }}</loc>{{ if not .Lastmod.IsZero }}
-      <lastmod>{{ safeHTML ( .Lastmod.Format "2006-01-02T15:04:05-07:00" ) }}</lastmod>{{ end }}{{ with .Sitemap.ChangeFreq }}
-      <changefreq>{{ . }}</changefreq>{{ end }}{{ if ge .Sitemap.Priority 0.0 }}
-      <priority>{{ .Sitemap.Priority }}</priority>{{ end }}{{ if .IsTranslated }}{{ range .Translations }}
-      <xhtml:link
-                  rel="alternate"
-                  hreflang="{{ .Lang }}"
-                  href="{{ .Permalink }}"
-                  />{{ end }}
-      <xhtml:link
-                  rel="alternate"
-                  hreflang="{{ .Lang }}"
-                  href="{{ .Permalink }}"
-                  />{{ end }}
-    </url>
-  {{ end }}
-</urlset>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
+  xmlns:xhtml="http://www.w3.org/1999/xhtml">
+  {{ range (where .Data.Pages "Section" "!=" "gallery") }}
+    <url>
+      <loc>{{ .Permalink }}</loc>{{ if not .Lastmod.IsZero }}
+      <lastmod>{{ safeHTML ( .Lastmod.Format "2006-01-02T15:04:05-07:00" ) }}</lastmod>{{ end }}{{ with .Sitemap.ChangeFreq }}
+      <changefreq>{{ . }}</changefreq>{{ end }}{{ if ge .Sitemap.Priority 0.0 }}
+      <priority>{{ .Sitemap.Priority }}</priority>{{ end }}{{ if .IsTranslated }}{{ range .Translations }}
+      <xhtml:link
+                  rel="alternate"
+                  hreflang="{{ .Lang }}"
+                  href="{{ .Permalink }}"
+                  />{{ end }}
+      <xhtml:link
+                  rel="alternate"
+                  hreflang="{{ .Lang }}"
+                  href="{{ .Permalink }}"
+                  />{{ end }}
+    </url>
+  {{ end }}
+</urlset>
diff --git a/static/css/highlight.css b/static/css/highlight.css
index 0d6c0f4..e6be6b1 100644
--- a/static/css/highlight.css
+++ b/static/css/highlight.css
@@ -1,106 +1,106 @@
-/*
-  IR_Black style (c) Vasily Mikhailitchenko <vaskas@programica.ru>
-*/
-
-.hljs {
-  display: block;
-  overflow-x: auto;
-  /*padding: 0.5em;*/
-  background: none;
-  color: #24292e;
-  -webkit-text-size-adjust: none;
-}
-
-.hljs-shebang,
-.hljs-comment {
-  color: #777279;
-}
-
-.hljs-keyword,
-.hljs-tag,
-.tex .hljs-command,
-.hljs-request,
-.hljs-status,
-.clojure .hljs-attribute {
-  color: #d73a49;
-}
-
-.hljs-sub .hljs-keyword,
-.method,
-.hljs-list .hljs-title,
-.nginx .hljs-title {
-  color: #ffffb6;
-}
-
-.hljs-string,
-.hljs-tag .hljs-value,
-.hljs-cdata,
-.hljs-filter .hljs-argument,
-.hljs-attr_selector,
-.apache .hljs-cbracket,
-.hljs-date,
-.coffeescript .hljs-attribute {
-  color: #005cc5;
-}
-
-.hljs-subst {
-  color: #daefa3;
-}
-
-.hljs-regexp {
-  color: #e9c062;
-}
-
-.hljs-title,
-.hljs-sub .hljs-identifier,
-.hljs-pi,
-.hljs-decorator,
-.tex .hljs-special,
-.hljs-type,
-.hljs-constant,
-.smalltalk .hljs-class,
-.hljs-doctag,
-.nginx .hljs-built_in {
-  color: #005cc5;
-}
-
-.hljs-symbol,
-.ruby .hljs-symbol .hljs-string,
-.hljs-number,
-.hljs-variable,
-.vbscript,
-.hljs-literal,
-.hljs-name {
-  color: #005cc5;
-}
-
-.css .hljs-tag {
-  color: #005cc5;
-}
-
-.css .hljs-rule .hljs-property,
-.css .hljs-id {
-  color: #ffffb6;
-}
-
-.css .hljs-class {
-  color: #24292e;
-}
-
-.hljs-hexcolor {
-  color: #c6c5fe;
-}
-
-.hljs-number {
-  color:#005cc5;
-}
-
-.coffeescript .javascript,
-.javascript .xml,
-.tex .hljs-formula,
-.xml .javascript,
-.xml .vbscript,
-.xml .css,
-.xml .hljs-cdata {
-  opacity: 0.9;
-}
+/*
+  IR_Black style (c) Vasily Mikhailitchenko <vaskas@programica.ru>
+*/
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  /*padding: 0.5em;*/
+  background: none;
+  color: #24292e;
+  -webkit-text-size-adjust: none;
+}
+
+.hljs-shebang,
+.hljs-comment {
+  color: #777279;
+}
+
+.hljs-keyword,
+.hljs-tag,
+.tex .hljs-command,
+.hljs-request,
+.hljs-status,
+.clojure .hljs-attribute {
+  color: #d73a49;
+}
+
+.hljs-sub .hljs-keyword,
+.method,
+.hljs-list .hljs-title,
+.nginx .hljs-title {
+  color: #ffffb6;
+}
+
+.hljs-string,
+.hljs-tag .hljs-value,
+.hljs-cdata,
+.hljs-filter .hljs-argument,
+.hljs-attr_selector,
+.apache .hljs-cbracket,
+.hljs-date,
+.coffeescript .hljs-attribute {
+  color: #005cc5;
+}
+
+.hljs-subst {
+  color: #daefa3;
+}
+
+.hljs-regexp {
+  color: #e9c062;
+}
+
+.hljs-title,
+.hljs-sub .hljs-identifier,
+.hljs-pi,
+.hljs-decorator,
+.tex .hljs-special,
+.hljs-type,
+.hljs-constant,
+.smalltalk .hljs-class,
+.hljs-doctag,
+.nginx .hljs-built_in {
+  color: #005cc5;
+}
+
+.hljs-symbol,
+.ruby .hljs-symbol .hljs-string,
+.hljs-number,
+.hljs-variable,
+.vbscript,
+.hljs-literal,
+.hljs-name {
+  color: #005cc5;
+}
+
+.css .hljs-tag {
+  color: #005cc5;
+}
+
+.css .hljs-rule .hljs-property,
+.css .hljs-id {
+  color: #ffffb6;
+}
+
+.css .hljs-class {
+  color: #24292e;
+}
+
+.hljs-hexcolor {
+  color: #c6c5fe;
+}
+
+.hljs-number {
+  color:#005cc5;
+}
+
+.coffeescript .javascript,
+.javascript .xml,
+.tex .hljs-formula,
+.xml .javascript,
+.xml .vbscript,
+.xml .css,
+.xml .hljs-cdata {
+  opacity: 0.9;
+}
diff --git a/static/css/style.css b/static/css/style.css
index bcec2ec..0979b96 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,470 +1,529 @@
-@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600');
-
-/* Reset */
-html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article.list,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article.list,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
-*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
-
-/* ------------ */
-/* REUSABLE */
-/* ------------ */
-
-html {
-	background: #fff !important;
-	color: #555;
-	font-family: 'Source Sans Pro', sans-serif;
-	font-size: 20px;
-	font-weight: 400;
-	text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-}
-
-body {
-	background-color: #fff;
-	line-height: 1.6;
-}
-
-h1, h2, h3, h4, h5, h6 {
-	  color: #333;
-    font-family: "Source Sans Pro", sans-serif;
-    font-weight: 400;
-		letter-spacing: 1px;
-		word-spacing: 3px;
-    line-height: 1.2;
-    margin: 0 0 20px;
-}
-h1 {
-	font-size:
-}
-
-a {
-  color: #555;
-  text-decoration: none;
-}
-a:hover {
-	text-decoration: none;
-}
-
-p {
-    margin: 0 0 30px;
-    padding: 0;
-}
-
-blockquote {
-    margin: 30px;
-		font-style: italic;
-}
-
-i, em {
-	font-style: italic;
-	color: #000;
-}
-
-b, strong {
-	color: #000;
-}
-
-img {
-	max-width: 100%;
-    height: auto;
-    vertical-align: top;
-}
-
-code {
-	background-color: rgba(27,31,35,.05);
-	border-radius: 3px;
-	font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
-	font-size: 85%;
-	margin: 0;
-	padding: .2em .4em;
-}
-pre {
-	background-color: #f6f8fa;
-	border-radius: 3px;
-	font-size: 85%;
-	line-height: 1.45;
-	overflow: auto;
-	padding: 16px;
-}
-pre code {
-	background: none;
-}
-
-/* INPUT & BUTTONS */
-
-input, select, textarea {
-    background-color: #fff;
-    border: 1px solid #ddd;
-    color: #333;
-    font-size: 18px;
-    font-weight: 400;
-    padding: 15px;
-    width: 100%;
-}
-button, .button {
-    background-color: #333;
-    border: 0;
-    color: #fff;
-    cursor: pointer;
-    font-size: 16px;
-    font-weight: 600;
-    padding: 15px 30px;
-    text-align: center;
-    text-decoration: none;
-    white-space: normal;
-    width: auto;
-}
-
-/* Clearfix */
-
-.clearfix:after {
-	content: "";
-	display: table;
-	clear: both;
-}
-.hidden { display: none; }
-
-.center {
-	text-align: center;
-}
-.left {
-	float: left;
-}
-.right {
-	float: right;
-}
-.block {
-	display: block;
-}
-
-
-/** Screen reader */
-.screen-reader-only {
-	position:absolute;
-	left:-10000px;
-	top:auto;
-	width:1px;
-	height:1px;
-	overflow:hidden;
-}
-
-/* ------------ */
-/* HEADERS */
-/* ------------ */
-
-header {
-	text-align: center;
-	padding-top: 17px;
-	padding-bottom: 10px;
-}
-header img {
-	width: 48px;
-	border-radius: 50%;
-	border: 1px solid #ddd;
-}
-
-nav {
-	font-size: 10px;
-	font-family: 'Source Sans Pro', sans-serif;
-	text-align: center;
-	text-transform: uppercase;
-	letter-spacing: 1.67px;
-	line-height: 22px;
-	padding-bottom: 15px;
-}
-nav ul li {
-	display: inline;
-	padding: 0 7px;
-}
-nav li.active a {
-	border-bottom: 1px solid #5b5b5b;
-}
-nav ul li a {
-	color: #5b5b5b;
-	text-decoration: none;
-	border-bottom: none;
-	padding-bottom: 2px;
-}
-
-/* ------------------------ */
-/* CONTENT WRAPPERS */
-/* ------------------------ */
-
-#site-wrapper {
-	max-width: 768px;
-	margin: 0 auto;
-	margin-top: 0px;
-    padding: 60px 30px 0px;
-	overflow-wrap: break-word;
-}
-#site-wrapper:before {
-	display: table;
-	content: " ";
-}
-
-/* ------ MAIN ----- */
-
-main {
-	width: 100%;
-	font-size: 90%;
-}
-
-main.article.list h1,
-h3,
-h4,
-h5,
-p,
-.body ul,
-ol,
-pre {
-    margin-bottom: 20px;
-}
-
-main article.list,
-main article.single {
-	margin-bottom: 40px;
-}
-
-main article.list a {
-	text-decoration: none;
-	color: #000;
-}
-
-main article.list a span.image {
-	height: 380px;
-	display: block;
-	background-size: cover;
-	background-position: center;
-	opacity: 0.7;
-	margin-bottom: 1em;
-}
-
-main article.list a h2.title,
-main article.list span.intro {
-	display: block;
-}
-
-main article.list a h2.title,
-main article.single h1 {
-	color: #333;
-	font-size: 150%;
-	line-height: 1.1em;
-	margin-bottom: 1em;
-	font-weight: 400;
-}
-
-main article.list span.intro {
-	font-size: 100%;
-	font-weight: 400;
-	margin-bottom: 1em;
-}
-
-main article.list a.read-more {
-	color: #5c5c5c;
-	text-decoration: underline;
-}
-
-main article.single .extras,
-main article.single .description,
-main article.single .content {
-	margin-bottom: 1em;
-}
-
-
-/* ------ SINGLE PAGE CONTENT FORMAT ----- */
-
-.single h1,
-.single h2,
-.single h3,
-.single h4,
-.single h5,
-.single h6 {
-	font-weight: 600;
-}
-
-.single h2 {
-	font-size: 130%;
-}
-
-.single h3 {
-	font-size: 110%;
-}
-
-.single h4 {
-	font-size: 90%;
-}
-
-.single h5 {
-	font-size: 80%;
-}
-
-.single h6 {
-	font-size: 70%;
-}
-
-.single a {
-	border-bottom: 2px solid #000;
-}
-
-.single li {
-	color: #000;
-}
-
-.single li a {
-	color: #000;
-	border-bottom: none;
-}
-
-.single b,
-.single strong, {
-	font-family: 'Source Sans Pro', sans-serif !important;
-}
-
-.single ul li,
-.single ol li  {
-	margin: 0 40px;
-	font-weight: 400;
-}
-.single img {
-    display: block;
-    margin: 0 auto;
-}
-
-/* ------ ASIDE CONTENT ----- */
-
-aside {
-	width: 25%;
-	font-size: 16px;
-}
-
-aside a {
-	color: #000;
-}
-
-aside .widgets {
-	margin-bottom: 10px;
-}
-
-aside .widgets:before {
-	content: "";
-	display: table;
-}
-
-aside p {
-	margin-bottom: 20px;
-}
-
-aside .widgets .widget {
-	margin-bottom: 40px;
-}
-
-aside .widgets .promo-subscribe {
-	background: #f5f5f5;
-	padding: 30px;
-}
-
-aside .widgets .promo-subscribe .button {
-	width: 100%;
-	display: block;
-}
-
-aside .widgets .author {
-	background: #f5f5f5;
-	padding: 30px;
-}
-
-aside .widgets .author .author-photo {
-	border: 3px solid #fff;
-}
-aside .widgets .widget .widget-title {
-	font-size: 120%;
-	font-weight: 400;
-	margin-bottom: 20px;
-}
-
-/* ------------ */
-/* Share Card */
-/* ------------ */
-.share-card {
-    margin-bottom: 40px;
-}
-.share-card a {
-    display: inline-block;
-    padding: 10px 20px;
-    border-bottom: none;
-    word-spacing: 10px;
-}
-.share-card a:first-child {
-    margin-right: 20px;
-}
-.share-card a i {
-    color: #fff;
-}
-.share-card a.twitter {
-    background-color: #38A1F3;
-    color: #fff;
-}
-.share-card a.facebook {
-    background-color: #3b5998;
-    color: #fff;
-}
-
-/* ----------- */
-/* Author card */
-/* ----------- */
-.author-card {
-    display: flex;
-    justify-content: flex-start;
-    width: 100%;
-    background-color: #f5f5f5;
-    padding: 20px;
-    margin-bottom: 40px;
-    
-}
-.author-card .author-dp {
-    text-align: center;
-    margin-right: 20px;
-}
-.author-card .author-dp img {
-    display: block;
-    margin: 0 auto;
-    width: 90px;
-}
-.author-card .author-bio {
-}
-.author-card .author-bio .author-title {
-    font-size: 100%;
-    margin-bottom: 10px;
-}
-
-/* ------------ */
-/* FOOTER */
-/* ------------ */
-footer {
-	font-size: 12px;
-}
-
-
-/* ------ ------ */
-/* Responsive behaviors */
-/* ------ ------ */
-
-@media only screen and ( max-width: 768px) {
-  .desktop-only {
-    display: none !important;
-  } 
-}
-@media only screen and ( min-width: 768px ) {
-    .mobile-only {
-        display: none !important;
-    }
-    
-    #site-wrapper {
-        max-width: 1140px;
-        display: flex;
-        justify-content: space-between;
-    } 
-    
-    main {
-        width: 65%;
-    }
-}
+@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600');
+
+/* Reset */
+html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article.list,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article.list,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
+*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
+
+/* ------------ */
+/* REUSABLE */
+/* ------------ */
+
+html {
+	background: #fff !important;
+	color: #3b3b3b;
+	font-family: 'Source Sans Pro', sans-serif;
+	font-size: 20px;
+	font-weight: 400;
+	text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+}
+
+body {
+	background-color: #fff;
+	line-height: 1.6;
+}
+
+h1, h2, h3, h4, h5, h6 {
+	  color: #333;
+    font-family: "Source Sans Pro", sans-serif;
+    font-weight: 400;
+		letter-spacing: 1px;
+		word-spacing: 3px;
+    line-height: 1.2;
+    margin: 0 0 20px;
+}
+h1 {
+	font-size:
+}
+
+a {
+  color: #555;
+  text-decoration: none;
+}
+a:hover {
+	text-decoration: none;
+}
+
+p {
+    margin: 0 0 30px;
+    padding: 0;
+}
+
+blockquote {
+    margin: 30px;
+		font-style: italic;
+}
+
+i, em {
+	font-style: italic;
+	color: #000;
+}
+
+b, strong {
+	color: #000;
+}
+
+img {
+	max-width: 100%;
+    height: auto;
+    vertical-align: top;
+}
+
+/* CODE INLINE & BLOCK */
+
+code {
+	background-color: rgba(27,31,35,.05);
+	border-radius: 3px;
+	font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
+	font-size: 85%;
+	margin: 0;
+	padding: .2em .4em;
+}
+pre {
+	background-color: #f6f8fa;
+	border-radius: 3px;
+	font-size: 85%;
+	line-height: 1.45;
+	overflow: auto;
+	padding: 16px;
+}
+pre code {
+	background: none;
+}
+pre a {
+    border-bottom: none;
+}
+
+/* INPUT & BUTTONS */
+
+input, select, textarea {
+    background-color: #fff;
+    border: 1px solid #ddd;
+    color: #333;
+    font-size: 18px;
+    font-weight: 400;
+    padding: 15px;
+    width: 100%;
+}
+button, .button {
+    background-color: #333;
+    border: 0;
+    color: #fff;
+    cursor: pointer;
+    font-size: 16px;
+    font-weight: 600;
+    padding: 15px 30px;
+    text-align: center;
+    text-decoration: none;
+    white-space: normal;
+    width: auto;
+}
+
+/* Clearfix and Hidden */
+
+.clearfix:after {
+	content: "";
+	display: table;
+	clear: both;
+}
+.hidden { display: none; }
+
+/* POSITIONING */
+
+.text-center {
+    text-align: center;
+}
+.center {
+	margin: 0 auto;
+}
+.left {
+	float: left;
+}
+.right {
+	float: right;
+}
+.block {
+	display: block;
+}
+
+
+/** Screen reader */
+.screen-reader-only {
+	position:absolute;
+	left:-10000px;
+	top:auto;
+	width:1px;
+	height:1px;
+	overflow:hidden;
+}
+
+/* ------------ */
+/* HEADERS */
+/* ------------ */
+
+header {
+	text-align: center;
+	padding-top: 17px;
+	padding-bottom: 10px;
+}
+header img {
+	width: 48px;
+	border-radius: 50%;
+	border: 1px solid #ddd;
+}
+
+nav {
+	font-size: 10px;
+	font-family: 'Source Sans Pro', sans-serif;
+	text-align: center;
+	text-transform: uppercase;
+	letter-spacing: 1.67px;
+	line-height: 22px;
+	padding-bottom: 15px;
+}
+nav ul li {
+	display: inline;
+	padding: 0 7px;
+}
+nav li.active a {
+	border-bottom: 1px solid #5b5b5b;
+}
+nav ul li a {
+	color: #5b5b5b;
+	text-decoration: none;
+	border-bottom: none;
+	padding-bottom: 2px;
+}
+
+/* ------------------------ */
+/* CONTENT WRAPPERS */
+/* ------------------------ */
+
+#site-wrapper:before, 
+main article:before,
+aside .widgets:before {
+    display: table;
+	content: " ";
+}
+
+#site-wrapper:after, 
+main article:after,
+aside .widgets:after {
+    
+}
+
+#site-wrapper {
+	max-width: 768px;
+	margin: 0 auto;
+	margin-top: 0px;
+    padding: 60px 30px 0px;
+	overflow-wrap: break-word;
+}
+#site-wrapper-centered {
+	max-width: 768px;
+	margin: 0 auto;
+	margin-top: 0px;
+    padding: 60px 0px 0px;
+	overflow-wrap: break-word;
+}
+
+/* ------ MAIN ----- */
+
+main {
+	width: 100%;
+	font-size: 90%;
+}
+
+main.center {
+    width: 100% !important;
+}
+
+main.article.list h1,
+h3,
+h4,
+h5,
+p,
+.body ul,
+ol,
+pre {
+    margin-bottom: 20px;
+}
+
+main article.list,
+main article.single {
+	margin-bottom: 40px;
+}
+
+main article.list a {
+	text-decoration: none;
+	color: #000;
+}
+
+main article.list a span.image {
+	height: 380px;
+	display: block;
+	background-size: cover;
+	background-position: center;
+	opacity: 0.9;
+	margin-bottom: 1em;
+}
+
+main article.list a h2.title,
+main article.list span.intro,
+main article.list .tags,
+main article.list a.read-more {
+	display: block;
+}
+
+main article.list a h2.title,
+main article.single h1 {
+	color: #333;
+	font-size: 150%;
+	line-height: 1.1em;
+	margin-bottom: 0.3em;
+	font-weight: 400;
+}
+
+main article.list .tags {
+    margin-bottom: 1em;
+    opacity: 0.5;
+}
+main article.list .tags a,
+main article.single .tags a {
+    color: #000;
+    text-decoration: underline;
+    border-bottom: none;
+}
+
+main article.list span.intro {
+	font-size: 100%;
+	font-weight: 400;
+	margin-bottom: 1em;
+}
+
+main article.list a.read-more {
+	color: #5c5c5c;
+	text-decoration: underline;
+}
+
+main article.single .extras,
+main article.single .description,
+main article.single .content,
+main article.single .featuredImage {
+	margin-bottom: 1em;
+}
+
+main article.single .description {
+    font-style: italic;
+    font-size: 140%;
+    padding: 0 15px;
+}
+
+/* ------ SINGLE PAGE CONTENT FORMAT ----- */
+
+.single h1,
+.single h2,
+.single h3,
+.single h4,
+.single h5,
+.single h6 {
+	font-weight: 600;
+}
+
+.single h2 {
+	font-size: 130%;
+}
+
+.single h3 {
+	font-size: 110%;
+}
+
+.single h4 {
+	font-size: 90%;
+}
+
+.single h5 {
+	font-size: 80%;
+}
+
+.single h6 {
+	font-size: 70%;
+}
+
+.single a {
+	border-bottom: 2px solid #000;
+}
+
+.single li {
+}
+
+.single li a {
+	color: #000;
+	border-bottom: none;
+}
+
+.single b,
+.single strong, {
+	font-family: 'Source Sans Pro', sans-serif !important;
+}
+
+.single ul li,
+.single ol li  {
+	margin: 0 40px;
+	font-weight: 400;
+}
+.single img {
+    display: block;
+    margin: 0 auto;
+}
+
+.single table {
+    display: table;
+}
+
+/* ------ ASIDE CONTENT ----- */
+
+aside {
+	width: 25%;
+	font-size: 16px;
+}
+
+aside a {
+	color: #000;
+}
+
+aside .widgets {
+	margin-bottom: 10px;
+}
+
+aside p {
+	margin-bottom: 20px;
+}
+
+aside .widgets .widget {
+	margin-bottom: 40px;
+}
+aside .widgets .widget .widget-title {
+	font-size: 120%;
+	font-weight: 400;
+	margin-bottom: 20px;
+}
+aside .widgets .promo-subscribe {
+	background: #f5f5f5;
+	padding: 30px;
+}
+aside .widgets .promo-subscribe .button {
+	width: 100%;
+	display: block;
+}
+aside .widgets .topics {
+	padding: 0px;
+}
+aside .widgets .socials ul li,
+aside .widgets .topics ul li {
+    display: inline-block;
+    list-style: none;
+    border: none;
+    margin: 0px 6px 12px;
+}
+aside .widgets .socials ul li a {
+    padding: 10px 15px;
+    background-color: #f5f5f5;
+    border-radius: 3px;
+    font-size: 100%;
+}
+aside .widgets .topics ul li a {
+    color: #000;
+    text-decoration: underline;
+    text-transform: uppercase;
+}   
+
+
+/* ------------ */
+/* Share Card */
+/* ------------ */
+.share-card {
+    margin-bottom: 40px;
+}
+.share-card a {
+    display: inline-block;
+    padding: 10px 20px;
+    border-bottom: none;
+    word-spacing: 10px;
+}
+.share-card a:first-child {
+    margin-right: 20px;
+}
+.share-card a i {
+    color: #fff;
+}
+.share-card a.twitter {
+    background-color: #38A1F3;
+    color: #fff;
+}
+.share-card a.facebook {
+    background-color: #3b5998;
+    color: #fff;
+}
+
+/* ----------- */
+/* Author card */
+/* ----------- */
+.author-card {
+    display: flex;
+    justify-content: flex-start;
+    width: 100%;
+    background-color: #f5f5f5;
+    padding: 20px;
+    margin-bottom: 40px;
+    
+}
+.author-card .author-dp {
+    text-align: center;
+    margin-right: 20px;
+}
+.author-card .author-dp img {
+    display: block;
+    border-radius: 50%;
+    margin: 0 auto;
+    width: 90px;
+}
+.author-card .author-bio {
+}
+.author-card .author-bio .author-title {
+    font-size: 100%;
+    margin-bottom: 10px;
+}
+
+/* ------------ */
+/* FOOTER */
+/* ------------ */
+footer {
+	font-size: 12px;
+}
+
+
+/* ------ ------ */
+/* Responsive behaviors */
+/* ------ ------ */
+
+@media only screen and ( max-width: 768px) {
+  .desktop-only {
+    display: none !important;
+  } 
+}
+@media only screen and ( min-width: 768px ) {
+    .mobile-only {
+        display: none !important;
+    }
+    
+    #site-wrapper {
+        max-width: 1140px;
+        display: flex;
+        justify-content: space-between;
+    } 
+    
+    main {
+        width: 65%;
+    }
+}
diff --git a/theme.toml b/theme.toml
index b641d12..9553ba8 100644
--- a/theme.toml
+++ b/theme.toml
@@ -1,12 +1,21 @@
-name = "onePress"
+# theme.toml template for a Hugo theme
+# See https://github.com/gohugoio/hugoThemes#themetoml for an example
+
+name = "Onepress"
 license = "MIT"
-licenselink = "https://github.com/ijsucceed/hugo-onepress-theme/blob/master/License.md"
-description = "A minimalistic and responsive theme for content writers."
-homepage = "https://github.com/ijsucceed/hugo-onepress-theme"
-tags = ["blog", "disqus", "google analytics", "rss", "syntax highlighting"]
-features = ["disqus", "google analytics", "rss", "topics", "syntax highlighting", "blog", "pagination", "sharing options", "External subscription support"]
-min_version = 0.20
+licenselink = "https://github.com/yourname/yourtheme/blob/master/LICENSE"
+description = ""
+homepage = "http://example.com/"
+tags = []
+features = []
+min_version = "0.41"
 
 [author]
-  name = "Jeremiah Succeed"
-  homepage = "https://ijsucceed.com/"
+  name = ""
+  homepage = ""
+
+# If porting an existing theme
+[original]
+  name = ""
+  homepage = ""
+  repo = ""
author	Jeremiah Succeed <ikwuje24@gmail.com>	2018-12-28 15:56:37 +0300
committer	GitHub <noreply@github.com>	2018-12-28 15:56:37 +0300
commit	bc3b59fd459be92483fe0d7e20a8169a3ec1543d (patch)
tree	b7ab6f32a385ba6531202930e2f0905a1a336278
parent	f99aeb3c3156f1845fe5da35f896ecbb82aa5fb0 (diff)