Add (not currently working) settings to generate a SQL db

.drone.yml

@@ -1,41 +0,0 @@
----
-kind: pipeline
-type: docker
-name: Deploy to bbaovanc.com
-
-trigger:
-    branch:
-        - master
-    event:
-        exclude:
-            - pull_request
-
-steps:
-    - name: submodules
-      image: alpine/git
-      commands:
-          - git submodule update --init --recursive
-
-    - name: build
-      image: bbaovanc/hugo
-      commands:
-          - hugo version
-          - hugo --minify
-
-    - name: list files
-      image: alpine:latest
-      commands:
-          - find public/
-
-    - name: upload
-      image: appleboy/drone-scp
-      settings:
-          host: bbaovanc.com
-          port: 2222
-          username: droneci
-          key:
-              from_secret: SSH_KEY
-          target: /var/www/bbaovanc/blog/
-          rm: true
-          source: public/
-          strip_components: 1

.gitmodules

@@ -1,4 +1,3 @@
-[submodule "themes/hugo-bearblog"]
-	path = themes/hugo-bearblog
-	url = https://github.com/janraasch/hugo-bearblog.git
-	branch = master
+[submodule "themes/terminal"]
+	path = themes/terminal
+	url = https://github.com/panr/hugo-theme-terminal.git

archetypes/default.md

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

archetypes/posts.md

@@ -1 +0,0 @@
-../themes/hugo-bearblog/archetypes/blog.md

assets/css/comments.css

@@ -1,22 +0,0 @@
-.commento-root * {
-    color: white;
-}
-
-.commento-root .commento-logged-container .commento-logged-in-as .commento-name,
-.commento-root .commento-anonymous-checkbox-container input[type="checkbox"] + label {
-    color: rgb(134, 142, 150);
-}
-
-.commento-root textarea {
-    border-color: rgba(255, 255, 255, 0.1);
-    background-color: rgba(0, 0, 0, 0);
-    color: white;
-}
-
-.commento-root .commento-card {
-    border-top-color: rgba(255, 255, 255, 0.1);
-}
-
-.commento-root .commento-dark-card {
-    background-color: rgb(64, 64, 64);
-}

config.toml

@@ -1,46 +1,110 @@
 baseURL = "https://bbaovanc.com/blog/"
-theme = "hugo-bearblog"
+languageCode = "en-us"
+theme = "terminal"
+paginate = 5
+enableGitInfo = true
 
-title = "bbaovanc's blog"
-author = "bbaovanc"
-copyright = "Copyright © 2021, bbaovanc."
-languageCode = "en-US"
+[mediaTypes]
+[mediaTypes."text/sql"]
+  suffixes = ["sql"]
 
-# Generate a nice robots.txt for SEO
-enableRobotsTXT = true
+[outputFormats]
+[outputFormats.SQL]
+    mediaType = "text/sql"
 
-#disableKinds = ["taxonomy"]
-#ignoreErrors = ["error-disable-taxonomy"]
-[permalinks]
-  blog = "/:slug/"
-  tags = "/posts/:slug"
+[outputs]
+    home = ["sql", "html"]
+
+# [permalinks]
+#   posts = "/:year/:month/:title/"
 
 [params]
-  # The "description" of your website. This is used in the meta data of your generated html.
-  description = "My personal blog site"
+  # dir name of your main content (default is `content/posts`).
+  # the list of set content will show up on your index page (baseurl).
+  contentTypeName = "posts"
 
-  # The path to your "favicon". This should be a square (at least 32px x 32px) png-file.
-  # Hint: It's good practise to also put a "favicon.ico"-file into your "static"-folder.
-  favicon = "img/favicon.svg"
+  # ["orange", "blue", "red", "green", "pink"]
+  themeColor = "blue"
 
-  # These "images" are used for the structured data templates. This will show up, when
-  # services like Twitter or Slack want to generate a preview of a link to your site.
-  # See https://gohugo.io/templates/internal#twitter-cards and
-  # https://gohugo.io/templates/internal#open-graph.
-  images = ["img/bbaovanc-1024.png"]
+  # if you set this to 0, only submenu trigger will be visible
+  showMenuItems = 5
 
-  # Another "title" :-). This one is used as the site_name on the Hugo's internal
-  # opengraph structured data template.
-  # See https://ogp.me/ and https://gohugo.io/templates/internal#open-graph.
-  title = "bbaovanc's blog"
+  # show selector to switch language
+  showLanguageSelector = false
 
