Fix navbar

.gitignore

@@ -0,0 +1,16 @@
+
+# Created by https://www.toptal.com/developers/gitignore/api/hugo
+# Edit at https://www.toptal.com/developers/gitignore?templates=hugo
+
+### Hugo ###
+# Generated files by hugo
+/public/
+/resources/_gen/
+hugo_stats.json
+
+# Executable may be added to repository
+hugo.exe
+hugo.darwin
+hugo.linux
+
+# End of https://www.toptal.com/developers/gitignore/api/hugo

archetypes/default.md

@@ -0,0 +1,6 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+---
+

config.toml

@@ -0,0 +1,5 @@
+baseURL = "https://bbaovanc.com/blog/"
+languageCode = "en-us"
+title = "bbaovanc's blog"
+theme = "bbaovanc"
+sectionPagesMenu = "main"

content/_index.md

@@ -0,0 +1,7 @@
+---
+title: ""
+date: 2021-03-25T13:41:26-05:00
+draft: false
+---
+
+This is my blog website. It uses [Hugo](https://gohugo.io/) and I have no idea how to use it.

content/about.md

@@ -0,0 +1,7 @@
+---
+title: "About"
+date: 2021-03-25T13:40:50-05:00
+draft: false
+---
+
+This is my about page.

content/posts/first.md

@@ -0,0 +1,12 @@
+---
+title: "First"
+date: 2021-03-24T20:42:10-05:00
+draft: true
+tags: ["test"]
+---
+
+Hello, world!
+
+<!--more-->
+
+This is some more!

content/posts/lorem_ipsum.md

@@ -0,0 +1,21 @@
+---
+title: "Lorem Ipsum"
+date: 2021-03-24T20:50:43-05:00
+draft: false
+---
+
+## Lorem
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aliquam malesuada bibendum arcu vitae. Suspendisse ultrices gravida dictum fusce ut placerat. Volutpat est velit egestas dui id ornare arcu. Quisque egestas diam in arcu. Augue lacus viverra vitae congue eu consequat ac. Tortor at auctor urna nunc id. Eu consequat ac felis donec. Nulla aliquet porttitor lacus luctus accumsan tortor. Justo nec ultrices dui sapien. Nec ullamcorper sit amet risus. Eleifend quam adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus. Risus nullam eget felis eget nunc. Ut placerat orci nulla pellentesque dignissim enim sit amet.
+
+<!--more-->
+
+## Ipsum
+
+At varius vel pharetra vel turpis nunc eget. Dolor morbi non arcu risus quis varius. Suspendisse potenti nullam ac tortor vitae purus faucibus ornare suspendisse. Sit amet facilisis magna etiam tempor orci eu. Nulla porttitor massa id neque. Volutpat consequat mauris nunc congue nisi vitae suscipit. Aliquet risus feugiat in ante. Lacus laoreet non curabitur gravida. Diam donec adipiscing tristique risus nec feugiat. Pharetra magna ac placerat vestibulum lectus mauris ultrices eros. Sed arcu non odio euismod lacinia at quis. Aliquam ultrices sagittis orci a. Libero nunc consequat interdum varius sit amet. Donec ultrices tincidunt arcu non sodales neque. Metus dictum at tempor commodo ullamcorper a lacus vestibulum.
+
+Amet consectetur adipiscing elit pellentesque habitant. Dignissim convallis aenean et tortor at risus viverra adipiscing. Odio aenean sed adipiscing diam. Sociis natoque penatibus et magnis dis parturient montes nascetur. Eget mauris pharetra et ultrices. Neque sodales ut etiam sit amet nisl. Consequat ac felis donec et odio pellentesque. Morbi non arcu risus quis varius quam quisque. Sit amet facilisis magna etiam tempor orci. Augue mauris augue neque gravida in fermentum et sollicitudin. Eget nullam non nisi est sit. Nunc eget lorem dolor sed viverra ipsum nunc. Vulputate sapien nec sagittis aliquam malesuada bibendum arcu vitae. Sed vulputate odio ut enim blandit volutpat. Turpis nunc eget lorem dolor sed viverra ipsum nunc. Fermentum posuere urna nec tincidunt. Malesuada pellentesque elit eget gravida cum sociis. Interdum velit euismod in pellentesque massa placerat duis ultricies lacus.
+
+Tempor id eu nisl nunc. Et egestas quis ipsum suspendisse. Consectetur adipiscing elit ut aliquam purus sit amet luctus. Adipiscing tristique risus nec feugiat in. Nibh tellus molestie nunc non blandit massa enim. Cras fermentum odio eu feugiat. Urna id volutpat lacus laoreet non curabitur gravida arcu ac. Quis commodo odio aenean sed adipiscing diam. Vel fringilla est ullamcorper eget nulla facilisi etiam dignissim diam. Netus et malesuada fames ac turpis. Nunc scelerisque viverra mauris in aliquam. Ut porttitor leo a diam sollicitudin tempor id eu nisl. Facilisis magna etiam tempor orci eu lobortis elementum. Vitae semper quis lectus nulla at volutpat diam ut. Pellentesque adipiscing commodo elit at imperdiet dui accumsan. Risus nullam eget felis eget. Neque volutpat ac tincidunt vitae semper quis lectus. Neque egestas congue quisque egestas diam in. Egestas quis ipsum suspendisse ultrices gravida dictum fusce. A iaculis at erat pellentesque adipiscing commodo elit at imperdiet.
+
+Amet aliquam id diam maecenas ultricies mi eget mauris. Est placerat in egestas erat imperdiet sed euismod. Vel quam elementum pulvinar etiam non. Eros donec ac odio tempor orci dapibus ultrices in. Sagittis nisl rhoncus mattis rhoncus urna neque. Quam viverra orci sagittis eu volutpat odio facilisis. Maecenas pharetra convallis posuere morbi leo urna molestie. Mauris pellentesque pulvinar pellentesque habitant. Cursus in hac habitasse platea dictumst quisque. Nibh venenatis cras sed felis eget velit aliquet sagittis id.

disabled_config.toml

@@ -0,0 +1,9 @@
+[menu]
+    [[menu.main]]
+        identifier = "home"
+        name = "Home"
+        url = "/"
+    [[menu.main]]
+        identifier = "posts"
+        name = "Posts"
+        url = "/posts"

themes/bbaovanc/LICENSE

@@ -0,0 +1,20 @@
+The MIT License (MIT)
+
+Copyright (c) 2021 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.

themes/bbaovanc/archetypes/default.md

@@ -0,0 +1,2 @@
++++
++++

themes/bbaovanc/layouts/_default/baseof.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        {{- partial "head.html" . -}}
+    </head>
+    <body>
+        {{- partial "header.html" . -}}
+        <div id="content">
+        {{- block "main" . }}{{- end }}
+        </div>
+        {{- partial "footer.html" . -}}
+    </body>
+</html>

themes/bbaovanc/layouts/_default/list.html

@@ -0,0 +1,14 @@
+{{ define "main" }}
+
+{{ range .Data.Pages }}
+<article class="post-snippet">
+  <h3>
+    <a href="{{ .RelPermalink }}">{{ .Title }}</a>
+  </h3>
+	<time datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}">
+		{{ .Date.Format "January 2, 2006" }}
+	</time>
+</article>
+{{ end }}
+
+{{ end }}

