Update README with screenshots

README.md

@@ -1,8 +1,8 @@
 # Gokarna
 
-A minimal opinionated theme for Hugo
+Gokarna is an opinionated theme with a focus on minimalism and simplicity.
 
-![Gokarna theme](/.project/screenshot.png)
+Demo: TODO Link
 
 ## Features
 
@@ -23,6 +23,9 @@ The theme is inspired by and accordingly named after [Gokarna](https://en.wikipe
 
 ![Gokarna](/.project/gokarna.jpg)
 
+## Screenshots
+
+![Light mode](/.project/screenshot-light-home.png "Light mode") ![Dark mode](/.project/screenshot-dark-home.png "Dark mode")
 
 ## Installation
 

exampleSite/content/posts/theme-documentation-advanced.md

@@ -2,13 +2,13 @@
 weight: 15
 title: "Theme Documentation - Advanced"
 date: 2020-05-06T21:29:01+08:00
-description: "Discover what the Hugo - gokarna theme is all about and the core-concepts behind it."
+description: "Discover how to maximise Gokarna's potential"
 tags: ["installation", "configuration", "markdown"]
 type: post
 
 ---
 
-Gokarna is an opinionated theme with a focus on minimalism and simplicity. TODO: Better line Our aim was to keep it clean and leave some room for user customizability.
+Gokarna is an opinionated theme with a focus on minimalism and simplicity.
 
 ## Content Types
 

exampleSite/content/posts/theme-documentation-basics.md

@@ -2,12 +2,12 @@
 weight: 10
 title: "Theme Documentation - Basics"
 date: 2020-03-06T21:29:01+08:00
-description: "Discover what the Hugo - gokarna theme is all about and the core-concepts behind it."
+description: "A guide to getting started with Gokarna"
 tags: ["installation", "configuration", "markdown"]
 type: post
 ---
 
-Gokarna is an opinionated theme with a focus on minimalism and simplicity. TODO: Better line Our aim was to keep it clean and leave some room for user customizability.
+Gokarna is an opinionated theme with a focus on minimalism and simplicity.
 
 ## Installation
 

exampleSite/public/categories/index.xml

@@ -1,10 +0,0 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>Categories on Gokarna</title>
-    <link>http://www.example.com/categories/</link>
-    <description>Recent content in Categories on Gokarna</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en</language><atom:link href="http://www.example.com/categories/index.xml" rel="self" type="application/rss+xml" />
-  </channel>
-</rss>

exampleSite/public/css/main.css

@@ -1,98 +0,0 @@
-html {
-  font-family: open sans, helvetica neue, Helvetica, Arial, sans-serif;
-}
-
-.container {
-  height: 800px;
-}
-
-.header-light {
-  background-color: #bbb;
-  color: black;
-}
-
-.header-dark {
-  background-color: #1b1c1d;
-  color: white;
-}
-
-.header {
-  position: fixed;
-  height: 100px;
-  left: 0;
-  top: 0;
-  width: 100%;
-  -ms-transition: all 0.5s ease-out;
-  -moz-transition: all 0.5s ease-out;
-  -webkit-transition: all 0.5s ease-out;
-  -o-transition: all 0.5s ease-out;
-  transition: all 0.5s ease-out;
-}
-
-.header.small {
-  height: 70px;
-}
-
-/* #header-sroll h1 {
-    font-size: 30px;
-    font-family: Arial;
-    text-align: center;
-    line-height: 50px;
-     -ms-transition:    all 0.2s ease-out;
-    -moz-transition:    all 0.2s ease-out;
-    -webkit-transition: all 0.2s ease-out;
-    -o-transition:      all 0.2s ease-out;
-    transition:         all 0.2s ease-out;
-}
-#header-sroll.small h1{
-    height: 70px;
-    line-height: 35px;
-    font-size: 25px;
-}
- */
-
-.header a {
-  text-decoration: none;
-  color: inherit;
-}
-
-.header .header-nav {
-  height: 64px;
-  margin-top: 18px;
-  -ms-transition: all 0.5s ease-out;
-  -moz-transition: all 0.5s ease-out;
-  -webkit-transition: all 0.5s ease-out;
-  -o-transition: all 0.5s ease-out;
-  transition: all 0.5s ease-out;
-}
-
-.header .header-nav.small {
-  margin-top: 0;
-}
-
-.header-nav .avatar {
-  float: left;
-  display: inline-block;
-  height: 100%;
-  border: 0.5px solid white;
-  border-radius: 18px;
-}
-.header-nav .avatar img {
-  display: block;
-  width: 64px;
-  height: 64px;
-  overflow: hidden;
-  border-radius: 100%;
-}
-
-.header-nav .nav-title {
-  display: inline-block;
-  padding-left: 10px;
-  height: 100%;
-  line-height: 60px;
-}
-
-.nav-title a {
-  height: 50px;
-  font-size: 20px;
-}

exampleSite/public/index.xml

@@ -1,10 +0,0 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>Gokarna</title>
-    <link>http://www.example.com/</link>
-    <description>Recent content on Gokarna</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en</language><atom:link href="http://www.example.com/index.xml" rel="self" type="application/rss+xml" />
-  </channel>
-</rss>

exampleSite/public/js/main.js

@@ -1,10 +0,0 @@
-$(window).scroll(function () {
-    var sc = $(window).scrollTop()
-    if (sc > 100) {
-        $(".header").addClass("small");
-        $(".header-nav").addClass("small");
-    } else {
-        $(".header").removeClass("small");
-        $(".header-nav").removeClass("small");
-    }
-});

exampleSite/public/sitemap.xml

@@ -1,11 +0,0 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
-  xmlns:xhtml="http://www.w3.org/1999/xhtml">
-  <url>
-    <loc>http://www.example.com/categories/</loc>
-  </url><url>
-    <loc>http://www.example.com/</loc>
-  </url><url>
-    <loc>http://www.example.com/tags/</loc>
-  </url>
-</urlset>

exampleSite/public/tags/index.xml

@@ -1,10 +0,0 @@
-<?xml version="1.0" encoding="utf-8" standalone="yes"?>
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>Tags on Gokarna</title>
-    <link>http://www.example.com/tags/</link>
-    <description>Recent content in Tags on Gokarna</description>
-    <generator>Hugo -- gohugo.io</generator>
-    <language>en</language><atom:link href="http://www.example.com/tags/index.xml" rel="self" type="application/rss+xml" />
-  </channel>
-</rss>