-  # This theme will, by default, inject a made-with-line at the bottom of the page.
-  # You can turn it off, but we would really appreciate if you don’t :-).
-  # hideMadeWithLine = true
+  # set theme to full screen width
+  fullWidthTheme = false
 
-  # By default, this theme displays dates with a format like "02 Jan, 2006", but
-  # you can customize it by setting the `dateFormat` param in your site's config
-  # file. See [Hugo's Format function docs](https://gohugo.io/functions/format/)
-  # for details. An example TOML config that uses [ISO
-  # 8601](https://en.wikipedia.org/wiki/ISO_8601) format:
-  dateFormat = "Jan 02, 2006"
+  # center theme with default width
+  centerTheme = true
+
+  # set a custom favicon (default is a `themeColor` square)
+  favicon = "icon/favicon.ico"
+
+  # set post to show the last updated
+  # If you use git, you can set `enableGitInfo` to `true` and then post will automatically get the last updated
+  showLastUpdated = true
+  # Provide a string as a prefix for the last update date. By default, it looks like this: 2020-xx-xx [Updated: 2020-xx-xx] :: Author
+  # updatedDatePrefix = "Updated"
+
+  # set all headings to their default size (depending on browser settings)
+  # it's set to `true` by default
+  # oneHeadingSize = false
+
+[params.twitter]
+  # set Twitter handles for Twitter cards
+  # see https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started#card-and-content-attribution
+  # do not include @
+  creator = ""
+  site = ""
+
+[languages]
+  [languages.en]
+    languageName = "English"
+    title = "bbaovanc's blog"
+    subtitle = "My personal blog site"
+    owner = "bbaovanc"
+    keywords = ""
+    copyright = ""
+    menuMore = "Show more"
+    readMore = "Read more"
+    readOtherPosts = "Read other posts"
+    newerPosts = "Newer posts"
+    olderPosts = "Older posts"
+    missingContentMessage = "Page not found..."
+    missingBackButtonLabel = "Back to home page"
+
+    [languages.en.params.logo]
+      logoText = "bbaovanc's blog"
+      logoHomeLink = "/blog/"
+
+    [languages.en.menu]
+      [[languages.en.menu.main]]
+        identifier = "tags"
+        name = "Tags"
+        url = "/tags"
+        weight = 10
+
+      [[languages.en.menu.main]]
+        identifier = "links"
+        name = "Links"
+        url = "/links"
+        weight = 20
+
+      [[languages.en.menu.main]]
+        identifier = "rss"
+        name = "RSS Feed"
+        url = "/posts/index.xml"
+        weight = 30
+
+      [[languages.en.menu.main]]
+        identifier = "main-website"
+        name = "Main Website"
+        url = "https://bbaovanc.com/"
+        weight = 40
+
+      [[languages.en.menu.main]]
+        identifier = "source-code"
+        name = "Source Code"
+        url = "https://git.bbaovanc.com/bbaovanc.com/blog"
+        weight = 50

content/links.md