themes/bbaovanc/layouts/_default/single.html

@@ -0,0 +1,11 @@
+{{ define "main" }}
+
+<div class="row">
+    <div class="main">
+        <h1>{{ .Title }}</h2>
+        <h4>{{ .Date.Format "Mon, Jan 2, 2006" }}</h5>
+        {{ .Content }}
+    </div>
+</div>
+
+{{ end }}

themes/bbaovanc/layouts/index.html

@@ -0,0 +1,11 @@
+{{ define "main" }}
+
+<div class="row">
+    <div class="main">
+        <p>
+        This is my blog website.
+        </p>
+    </div>
+</div>
+
+{{ end }}

themes/bbaovanc/layouts/partials/head.html

@@ -0,0 +1,24 @@
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="stylesheet" href="/blog/css/style.css">
+<link rel="icon" type="image/svg+xml" href="/blog/icon/favicon.svg">
+<link rel="alternate icon" href="/blog/icon/favicon.ico">
+
+<meta name="subject" content="{{ .Title }}">
+<meta name="description" content="{{ .Description }}">
+<meta name="url" content="{{ .Permalink }}">
+<meta name="reply-to" content="contact@bbaovanc.com">
+
+<meta name="og:type" content="website">
+<meta name="og:title" content="{{ .Title }}">
+<meta name="og:url" content="{{ .Permalink }}">
+<meta name="og:site_name" content="bbaovanc's Website">
+<meta name="og:description" content="{{ .Description }}">
+<meta name="og:email" content="contact@bbaovanc.com">
+<meta name="og:image" content="/blog/icon/bbaovanc-1024.png">
+
+{{ range .AlternativeOutputFormats -}}
+    {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
+{{ end -}}
+
+<title>{{ if not .IsHome }}{{ .Title }} - {{ end }}{{ .Site.Title }}</title>

themes/bbaovanc/layouts/partials/header.html

@@ -0,0 +1,12 @@
+<div class="header">
+    <h1>{{ .Site.Title }}</h1>
+</div>
+
+<div class="navbar">
+    <a href="{{ .Site.BaseURL }}">Home</a>
+    {{ $currentPage := . }}
+    {{ range .Site.Menus.main }}
+    <a class="sidebar-nav-item{{if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} active{{end}}" href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a>
+    {{ end }}
+    <a href="https://bbaovanc.com" rel="noreferrer" target="_blank">Main Site</a>
+</div>

themes/bbaovanc/static/css/OLD_style.css

@@ -0,0 +1,108 @@
+@media screen and (max-width: 700px) {
+  .row {
+    flex-direction: column;
+  }
+}
+@media screen and (max-width: 400px) {
+  .navbar a {
+    float: none;
+    width: 100%;
+  }
+}
+
+body {
+  font-family: sans-serif;
+}
+a {
+  color: blue;
+}
+
+.header {
+  padding: 10px;
+  text-align: center;
+  background: #4FA2F5;
+  color: white;
+}
+.header h1 {
+  font-size: 40px;
+}
+
+.navbar {
+  overflow: hidden;
+  background-color: #999;
+}
+.navbar a {
+  float: left;
+  display: block;
+  color: white;
+  text-align: center;
+  padding: 14px 20px;
+  text-decoration: none;
+}
+/* .navbar a.right {
+  float: right;
+} */
+.navbar a:hover {
+  background-color: #ddd;
+  color: black;
+}
+
+* {
+  box-sizing: border-box;
+}
+.row {
+  display: flex;
+  flex-wrap: wrap;
+}
+.side {
+  flex: 25%;
+  background-color: lightgray;
+  padding: 20px;
+}
+.main {
+  flex: 70%;
+  background-color: white;
+  padding: 20px;
+  max-width: 650px;
+}
+.footer {
+  padding: 20px;
+  text-align: center;
+  background: #ddd;
+}
+
+@media (prefers-color-scheme: dark) {
+  body {
+    background-color: black;
+  }
+  a {
+    color: #4da6ff;
+  }
+  .header {
+    background: #1A406B;
+    color: lightgray;
+  }
+  .navbar {
+    background-color: #222;
+  }
+  .navbar a {
+    color: lightgray;
+  }
+  .navbar a:hover {
+    background-color: #444;
+    color: white;
+  }
+  .side {
+    background-color: #111;
+    color: lightgray;
+  }
+  .main {
+    background-color: black;
+    color: lightgray;
+  }
+  .footer {
+    background: #222;
+    color: lightgray;
+  }
+  max-width: 650px;
+}

themes/bbaovanc/static/css/style.css

@@ -0,0 +1,107 @@
+@media screen and (max-width: 700px) {
+  .row {
+    flex-direction: column;
+  }
+}
+@media screen and (max-width: 400px) {
+  .navbar a {
+    float: none;
+    width: 100%;
+  }
+}
+
+body {
+  font-family: sans-serif;
+  color: black;
+}
+a {
+  color: blue;
+}
+
+.header {
+  padding: 10px;
+  text-align: center;
+  background: #4FA2F5;
+  color: white;
+}
+.header h1 {
+  font-size: 40px;
+}
+
+.navbar {
+  overflow: hidden;
+  background-color: #999;
+}
+.navbar a {
+  float: left;
+  display: block;
+  color: white;
+  text-align: center;
+  padding: 14px 20px;
+  text-decoration: none;
+}
+/* .navbar a.right {
+  float: right;
+} */
+.navbar a:hover {
+  background-color: #ddd;
+  color: black;
+}
+
+* {
+  box-sizing: border-box;
+}
+.row {
+  display: flex;
+  flex-wrap: wrap;
+}
+.side {
+  flex: 25%;
+  background-color: lightgray;
+  padding: 20px;
+}
+.main {
+  flex: 70%;
+  background-color: white;
+  padding: 20px;
+  max-width: 650px;
+}
+.footer {
+  padding: 20px;
+  text-align: center;
+  background: #ddd;
+}
+
+@media (prefers-color-scheme: dark) {
+  body {
+    background-color: black;
+    color: lightgray;
+  }
+  a {
+    color: #4da6ff;
+  }
+  .header {
+    background: #1A406B;
+    color: lightgray;
+  }
+  .navbar {
+    background-color: #222;
+  }
+  .navbar a {
+    color: lightgray;
+  }
+  .navbar a:hover {
+    background-color: #444;
+    color: white;
+  }
+  .side {
+    background-color: #111;
+  }
+  .main {
+    background-color: black;
+  }
+  .footer {
+    background: #222;
+  }
+  max-width: 650px;
+}

themes/bbaovanc/static/icon/favicon.svg

@@ -0,0 +1,922 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="8"
+   height="8"
+   viewBox="0 0 2.1166666 2.1166666"
+   version="1.1"
+   id="svg40"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   sodipodi:docname="catalex-circle.svg">
+  <defs
+     id="defs34">
+    <clipPath
+       id="clipPath57"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle59"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath61"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle63"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath65"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle67"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath69"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle71"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath73"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle75"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath77"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle79"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath81"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle83"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath85"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle87"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath89"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle91"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath93"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle95"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath97"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle99"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath101"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle103"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath105"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle107"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath109"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle111"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath113"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle115"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath117"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle119"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath121"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle123"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath125"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle127"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath129"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle131"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath133"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle135"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath137"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle139"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath141"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle143"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath145"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle147"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath149"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle151"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath153"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle155"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath157"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle159"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath161"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle163"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath165"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle167"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath169"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle171"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath173"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle175"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath177"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle179"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath181"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle183"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath185"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle187"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath189"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle191"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath193"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle195"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath197"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle199"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath201"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle203"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath205"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle207"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath209"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle211"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath213"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle215"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath217"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle219"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath221"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle223"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath225"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle227"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath229"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle231"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath233"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle235"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath237"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle239"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath241"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle243"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+    <clipPath
+       id="clipPath245"
+       clipPathUnits="userSpaceOnUse">
+      <circle
+         r="1.0583333"
+         cy="1.0583333"
+         cx="1.0583333"
+         id="circle247"
+         style="fill:#5d605c;fill-opacity:0.6;stroke-width:0.264583" />
+    </clipPath>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="64"
+     inkscape:cx="3.1419425"
+     inkscape:cy="4.5306433"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="true"
+     units="px"
+     showguides="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata37">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       clip-path="url(#clipPath245)"
+       style="fill:#e59947;fill-opacity:1;stroke-width:0.264583"
+       id="rect1004"
+       width="0.26458332"
+       height="0.26458332"
+       x="0"
+       y="0" />
+    <rect
+       clip-path="url(#clipPath241)"
+       style="fill:#e58d3f;fill-opacity:1;stroke-width:0.264583"
+       id="rect1006"
+       width="0.26458332"
+       height="0.26458332"
+       x="0.26458332"
+       y="0" />
+    <rect
+       clip-path="url(#clipPath237)"
+       y="0.26458332"
+       x="0"
+       height="0.26458335"
+       width="0.26458332"
+       id="rect1006-7"
+       style="fill:#e58d3f;fill-opacity:1;stroke-width:0.264583" />
+    <rect
+       clip-path="url(#clipPath233)"
+       y="0.52916664"
+       x="0.26458332"
+       height="0.26458338"
+       width="0.26458338"
+       id="rect1006-5"
+       style="fill:#e58d3f;fill-opacity:1;stroke-width:0.264583" />
+    <rect
+       clip-path="url(#clipPath229)"
+       y="0.26458332"
+       x="0.52916664"
+       height="0.26458332"
+       width="0.26458332"
+       id="rect1006-3"
+       style="fill:#e58d3f;fill-opacity:1;stroke-width:0.264583" />
+    <rect
+       clip-path="url(#clipPath225)"
+       y="6.7858374e-10"
+       x="0.79374999"
+       height="0.26458332"
+       width="0.26458332"
+       id="rect1006-56"
+       style="fill:#e58d3f;fill-opacity:1;stroke-width:0.264583" />
+    <rect
+       clip-path="url(#clipPath221)"
+       y="6.7858374e-10"
+       x="0.52916664"
+       height="0.26458332"
+       width="0.26458332"
+       id="rect1004-2"
+       style="fill:#e59947;fill-opacity:1;stroke-width:0.264583" />
+    <rect
+       clip-path="url(#clipPath217)"
+       y="0.26458332"
+       x="0.26458332"
+       height="0.26458332"
+       width="0.26458332"
+       id="rect1004-9"
+       style="fill:#e59947;fill-opacity:1;stroke-width:0.264583" />
+    <rect
+       clip-path="url(#clipPath213)"
+       y="0.26458332"
+       x="0.79374999"
+       height="0.26458332"
+       width="0.26458332"
+       id="rect1004-1"
+       style="fill:#e59947;fill-opacity:1;stroke-width:0.264583" />
+    <rect
+       clip-path="url(#clipPath209)"
+       y="0.52916664"
+       x="0.52916664"
+       height="0.26458332"
+       width="0.26458332"
+       id="rect1004-27"
+       style="fill:#e59947;fill-opacity:1;stroke-width:0.264583" />
+    <rect
+       clip-path="url(#clipPath205)"
+       y="0.52916664"
+       x="0"
+       height="0.26458332"
+       width="0.26458332"
+       id="rect1004-0"
+       style="fill:#e59947;fill-opacity:1;stroke-width:0.264583" />
+    <rect
+       clip-path="url(#clipPath201)"
+       style="fill:#dc933c;fill-opacity:1;stroke-width:0.264583"
+       id="rect1083"
+       width="0.26458332"
+       height="0.26458332"
+       x="0"
+       y="0.79374999" />
+    <rect
+       clip-path="url(#clipPath197)"
+       y="0.79374999"
+       x="0.26458332"
+       height="0.26458332"
+       width="0.26458332"
+       id="rect1083-9"
+       style="fill:#dc933c;fill-opacity:1;stroke-width:0.264583" />
+    <rect
+       clip-path="url(#clipPath193)"
+       y="0.79374999"
+       x="0.52916664"
+       height="0.26458332"
+       width="0.26458332"
+       id="rect1083-3"
+       style="fill:#dc933c;fill-opacity:1;stroke-width:0.264583" />
+    <rect
+       clip-path="url(#clipPath189)"
+       y="0.52916664"
+       x="0.79374999"
+       height="0.26458332"
+       width="0.26458332"
+       id="rect1083-6"
+       style="fill:#dc933c;fill-opacity:1;stroke-width:0.264583" />
+    <rect
+       clip-path="url(#clipPath185)"
+       style="fill:#000000;fill-opacity:1;stroke-width:0.264583"
+       id="rect1112"
+       width="1.0583333"
+       height="0.26458332"
+       x="1.0583333"
+       y="0" />
+    <rect
+       clip-path="url(#clipPath181)"
+       style="fill:#000000;fill-opacity:1;stroke-width:0.264583"
+       id="rect1114"
+       width="0.26458332"
+       height="1.0583333"
+       x="1.8520833"
+       y="0.26458332" />
+    <rect
+       clip-path="url(#clipPath177)"
+       style="fill:#000000;fill-opacity:1;stroke-width:0.264583"
+       id="rect1116"
+       width="0.26458332"
+       height="0.52916664"
+       x="1.8520833"
+       y="1.5875" />
+    <rect
+       clip-path="url(#clipPath173)"
+       style="fill:#000000;fill-opacity:1;stroke-width:0.264583"
+       id="rect1118"
+       width="0.79375005"
+       height="0.26458335"
+       x="1.0583333"
+       y="1.8520833" />
+    <rect
+       clip-path="url(#clipPath169)"
+       style="fill:#000000;fill-opacity:1;stroke-width:0.264583"
+       id="rect1120"
+       width="0.26458332"
+       height="0.79374999"
+       x="1.0583333"
+       y="0.26458332" />
+    <rect
+       clip-path="url(#clipPath165)"
+       style="fill:#ebd3b3;fill-opacity:1;stroke-width:0.264583"
+       id="rect1122"
+       width="0.26458332"
+       height="0.26458332"
+       x="0.79374999"
+       y="0.79374999" />
+    <rect
+       clip-path="url(#clipPath161)"
+       style="fill:#236224;fill-opacity:1;stroke-width:0.264583"
+       id="rect1124"
+       width="0.26458332"
+       height="0.26458332"
+       x="0.52916664"
+       y="1.0583333" />
+    <rect
+       clip-path="url(#clipPath157)"
+       style="fill:#fbfbfb;fill-opacity:1;stroke-width:0.264583"
+       id="rect1126"
+       width="0.26458332"
+       height="0.26458332"
+       x="0.26458332"
+       y="1.0583333" />
+    <rect
+       clip-path="url(#clipPath153)"
+       style="fill:#e4cba9;fill-opacity:1;stroke-width:0.264583"
+       id="rect1128"
+       width="0.26458332"
+       height="0.26458332"
+       x="0"
+       y="1.0583333" />
+    <rect
+       clip-path="url(#clipPath149)"
+       style="fill:#eed6b6;fill-opacity:1;stroke-width:0.264583"
+       id="rect1130"
+       width="0.26458332"
+       height="0.26458332"
+       x="0"
+       y="1.3229166" />
+    <rect
+       clip-path="url(#clipPath145)"
+       style="fill:#f2daba;fill-opacity:1;stroke-width:0.264583"
+       id="rect1132"
+       width="0.26458332"
+       height="0.26458332"
+       x="0"
+       y="1.5875" />
+    <rect
+       clip-path="url(#clipPath141)"
+       style="fill:#f2daba;fill-opacity:1;stroke-width:0.264583"
+       id="rect1134"
+       width="0.52916664"
+       height="0.26458335"
+       x="0"
+       y="1.8520833" />
+    <rect
+       clip-path="url(#clipPath137)"
+       style="fill:#efd9bb;fill-opacity:1;stroke-width:0.264583"
+       id="rect1136"
+       width="0.26458332"
+       height="0.26458332"
+       x="0.26458332"
+       y="1.3229166" />
+    <rect
+       clip-path="url(#clipPath133)"
+       style="fill:#f2daba;fill-opacity:1;stroke-width:0.264583"
+       id="rect1138"
+       width="0.26458332"
+       height="0.52916664"
+       x="0.52916664"
+       y="1.3229166" />
+    <rect
+       clip-path="url(#clipPath129)"
+       style="fill:#f2ddc2;fill-opacity:1;stroke-width:0.264583"
+       id="rect1140"
+       width="0.26458332"
+       height="0.26458332"
+       x="0.26458332"
+       y="1.5875" />
+    <rect
+       clip-path="url(#clipPath125)"
+       style="fill:#f2ddc2;fill-opacity:1;stroke-width:0.264583"
+       id="rect1142"
+       width="0.26458332"
+       height="0.26458332"
+       x="0.52916664"
+       y="1.8520833" />
+    <rect
+       clip-path="url(#clipPath121)"
+       style="fill:#f2daba;fill-opacity:1;stroke-width:0.264583"
+       id="rect1144"
+       width="0.26458332"
+       height="0.26458332"
+       x="0.79374999"
+       y="1.8520833" />
+    <rect
+       clip-path="url(#clipPath117)"
+       style="fill:#f2ddc2;fill-opacity:1;stroke-width:0.264583"
+       id="rect1146"
+       width="0.26458332"
+       height="0.26458332"
+       x="0.79374999"
+       y="1.3229166" />
+    <rect
+       clip-path="url(#clipPath113)"
+       style="fill:#f2daba;fill-opacity:1;stroke-width:0.264583"
+       id="rect1148"
+       width="0.26458332"
+       height="0.26458332"
+       x="0.79374999"
+       y="1.0583333" />
+    <rect
+       clip-path="url(#clipPath109)"
+       style="fill:#efbbb1;fill-opacity:1;stroke-width:0.264583"
+       id="rect1150"
+       width="0.26458332"
+       height="0.26458332"
+       x="0.79374999"
+       y="1.5875" />
+    <rect
+       clip-path="url(#clipPath105)"
+       style="fill:#000000;fill-opacity:1;stroke-width:0.264583"
+       id="rect1152"
+       width="0.26458332"
+       height="0.26458332"
+       x="1.3229166"
+       y="0.26458332" />
+    <rect
+       clip-path="url(#clipPath101)"
+       style="fill:#303130;fill-opacity:1;stroke-width:0.264583"
+       id="rect1154"
+       width="0.52916664"
+       height="0.26458332"
+       x="1.3229166"
+       y="0.52916664" />
+    <rect
+       clip-path="url(#clipPath97)"
+       style="fill:#d57cac;fill-opacity:1;stroke-width:0.264583"
+       id="rect1156"
+       width="0.26458332"
+       height="0.26458332"
+       x="1.5875"
+       y="0.26458332" />
+    <rect
+       clip-path="url(#clipPath93)"
+       style="fill:#5d605c;fill-opacity:1;stroke-width:0.264583"
+       id="rect1158"
+       width="0.52916664"
+       height="0.26458332"
+       x="1.3229166"
+       y="0.79374999" />
+    <rect
+       clip-path="url(#clipPath89)"
+       style="fill:#eaf50a;fill-opacity:1;stroke-width:0.264583"
+       id="rect1160"
+       width="0.26458332"
+       height="0.26458332"
+       x="1.3229166"
+       y="1.0583333" />
+    <rect
+       clip-path="url(#clipPath85)"
+       style="fill:#f6f7de;fill-opacity:1;stroke-width:0.264583"
+       id="rect1162"
+       width="0.26458332"
+       height="0.26458332"
+       x="1.5875"
+       y="1.0583333" />
+    <rect
+       clip-path="url(#clipPath81)"
+       style="fill:#5d605c;fill-opacity:1;stroke-width:0.264583"
+       id="rect1164"
+       width="0.26458332"
+       height="0.26458332"
+       x="1.8520833"
+       y="1.3229166" />
+    <rect
+       clip-path="url(#clipPath77)"
+       style="fill:#303130;fill-opacity:1;stroke-width:0.264583"
+       id="rect1166"
+       width="0.26458332"
+       height="0.52916664"
+       x="1.5875"
+       y="1.3229166" />
+    <rect
+       clip-path="url(#clipPath73)"
+       style="fill:#959d98;fill-opacity:1;stroke-width:0.264583"
+       id="rect1168"
+       width="0.26458332"
+       height="0.26458332"
+       x="1.3229166"
+       y="1.3229166" />
+    <rect
+       clip-path="url(#clipPath69)"
+       style="fill:#959d98;fill-opacity:1;stroke-width:0.264583"
+       id="rect1170"
+       width="0.26458332"
+       height="0.26458332"
+       x="1.0583333"
+       y="1.5875" />
+    <rect
+       clip-path="url(#clipPath65)"
+       style="fill:#e7a2cd;fill-opacity:1;stroke-width:0.264583"
+       id="rect1172"
+       width="0.26458332"
+       height="0.26458332"
+       x="1.0583333"
+       y="1.3229166" />
+    <rect
+       clip-path="url(#clipPath61)"
+       style="fill:#f6f6ee;fill-opacity:1;stroke-width:0.264583"
+       id="rect1174"
+       width="0.26458332"
+       height="0.26458332"
+       x="1.3229166"
+       y="1.5875" />
+    <rect
+       clip-path="url(#clipPath57)"
+       style="fill:#5d605c;fill-opacity:1;stroke-width:0.264583"
+       id="rect1176"
+       width="0.26458332"
+       height="0.26458332"
+       x="1.0583333"
+       y="1.0583333" />
+  </g>
+</svg>

themes/bbaovanc/theme.toml

@@ -0,0 +1,21 @@
+# theme.toml template for a Hugo theme
+# See https://github.com/gohugoio/hugoThemes#themetoml for an example
+
+name = "Bbaovanc"
+license = "MIT"
+licenselink = "https://github.com/yourname/yourtheme/blob/master/LICENSE"
+description = ""
+homepage = "http://example.com/"
+tags = []
+features = []
+min_version = "0.41.0"
+
+[author]
+  name = ""
+  homepage = ""
+
+# If porting an existing theme
+[original]
+  name = ""
+  homepage = ""
+  repo = ""