Create debug site and link statics

exampleSite/config.toml

@@ -0,0 +1,11 @@
+baseURL = "http://www.example.com"
+title = "Gokarna"
+theme = "gokarna"
+languageCode = "en"
+defaultContentLanguage = "en"
+
+paginate = 20
+
+pygmentsStyle = "bw"
+pygmentsCodeFences = true
+pygmentsCodeFencesGuessSyntax = true

exampleSite/public/categories/index.xml

@@ -0,0 +1,10 @@
+<?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

@@ -0,0 +1,98 @@
+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

@@ -0,0 +1,10 @@
+<?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

@@ -0,0 +1,10 @@
+$(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

@@ -0,0 +1,11 @@
+<?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

@@ -0,0 +1,10 @@
+<?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>

exampleSite/themes

@@ -0,0 +1 @@
+../themes

themes/gokarna/layouts/index.html

@@ -0,0 +1,5 @@
+{{ define "main" }}
+<div id="home-jumbotron" class="jumbotron text-center">
+  <h1 class="title">{{ .Site.Title }}</h1>
+</div>
+{{ end }}

themes/gokarna/layouts/partials/head.html

@@ -0,0 +1,10 @@
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" href="/css/main.css">
+    <script src="/js/jquery-3.6.0.slim.min.js"></script>
+    <script src="/js/main.js"></script>
+    {{ $title := print .Site.Title " | " .Title }}
+    {{ if .IsHome }}{{ $title = .Site.Title }}{{ end }}
+    <title>{{ $title }}</title>
+</head>

themes/gokarna/layouts/partials/header.html

@@ -4,12 +4,12 @@
 
             <div class="avatar">
                 <a href=".Site.BaseURL">
-                    <img src=".Site.Params.Avatar" alt=" Avatar" />
+                    <img src=".Site.Params.Avatar" alt="Avatar" />
                 </a>
             </div>
 
             <div class="nav-title">
-                <a class="nav-brand" href="https://shantanugoel.com">Title title</a>
+                <a class="nav-brand" href="https://example.com">Title title</a>
             </div>
 
         </nav>