@@ -14,8 +14,8 @@ toc: true
 - [Main Site](https://bbaovanc.com/)
 - [Blog](https://bbaovanc.com/blog/)
 - [Status Page](https://status.bbaovanc.com/)
-- [Searx Instance](https://search.bbaovanc.com/) -
-  [source code](https://github.com/BBaoVanC/searx)
+- [Searx Instance](https://searx.bbaovanc.com/) -
+  [source code](https://github.com/BBaoVanC/searx.bbaovanc.com)
 - [Gitea Instance](https://git.bbaovanc.com/)
 
 ## My Software

content/posts/allow-non-root-processes-to-bind-to-privileged-ports.md

@@ -1,68 +0,0 @@
-+++
-title = "Allow Non Root Processes to Bind to Privileged Ports"
-date = "2021-03-28T20:03:16-05:00"
-author = "bbaovanc"
-tags = ["guide", "linux"]
-keywords = ["linux", "privileged", "ports", "tutorial", "guide", "gitea",
-"systemd"]
-
-description = """
-In Linux, processes cannot bind to privileged ports (<=1024) unless they are
-running as root. Here's how to allow any process to bind to privileged ports.
-"""
-
-showFullContent = false
-toc = true
-+++
-
-## Introduction
-
-In Linux, processes cannot bind to privileged ports (<=1024) unless they are
-running as root. I learned about this when I was trying to add SSH cloning to my
-[Gitea](https://gitea.io) instance. This can be bypassed by giving
-`CAP_NET_BIND_SERVICE` capabilities to either the systemd service, or the
-executable itself.
-
-## Giving `CAP_NET_BIND_SERVICE` capabilities
-
-### Using systemd (preferred)
-
-The best way is to tell systemd to give `CAP_NET_BIND_SERVICE`
-capabilities to the service. In fact, the Gitea systemd service has two
-lines[^1] that are commented out:
-
-```systemd
-CapabilityBoundingSet=CAP_NET_BIND_SERVICE
-AmbientCapabilities=CAP_NET_BIND_SERVICE
-```
-
-Uncommenting these two lines was all I had to do for Gitea.
-
-### Using `setcap`
-
-You can add `CAP_NET_BIND_SERVICE` to the executable directly using `setcap`,
-allowing it to bind to any port. Run the following command[^2]:
-
-```bash
-setcap 'cap_net_bind_service=+ep' /path/to/program
-```
-
-Note that this means that anyone with permission to run this program will be
-able to run it and bind to any privileged ports.
-
-Other caveats[^2]:
-
-> 1. You will need at least a 2.6.24 kernel
-> 2. This won't work if your file is a script. (ie, uses a #! line to launch an
->    interpreter). In this case, as far I as understand, you'd have to apply the
->    capability to the interpreter executable itself, which of course is a
->    security nightmare, since any program using that interpreter will have the
->    capability. I wasn't able to find any clean, easy way to work around this
->    problem.
-> 3. Linux will disable LD\_LIBRARY\_PATH on any program that has elevated
->    privileges like setcap or suid. So if your program uses its own .../lib/,
->    you might have to look into another option like port forwarding.
-
-[^1]: https://github.com/go-gitea/gitea/blob/3416e2a82586fca4cd452b93237b979300f55d62/contrib/systemd/gitea.service#L69
-      and https://stackoverflow.com/a/47065825
-[^2]: https://stackoverflow.com/a/414258

content/posts/checkra1n-gui-on-other-distros.md

@@ -2,8 +2,8 @@
 title = "Checkra1n GUI on Other Distros"
 date = "2021-03-25T21:19:51-05:00"
 author = "bbaovanc"
-cover = "media/checkra1n-gui-on-arch-linux.webp"
-tags = ["guide", "linux", "archlinux", "jailbreak", "checkra1n"]
+cover = "/blog/media/checkra1n-gui-on-arch-linux.png"
+tags = ["linux", "archlinux", "jailbreak", "checkra1n"]
 keywords = ["checkra1n", "gui", "linux", "arch linux"]
 
 description = """

content/posts/edited-in-middle-of-message-discord.md

@@ -2,8 +2,8 @@
 title = "Put (edited) in the middle of a message in Discord"
 date = "2021-03-25T18:48:34-05:00"
 author = "bbaovanc"
-cover = "media/discord-tricks/edited-in-middle-of-message.webp"
-tags = ["tutorial", "discord", "discord-tricks"]
+cover = "media/discord-tricks/edited-in-middle-of-message.png"
+tags = ["discord", "discord-tricks"]
 keywords = ["discord", "edited"]
 
 description = """

content/posts/new-comment-system-again.md

@@ -1,36 +0,0 @@
-+++
-title = "New Comment System (again)"
-date = "2021-04-17T00:08:30-05:00"
-author = "bbaovanc"
-tags = ["announcement", "hugo", "blog"]
-keywords = ["hugo", "comment system", "blog", "commento"]
-
-description = """
-I decided to switch my comment system from Isso to
-[Commento](https://www.commento.io/)
-"""
-
-showFullContent = false
-+++
-
-## Isso vs Commento
-
-I know it's only been six days since I added Isso, but I decided to switch to a
-better comment system. Isso is meant to be simple, which means that it's missing
-a lot of features. Commento has a lot of features such as sticky (pinned)
-comments, spam detection, thread locking, email notifications (I couldn't get
-this working on Isso), and a nicer design. I also was able to write some
-[custom CSS rules][1] which make it look alright on my blog's theme. It also
-supports SSO, so I might add support for signing up with GitHub, and possibly
-GitLab.
-
-## Summary of the [first post]({{< ref "/posts/new-comment-system" >}})
-
-If you haven't read the
-[New Comment System]({{< ref "/posts/new-comment-system" >}}) post, here's the
-most important information. There's a comment section at the bottom of each post
-where you can view and post comments. You can post anonymously, or create an
-account so you can show your username and get email notifications. You can also
-upvote, downvote, and reply to other comments.
-
-[1]: https://git.bbaovanc.com/bbaovanc.com/blog/src/commit/478e15218313a33216d361de387b3bd878cd0ba6/assets/css/comments.css

content/posts/new-comment-system.md

@@ -1,39 +0,0 @@
-+++
-title = "New Comment System"
-date = "2021-04-11T00:17:13-05:00"
-author = "bbaovanc"
-tags = ["announcement", "hugo", "blog"]
-keywords = ["hugo", "comment system", "blog", "isso"]
-
-description = """
-I added a comment system to my blog, using [Isso](https://posativ.org/isso/).
-"""
-
-showFullContent = false
-toc = true
-+++
-
-## About
-
-I set up a comment system named [Isso](https://posativ.org/isso/) on my blog
-today. At the bottom of each blog post, there's a comment section. You don't
-need to sign up with an account or sign in with Google, Facebook, none of that
-junk. You can comment anonymously, or provide any of the following three fields:
-name, email address, and website, which will be shown to other people viewing
-your comment. I'm going off of the assumption that no one cares/is malicious
-enough to spam my comment sections.
-
-## Known Issues
-
-### Editing and deleting not working
-
-You're supposed to be able to edit and delete comments up to 15 minutes after
-posting them. As of now, that doesn't seem to be working; the request just
-returns 403 (forbidden).
-
-### White text on white background when previewing comment
-
-This is a CSS related issue. This was also happening when editing/writing a
-comment, but I edited it so the edit box has black text. I think a better fix is
-to make the new comment form have a dark background, but I'll deal with that
-later.

content/posts/sed-text-substitution-in-discord.md

@@ -2,7 +2,7 @@
 title = "Text Substitution in Discord using `sed`"
 date = "2021-03-25T18:48:15-05:00"
 author = "bbaovanc"
-tags = ["tutorial", "discord", "discord-tricks"]
+tags = ["discord", "discord-tricks"]
 keywords = ["discord", "sed", "text", "replacement"]
 
 description = """
@@ -12,7 +12,7 @@ Discord has (very primitive) support for text replacement using `sed` syntax.
 showFullContent = false
 +++
 
-## Tutorial
+## How-to
 
 [Example Video](/blog/media/discord-tricks/sed-text-replacement.mov)
 

layouts/_default/baseof.sql.sql

@@ -0,0 +1,17 @@
+    DROP TABLE IF EXISTS db.blog;
+    
+    CREATE TABLE db.blog (
+        id INT NOT NULL AUTO_INCREMENT,
+        published DATE NOT NULL,
+        title TEXT NOT NULL,
+        body TEXT NOT NULL,
+        url varchar(2048) NOT NULL,
+        CONSTRAINT id_PK PRIMARY KEY (id)
+    )
+    ENGINE=InnoDB
+    DEFAULT CHARSET=utf8mb4
+    COLLATE=utf8mb4_general_ci;
+    CREATE FULLTEXT INDEX blog_body_IDX ON db.blog (body);
+    
+    {{ block "main" .}}
+    {{ end }}

layouts/_default/home.sql.sql

@@ -0,0 +1,13 @@
+{{ define "main" }}
+{{ range (where .Pages "Section" "ne" "gist") }}
+        {{ range .Pages }}
+        INSERT INTO db.blog (published, title, body, url)
+        VALUES(
+            '{{ .Date.Format "2006-01-02" }}',
+            '{{ plainify .Title }}',
+            '{{ (plainify .Content) }}',
+            '{{ .Permalink }}'
+        );
+        {{ end }}
+    {{ end }}
+{{ end }}

layouts/partials/comments.html

@@ -1,15 +0,0 @@
-{{ $css := resources.Get "css/comments.css" }}
-{{ $style := $css | resources.Minify }}
-
-<script defer
-    src="https://commento.bbaovanc.com/js/commento.js"
-    data-page-id="{{ .RelPermalink }}"
-    data-no-fonts="true"
-    data-css-override="{{ $style.Permalink }}">
-</script>
-<div id="commento"></div>
-
-<noscript>
-    <br />
-    <b>Comments are not available when JavaScript is disabled.</b>
-</noscript>

layouts/partials/nav.html

@@ -1,10 +0,0 @@
-<!--This file is exactly the same as the one in the theme, except references
-    to /blog are changed to /posts (since that's what I use).
-    See lines 7 and 8.-->
-<a href="{{ "/" | relURL }}">Home</a>
-{{ range .Site.Menus.main }}
-<a href="{{ .URL }}">{{ .Name }}</a>
-{{ end }}
-{{ with .Site.GetPage "/posts" }}
-<a href="{{ "/posts" | relURL }}">Blog</a>
-{{ end }}

static/img/favicon.svg

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