changed something kek

2024-11-10 00:16:35 +00:00 · 2023-07-04 01:37:44 +01:00 · 2023-07-04 01:37:44 +01:00 · 08aa33f6b1
commit 08aa33f6b1
parent ba684522ce
62 changed files with 1350 additions and 652 deletions
--- a/.hugo_build.lock
+++ b/.hugo_build.lock
--- a/2
+++ b/2
@ -1,6 +1,6 @@
 The MIT License (MIT)

-Copyright (c) 2022 YOUR_NAME_HERE
+Copyright (c) 2023 Speyll Lyes

 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
--- a/README.md
+++ b/README.md
@ -1 +1,89 @@
 # anemone
+
+Nearly no-Javascript, efficient, minimal theme.
+
+## Light theme
+![screenshotLight](./blob/screenshotLight.png)
+
+## Dark theme
+![screenshotDark](./blob/screenshotDark.png)
+
+## Installation
+First download this theme to your `themes` directory:
+
+```bash
+cd themes
+git clone https://github.com/Speyll/anemone
+```
+
+and then enable it in your `config.toml`:
+
+```toml
+theme = "anemone"
+```
+
+## Options
+
+### Default taxonomies
+To use tags, in a page metadata add
+
+```toml
+[taxonomies]
+tags = [ 'tag1', 'tag2' ]
+```
+
+### Pages list in homepage
+To enable listing of pages in homepage add the following in `config.toml`
+
+```toml
+[extra]
+list_pages = true
+```
+
+### Header and footer nav links
+Also in the `extra` section in `config.toml`
+
+```toml
+[extra]
+
+header_nav = [
+  { name = "/home/", url = "/" },
+  { name = "/about/", url = "/about" },
+  { name = "/journal/", url = "/journal" },
+  { name = "/blog/", url = "/blog" },
+]
+
+footer_nav = [
+  { name = "< previous", url = "#" },
+  { name = "webring", url = "#" },
+  { name = "next >", url = "#" },
+]
+```
+
+### Add TOC to pages
+
+In a page frontmatter, set `extra.toc` to `true`
+
+```toml
+[extra]
+toc = true
+```
+
+### Extra data
+
+- `author` can be set in both main config and in pages metadata
+- `image` variable can be used in pages to add an image to HTML `<meta>` tags
+- Same for `favicon` in main config, except this one is also used as the site icon
+
+### Disable Twitter card
+
+Twitter metatags are generated by default, to disable them set `extra.twitter_card` to `false` in in your `config.toml`
+
+```toml
+[extra]
+twitter_card = true
+```
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
--- a/archetypes/default.md
+++ b/archetypes/default.md
@ -1,4 +0,0 @@
---
-title: "{{ replace .Name "-" " " | title }}"
-date: {{ .Date }}
---
--- a/blob/screenshotDark.png
+++ b/blob/screenshotDark.png
--- a/blob/screenshotLight.png
+++ b/blob/screenshotLight.png
--- a/config.toml
+++ b/config.toml
@ -1,24 +1,46 @@
-[module]
-  [module.hugoVersion]
-    extended = true
-    min = "0.55.0"
-    max = "0.105.0"
+base_url = "https://anemone.pages.dev"
+title = "anemone"
+description = "Nearly no-Javascript, efficient, minimal theme."
+default_language = "en"
+compile_sass = false
+minify_html = true
+generate_feed = true

-[author]
-	name = "Speyll"
-  homepage = "https://speyll.gitlab.io/site/"
+taxonomies = [
+  { name = "tags" },
+]

-[[menu.main]]
-	name = "/about"
-	url = "/about"
-	weight = 1
+[markdown]
+render_emoji = true
+external_links_target_blank = true
+smart_punctuation = true
+highlight_code = false
+highlight_theme = "gruvbox-dark"

-[[menu.main]]
-	name = "/blog"
-	url = "/blog"
-	weight = 2
+[slugify]
+paths = "on"
+taxonomies = "on"
+anchors = "on"

-[[menu.main]]
-	name = "/tags"
-	url = "/tags"
-	weight = 3
+[link_checker]
+internal_level = "warn"
+
+[extra]
+author = "Lyes 'Speyll'"
+favicon = "favicon.ico"
+image = ""
+list_pages = false
+twitter_card = true
+
+header_nav = [
+  { name = "/home/", url = "/" },
+  { name = "/about/", url = "/about" },
+  { name = "/journal/", url = "/journal" },
+  { name = "/blog/", url = "/blog" },
+]
+
+#footer_nav = [
+#  { name = "< previous", url = "#" },
+#  { name = "webring", url = "#" },
+#  { name = "next >", url = "#" },
+#]
--- a/content/_index.md
+++ b/content/_index.md
@ -0,0 +1,27 @@
+++
+++
+
+## Useless header
+- info
+    - Nearly no-Javascript, efficient, minimal theme.
+
+>Useless blockquote
+
+- posts
+    - 🥣 [Overview Post](./blog/overview-post)
+    - 🈚 [Language Tests](./blog/language-tests)
+    - 🔥 [Very Very Very Long Title And Very Very Very Short Content](./blog/very-very-very-long-title-and-very-very-very-short-content)
+    - 📺 [Post Example With Headings And Toc](./blog/post-example-with-headings-and-toc)
+- [tags](./tags)
+    - [example](./tags/example)
+- another list
+    - with subitems
+        - with subsubitems
+        - [example page](./about)
+
+this list is just the content of `content/_index.md`, the tests are shamelessly stolen from [no style,  please!](https://www.getzola.org/themes/no-style-please/)
+
+## Online presence
+  - Email: [jgll6dij6@mozmail.com](mailto:jgll6dij6@mozmail.com)
+  - Code repositories: [speyll@github.com](https://github.com/Speyll)
+  - {{ metaData(content="@Speyll") }} anywhere else.
--- a/content/about.md
+++ b/content/about.md
@ -0,0 +1,6 @@
+++
+title = "About"
+++
+This is an about page, nothing more nothing less `forget about it`.
+
+{{ youtube(id="pS6zJ7IsJkM" class="textCenter") }}
--- a/content/blog/2020-07-07-overview-post.md
+++ b/content/blog/2020-07-07-overview-post.md
@ -0,0 +1,72 @@
+++
+title = "Overview Post"
+++
+
+Lorem ipsum[^1] dolor sit amet, consectetur adipiscing elit. Pellentesque vel lacinia neque. Praesent nulla quam, ullamcorper in sollicitudin ac, molestie sed justo. Cras aliquam, sapien id consectetur accumsan, augue magna faucibus ex, ut ultricies turpis tortor vel ante. In at rutrum tellus.
+
+# Sample heading 1
+## Sample heading 2
+### Sample heading 3
+#### Sample heading 4
+##### Sample heading 5
+###### Sample heading 6
+
+Mauris viverra dictum ultricies. Vestibulum quis ipsum euismod, facilisis metus sed, varius ipsum. Donec scelerisque lacus libero, eu dignissim sem venenatis at. Etiam id nisl ut lorem gravida euismod.
+
+## Lists
+
+Unordered:
+
+- Fusce non velit cursus ligula mattis convallis vel at metus[^2].
+- Sed pharetra tellus massa, non elementum eros vulputate non.
+- Suspendisse potenti.
+
+Ordered:
+
+1. Quisque arcu felis, laoreet vel accumsan sit amet, fermentum at nunc.
+2. Sed massa quam, auctor in eros quis, porttitor tincidunt orci.
+3. Nulla convallis id sapien ornare viverra.
+4. Nam a est eget ligula pellentesque posuere.
+
+## Blockquote
+
+The following is a blockquote:
+
+> Suspendisse tempus dolor nec risus sodales posuere. Proin dui dui, mollis a consectetur molestie, lobortis vitae tellus.
+
+## Code
+
+Now some code:
+
+```js
+const ultimateTruth = 'this theme is the best!';
+console.log(ultimateTruth);
+```
+
+And here is some `inline code`!
+
+## Tables
+
+Now a table:
+
+| Tables        | Are           | Cool  |
+| ------------- |:-------------:| -----:|
+| col 3 is      | right-aligned | $1600 |
+| col 2 is      | centered      |   $12 |
+| zebra stripes | are neat      |    $1 |
+
+## Images
+
+{{ img(id="https://uploads-ssl.webflow.com/5ff0b3326e5782a256714165/638b6f3a3d8d2e6bad1cb03b_Random22.1.jpg", alt="theme logo") }}
+
+random image of a dog[^4]
+
+---
+
+[^1]: this is a footnote. It should highlight if you click on the corresponding superscript number.
+
+[^2]: hey there
+
+[^3]: this is another footnote.
+
+[^4]: this is a very very long footnote to test if a very very long footnote brings some problems or not. I strongly hope that there are no problems but you know sometimes problems arise from nowhere.
--- a/content/blog/2020-07-08-language-tests.md
+++ b/content/blog/2020-07-08-language-tests.md
@ -0,0 +1,52 @@
+++
+title = "Language Tests"
+[taxonomies]
+  tags = ["example"]
+++
+
+Note: I took this test post from [moving](https://github.com/huangyz0918/moving), which is another Jekyll theme which is better that this one so I should not have linked it because now you will decide to use it instead of mine.
+
+### 1. 日本語テスト
+
+This is a Japanese test post to show you how japanese is displayed.
+
+私は昨日ついにその助力家というのの上よりするたなけれ。
+最も今をお話団はちょうどこの前後なかろでくらいに困りがいるたをは帰着考えたなかって、そうにもするでうたらない。
+がたを知っないはずも同時に九月をいよいよたありた。
+
+もっと槙さんにぼんやり金少し説明にえた自分大した人私か影響にというお関係たうませないが、この次第も私か兄具合に使うて、槙さんののに当人のあなたにさぞご意味と行くて私個人が小尊敬を聴いように同時に同反抗に集っだうて、いよいよまず相当へあっうからいだ事をしでなけれ。
+
+> それでそれでもご時日をしはずはたったいやと突き抜けるますて、その元がは行ったてという獄を尽すていけですた。
+
+この中道具の日その学校はあなたごろがすまなりかとネルソンさんの考えるですん、辺の事実ないというご盲従ありたですと、爺さんのためが薬缶が結果までの箸の当時してならて、多少の十月にためからそういう上からとにかくしましないと触れべきものたで、ないうですと多少お人達したのでたた。
+
+From [すぐ使えるダミーテキスト - 日本語 Lorem ipsum.](http://lipsum.sugutsukaeru.jp/index.cgi) 
+
+
+### 2. 繁体中文测试
+
+This is a chinese test post to show you how chinese is displayed.
+
+善我王上魚、產生資西員合兒臉趣論。畫衣生這著爸毛親可時，安程幾？合學作。觀經而作建。都非子作這！法如言子你關！手師也。
+
+以也座論頭室業放。要車時地變此親不老高小是統習直麼調未，行年香一？
+
+就竟在，是我童示讓利分和異種百路關母信過明驗有個歷洋中前合著區亮風值新底車有正結，進快保的行戰從：弟除文辦條國備當來際年每小腳識世可的的外的廣下歌洲保輪市果底天影；全氣具些回童但倒影發狀在示，數上學大法很，如要我……月品大供這起服滿老？應學傳者國：山式排只不之然清同關；細車是！停屋常間又，資畫領生，相們制在？公別的人寫教資夠。資再我我！只臉夫藝量不路政吃息緊回力之；兒足灣電空時局我怎初安。意今一子區首者微陸現際安除發連由子由而走學體區園我車當會，經時取頭，嚴了新科同？很夫營動通打，出和導一樂，查旅他。坐是收外子發物北看蘭戰坐車身做可來。道就學務。
+
+國新故。
+
+> 工步他始能詩的，裝進分星海演意學值例道……於財型目古香亮自和這乎？化經溫詩。只賽嚴大一主價世哥受的沒有中年即病行金拉麼河。主小路了種就小為廣不？
+
+From [亂數假文產生器 - Chinese Lorem Ipsum.](http://www.richyli.com/tool/loremipsum/) 
+
+
+
+### 3. 简体中文测试
+
+效育声去本义然空，各值太法心想，场强实地。 题铁习点儿表管少间千，只何政亲织文意部，千影画派证男须。 手反取长风治增非等直难群，连取及天他己事头级，影数弦适把气快目人。 专议以省通引而千个，格则口段度样水热马，地教少务改磨。 包思外心半院应她算斯，市外会快记路又火学，劳如肃它准众丧边。
+   
+  > 团算部住县单总边素格军所，合音府教看和广光采率位转，位用品根确针百。 证其标元角工方海接交他，论象切万世认一响义，治然身本风弦带题。 向我次路持加北，她不反心。 说总元军例市决，现始即算证养，规走还壳。
+
+因林可相儿应满军，热影省条律因资再，整肃赤心将届。 局广写两量备验还，南教事争工民的，备进研上布。 素身电活非直，速这区交示从，百层达。 资量那毛什京身，白这快。 半打容三手开常价或，手严量般象式效，名可重芽门适。 来设什一我么，光界美么或，住身式准。 造酸改表委验众办地百养，商物战众本列听度名院，制压录丽快与千机内。 住需当四议决得命南然照按民置，当住命形金决否矿单外。 气象理离开新集增际，三划方工义很年关，拉许准孝口。 构片出干计由备美打养，持育总指承入无己。
+
+From [假文生成器， lorem ipsum Chinese](http://www.cancms.com/content/dummytext)
--- a/content/blog/2020-07-08-very-very-very-long-title-and-very-very-very-short-content.md
+++ b/content/blog/2020-07-08-very-very-very-long-title-and-very-very-very-short-content.md
@ -0,0 +1,5 @@
+++
+title = "Very Very Very Long Title And Very Very Very Short Content"
+++
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque vel lacinia neque. Praesent nulla quam, ullamcorper in sollicitudin ac, molestie sed justo. Cras aliquam, sapien id consectetur accumsan, augue magna faucibus ex, ut ultricies turpis tortor vel ante. In at rutrum tellus. Nullam vestibulum metus eu purus malesuada, volutpat mattis leo facilisis.
--- a/content/blog/2020-07-09-post-example-with-headings-and-toc.md
+++ b/content/blog/2020-07-09-post-example-with-headings-and-toc.md
@ -0,0 +1,24 @@
+++
+title = "Post Example With Headings And Toc"
+[taxonomies]
+  tags = ["example"]
+[extra]
+  toc = true
+++
+
+Mauris viverra dictum ultricies. Vestibulum quis ipsum euismod, facilisis metus sed, varius ipsum. Donec scelerisque lacus libero, eu dignissim sem venenatis at. Nunc a egestas tortor, sed feugiat leo.
+
+Mauris viverra dictum ultricies. Vestibulum quis ipsum euismod, facilisis metus sed, varius ipsum. Donec scelerisque lacus libero, eu dignissim sem venenatis at. Nunc a egestas tortor, sed feugiat leo. Vestibulum porta tincidunt tellus, vitae ornare tortor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed nunc neque, tempor in iaculis non, faucibus et metus. Etiam id nisl ut lorem gravida euismod.
+
+## [The start](#the-start)
+
+Fusce non velit cursus ligula mattis convallis vel at metus. Sed pharetra tellus massa, non elementum eros vulputate non. Suspendisse potenti. Quisque arcu felis, laoreet vel accumsan sit amet, fermentum at nunc. Sed massa quam, auctor in eros quis, porttitor tincidunt orci. Nulla convallis id sapien ornare viverra. Cras nec est lacinia ligula porta tincidunt. Nam a est eget ligula pellentesque posuere. Maecenas quis enim ac risus accumsan scelerisque. Aliquam vitae libero sapien. Etiam convallis, metus nec suscipit condimentum, quam massa congue velit, sit amet sollicitudin nisi tortor a lectus. Cras a arcu enim. Suspendisse hendrerit euismod est ac gravida. Donec vitae elit tristique, suscipit eros at, aliquam augue. In ac faucibus dui. Sed tempor lacus tristique elit sagittis, vitae tempor massa convallis.
+
+## [The middle](#the-middle)
+
+Proin quis velit et eros auctor laoreet. Aenean eget nibh odio. Suspendisse mollis enim pretium, fermentum urna vitae, egestas purus. Donec convallis tincidunt purus, scelerisque fermentum eros sagittis vel. Aliquam ac aliquet risus, tempus iaculis est. Fusce molestie mauris non interdum hendrerit. Curabitur ullamcorper, eros vitae interdum volutpat, lacus magna lacinia turpis, at accumsan dui tortor vel lectus. Aenean risus massa, semper non lectus rutrum, facilisis imperdiet mi. Praesent sed quam quis purus auctor ornare et sed augue. Vestibulum non quam quis ligula luctus placerat sed sit amet erat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Fusce auctor, sem eu volutpat dignissim, turpis nibh malesuada arcu, in consequat elit mauris quis sem. Nam tristique sit amet enim vel accumsan. Sed id nibh commodo, dictum sem id, semper quam.
+
+## [The end](#the-end)
+
+Donec ex lectus, tempus non lacinia quis, pretium non ipsum. Praesent est nunc, rutrum vel tellus eu, tristique laoreet purus. In rutrum orci sit amet ex ornare, sit amet finibus lacus laoreet. Etiam ac facilisis purus, eget porttitor odio. Suspendisse tempus dolor nec risus sodales posuere. Proin dui dui, mollis a consectetur molestie, lobortis vitae tellus. Vivamus at purus sed urna sollicitudin mattis. Mauris lacinia libero in lobortis pulvinar. Nullam sit amet condimentum justo. Donec orci justo, pharetra ut dolor non, interdum finibus orci. Proin vitae ante a dui sodales commodo ac id elit. Nunc vel accumsan nunc, sit amet congue nunc. Aliquam in lacinia velit. Integer lobortis luctus eros, in fermentum metus aliquet a. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
+
--- a/content/blog/_index.md
+++ b/content/blog/_index.md
@ -0,0 +1,7 @@
+++
+paginate_by = 15
+path = "blog"
+title = "All blog posts"
+sort_by = "date"
+page_template = "blog-page.html"
+++
--- a/content/journal.md
+++ b/content/journal.md
@ -0,0 +1,26 @@
+++
+title = "Personal journal"
+date = 2019-10-05
+draft = false
+++
+
+## 2023-06-29 🔧
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean dapibus dignissim nulla et ornare. Vestibulum porta, risus eu ultrices condimentum, quam ante mattis massa, eget laoreet neque nisl ullamcorper nibh.
+
+
+## 2023-06-28 😊
+Etiam vulputate nibh in magna feugiat viverra. Donec ultricies sagittis justo vel facilisis. Nulla sollicitudin felis eu tortor consectetur, ac sodales odio faucibus. Vivamus id ultrices orci, ut luctus dolor. Sed sem nibh, semper in posuere eget, dictum eget dui. Praesent nunc dolor, lacinia at tortor eget, sollicitudin sagittis turpis.
+
+{{ img(id="https://uploads-ssl.webflow.com/5ff0b3326e5782a256714165/638b6f3a3d8d2e6bad1cb03b_Random22.1.jpg", alt="xfx6800xt", class="textCenter") }}
+
+## 2022-11-30 💀
+Pellentesque iaculis diam leo, vel euismod libero finibus sed. Praesent ultrices libero nec lectus posuere euismod. Fusce lobortis elit dui. In non pulvinar ligula. Integer augue mauris, condimentum vitae ante sit amet, consectetur scelerisque lectus. Sed dignissim vitae magna et volutpat. Integer vel risus sagittis
+
+## 2022-11-11 😐
+Vivamus molestie, ipsum id ullamcorper facilisis, velit neque elementum metus, quis lacinia ligula felis et metus. Quisque at condimentum tellus, id venenatis turpis. Integer accumsan metus non mauris vulputate pretium.
+
+## 2022-10-29 🍿
+vel mollis varius. Aenean non bibendum dui, eget facilisis turpis. Cras eleifend mi vel leo malesuada, ac vestibulum est condimentum. Aenean accumsan felis elit, sed porttitor nulla volutpat nec. In leo purus, condimentum ut augue sed, imperdiet dapibus sapien. Proin id ullamcorper nisi. 
+
+## 2022-10-27 💢
+facilisis sapien, quis faucibus leo urna ut diam. Etiam eu dolor vestibulum, cursus odio at, aliquam nibh. Donec molestie metus non purus facilisis euismod. In interdum luctus libero, in mollis est tincidunt at. Nam congue, nibh nec tempus elementum, nunc sapien placerat felis, id dignissim sapien tellus a libero. Nunc at elementum tortor, eget scelerisque elit. Donec ultricies mi at accumsan semper. Pellentesque vehicula leo sed urna dapibus, quis feugiat arcu auctor. 
--- a/exampleSite/about/index.md
+++ b/exampleSite/about/index.md
@ -1,21 +0,0 @@
-+++
-title = "About"
-+++
-
-Written in Go, Hugo is an open source static site generator available under the [Apache Licence 2.0.](https://github.com/gohugoio/hugo/blob/master/LICENSE) Hugo supports TOML, YAML and JSON data file types, Markdown and HTML content files and uses shortcodes to add rich content. Other notable features are taxonomies, multilingual mode, image processing, custom output formats, HTML/CSS/JS minification and support for Sass SCSS workflows.
-
-Hugo makes use of a variety of open source projects including:
-
-* https://github.com/yuin/goldmark
-* https://github.com/alecthomas/chroma
-* https://github.com/muesli/smartcrop
-* https://github.com/spf13/cobra
-* https://github.com/spf13/viper
-
-Hugo is ideal for blogs, corporate websites, creative portfolios, online magazines, single page applications or even a website with thousands of pages.
-
-Hugo is for people who want to hand code their own website without worrying about setting up complicated runtimes, dependencies and databases.
-
-Websites built with Hugo are extremelly fast, secure and can be deployed anywhere including, AWS, GitHub Pages, Heroku, Netlify and any other hosting provider.
-
-Learn more and contribute on [GitHub](https://github.com/gohugoio).
--- a/exampleSite/blog/emoji-support.md
+++ b/exampleSite/blog/emoji-support.md
@ -1,47 +0,0 @@
-+++
-author = "Hugo Authors"
-title = "Emoji Support"
-date = "2019-03-05"
-description = "Guide to emoji usage in Hugo"
-tags = [
-    "emoji",
-]
-+++
-
-Emoji can be enabled in a Hugo project in a number of ways. 
-<!--more-->
-The [`emojify`](https://gohugo.io/functions/emojify/) function can be called directly in templates or [Inline Shortcodes](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes). 
-
-To enable emoji globally, set `enableEmoji` to `true` in your site’s [configuration](https://gohugo.io/getting-started/configuration/) and then you can type emoji shorthand codes directly in content files; e.g.
-
-
-<p><span class="nowrap"><span class="emojify">🙈</span> <code>:see_no_evil:</code></span>  <span class="nowrap"><span class="emojify">🙉</span> <code>:hear_no_evil:</code></span>  <span class="nowrap"><span class="emojify">🙊</span> <code>:speak_no_evil:</code></span></p>
-<br>
-
-The [Emoji cheat sheet](http://www.emoji-cheat-sheet.com/) is a useful reference for emoji shorthand codes.
-
-***
-
-**N.B.** The above steps enable Unicode Standard emoji characters and sequences in Hugo, however the rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack; e.g.
-
-{{< highlight html >}}
-.emoji {
-font-family: Apple Color Emoji,Segoe UI Emoji,NotoColorEmoji,Segoe UI Symbol,Android Emoji,EmojiSymbols;
-}
-{{< /highlight >}}
-
-{{< css.inline >}}
-<style>
-.emojify {
-	font-family: Apple Color Emoji,Segoe UI Emoji,NotoColorEmoji,Segoe UI Symbol,Android Emoji,EmojiSymbols;
-	font-size: 2rem;
-	vertical-align: middle;
-}
-@media screen and (max-width:650px) {
-    .nowrap {
-	display: block;
-	margin: 25px 0;
-}
-}
-</style>
-{{< /css.inline >}}
--- a/exampleSite/blog/markdown-syntax.md
+++ b/exampleSite/blog/markdown-syntax.md
@ -1,147 +0,0 @@
-+++
-author = "Hugo Authors"
-title = "Markdown Syntax Guide"
-date = "2019-03-11"
-description = "Sample article showcasing basic Markdown syntax and formatting for HTML elements."
-tags = [
-    "markdown",
-    "css",
-    "html",
-    "themes",
-]
-categories = [
-    "themes",
-    "syntax",
-]
-series = ["Themes Guide"]
-aliases = ["migrate-from-jekyl"]
-+++
-
-This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.
-<!--more-->
-
-## Headings
-
-The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.
-
-# H1
-## H2
-### H3
-#### H4
-##### H5
-###### H6
-
-## Paragraph
-
-Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.
-
-Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.
-
-## Blockquotes
-
-The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a `footer` or `cite` element, and optionally with in-line changes such as annotations and abbreviations.
-
-#### Blockquote without attribution
-
-> Tiam, ad mint andaepu dandae nostion secatur sequo quae.
-> **Note** that you can use *Markdown syntax* within a blockquote.
-
-#### Blockquote with attribution
-
-> Don't communicate by sharing memory, share memory by communicating.</p>
-> — <cite>Rob Pike[^1]</cite>
-
-
-[^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
-
-## Tables
-
-Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.
-
-   Name | Age
--------|------
-    Bob | 27
-  Alice | 23
-
-#### Inline Markdown within tables
-
-| Inline&nbsp;&nbsp;&nbsp;     | Markdown&nbsp;&nbsp;&nbsp;  | In&nbsp;&nbsp;&nbsp;                | Table      |
-| ---------- | --------- | ----------------- | ---------- |
-| *italics*  | **bold**  | ~~strikethrough~~&nbsp;&nbsp;&nbsp; | `code`     |
-
-## Code Blocks
-
-#### Code block with backticks
-
-```
-html
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <title>Example HTML5 Document</title>
-</head>
-<body>
-  <p>Test</p>
-</body>
-</html>
-```
-#### Code block indented with four spaces
-
-    <!DOCTYPE html>
-    <html lang="en">
-    <head>
-      <meta charset="UTF-8">
-      <title>Example HTML5 Document</title>
-    </head>
-    <body>
-      <p>Test</p>
-    </body>
-    </html>
-
-#### Code block with Hugo's internal highlight shortcode
-{{< highlight html >}}
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <title>Example HTML5 Document</title>
-</head>
-<body>
-  <p>Test</p>
-</body>
-</html>
-{{< /highlight >}}
-
-## List Types
-
-#### Ordered List
-
-1. First item
-2. Second item
-3. Third item
-
-#### Unordered List
-
-* List item
-* Another item
-* And another item
-
-#### Nested list
-
-* Item
-1. First Sub-item
-2. Second Sub-item
-
-## Other Elements — abbr, sub, sup, kbd, mark
-
-<abbr title="Graphics Interchange Format">GIF</abbr> is a bitmap image format.
-
-H<sub>2</sub>O
-
-X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>
-
-Press <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> to end the session.
-
-Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.
-
--- a/exampleSite/blog/placeholder-text.md
+++ b/exampleSite/blog/placeholder-text.md
@ -1,58 +0,0 @@
-+++
-author = "Hugo Authors"
-title = "Placeholder Text"
-date = "2019-03-09"
-description = "Lorem Ipsum Dolor Si Amet"
-tags = [
-    "markdown",
-    "text",
-]
-+++
-
-Lorem est tota propiore conpellat pectoribus de
-pectora summo. <!--more-->Redit teque digerit hominumque toris verebor lumina non cervice
-subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc
-caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis
-lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum.
-
-1. Exierant elisi ambit vivere dedere
-2. Duce pollice
-3. Eris modo
-4. Spargitque ferrea quos palude
-
-Rursus nulli murmur; hastile inridet ut ab gravi sententia! Nomine potitus
-silentia flumen, sustinet placuit petis in dilapsa erat sunt. Atria
-tractus malis.
-
-1. Comas hunc haec pietate fetum procerum dixit
-2. Post torum vates letum Tiresia
-3. Flumen querellas
-4. Arcanaque montibus omnes
-5. Quidem et
-
-# Vagus elidunt
-
-<svg class="canon" xmlns="http://www.w3.org/2000/svg" overflow="visible" viewBox="0 0 496 373" height="373" width="496"><g fill="none"><path stroke="#000" stroke-width=".75" d="M.599 372.348L495.263 1.206M.312.633l494.95 370.853M.312 372.633L247.643.92M248.502.92l246.76 370.566M330.828 123.869V1.134M330.396 1.134L165.104 124.515"></path><path stroke="#ED1C24" stroke-width=".75" d="M275.73 41.616h166.224v249.05H275.73zM54.478 41.616h166.225v249.052H54.478z"></path><path stroke="#000" stroke-width=".75" d="M.479.375h495v372h-495zM247.979.875v372"></path><ellipse cx="498.729" cy="177.625" rx=".75" ry="1.25"></ellipse><ellipse cx="247.229" cy="377.375" rx=".75" ry="1.25"></ellipse></g></svg>
-
-[The Van de Graaf Canon](https://en.wikipedia.org/wiki/Canons_of_page_construction#Van_de_Graaf_canon)
-
-## Mane refeci capiebant unda mulcebat
-
-Victa caducifer, malo vulnere contra
-dicere aurato, ludit regale, voca! Retorsit colit est profanae esse virescere
-furit nec; iaculi matertera et visa est, viribus. Divesque creatis, tecta novat collumque vulnus est, parvas. **Faces illo pepulere** tempus adest. Tendit flamma, ab opes virum sustinet, sidus sequendo urbis.
-
-Iubar proles corpore raptos vero auctor imperium; sed et huic: manus caeli
-Lelegas tu lux. Verbis obstitit intus oblectamina fixis linguisque ausus sperare
-Echionides cornuaque tenent clausit possit. Omnia putatur. Praeteritae refert
-ausus; ferebant e primus lora nutat, vici quae mea ipse. Et iter nil spectatae
-vulnus haerentia iuste et exercebat, sui et.
-
-Eurytus Hector, materna ipsumque ut Politen, nec, nate, ignari, vernum cohaesit sequitur. Vel **mitis temploque** vocatus, inque alis, *oculos nomen* non silvis corpore coniunx ne displicet illa. Crescunt non unus, vidit visa quantum inmiti flumina mortis facto sic: undique a alios vincula sunt iactata abdita! Suspenderat ego fuit tendit: luna, ante urbem
-Propoetides **parte**.
-
-{{< css.inline >}}
-<style>
-.canon { background: white; width: 100%; height: auto;}
-</style>
-{{< /css.inline >}}
--- a/exampleSite/blog/rich-content.md
+++ b/exampleSite/blog/rich-content.md
@ -1,34 +0,0 @@
-+++
-author = "Hugo Authors"
-title = "Rich Content"
-date = "2019-03-10"
-description = "A brief description of Hugo Shortcodes"
-tags = [
-    "shortcodes",
-    "privacy",
-]
-+++
-
-Hugo ships with several [Built-in Shortcodes](https://gohugo.io/content-management/shortcodes/#use-hugo-s-built-in-shortcodes) for rich content, along with a [Privacy Config](https://gohugo.io/about/hugo-and-gdpr/) and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.
-<!--more-->
---
-
-## YouTube Privacy Enhanced Shortcode
-
-{{< youtube ZJthWmvUzzc >}}
-
-<br>
-
---
-
-## Twitter Shortcode
-
-{{< tweet user="DesignReviewed" id="1085870671291310081" >}}
-
-<br>
-
---
-
-## Vimeo Simple Shortcode
-
-{{< vimeo_simple 48912912 >}}
--- a/images/screenshot.png
+++ b/images/screenshot.png
--- a/images/screenshot2.png
+++ b/images/screenshot2.png
--- a/images/screenshot3.png
+++ b/images/screenshot3.png
--- a/images/tn.png
+++ b/images/tn.png
--- a/layouts/_default/_markup/render-link.html
+++ b/layouts/_default/_markup/render-link.html
@ -1 +0,0 @@
-<a href="{{ .Destination | safeURL }}"{{ with .Title}} title="{{ . }}"{{ end }}{{ if or (strings.HasPrefix .Destination "http") (strings.HasPrefix .Destination "https") }} target="_blank"{{ end }} >{{ .Text | safeHTML }}</a>
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@ -1,11 +0,0 @@
-<!DOCTYPE html>
-<html lang="{{ .Site.Language }}">
-  {{ partial "head.html" . }}
-  <body>
-    {{ partial "header.html" . }}
-    <div id="content">
-      {{- block "main" . }}{{- end }}
-    </div>
-    {{ partial "footer.html" . }}
-  </body>
-</html>
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@ -1,20 +0,0 @@
-{{ define "main" }}
-{{ if isset .Data "Term" }}
-<h1>Entries tagged - "{{ .Data.Term }}"</h1>
-{{ else }}
-<h1>Random pondering</h1>
-{{ end }}
-
-<ul>
-	{{- range .Data.Pages -}}
-		{{- if (not (in (.Site.Params.excludedTypes | default (slice "page")) .Type)) -}}
-		<li>
-			<time class="readData metaData">{{ dateFormat "02, 01 2006" .Date }}</time>
-			<a href="{{ .RelPermalink }}">{{.Title}}</a>
-			<span class="readData">» {{ .ReadingTime }} min read.</span>
-			{{ if .Draft }} <span class="metaData">» draft</span> {{ end }}
-		</li>
-		{{- end -}}
-	{{- end -}}
-</ul>
-{{ end }}
--- a/layouts/_default/rss.xml
+++ b/layouts/_default/rss.xml
@ -1,39 +0,0 @@
-{{- $pctx := . -}}
-{{- if .IsHome -}}{{ $pctx = .Site }}{{- end -}}
-{{- $pages := slice -}}
-{{- if or $.IsHome $.IsSection -}}
-{{- $pages = $pctx.RegularPages -}}
-{{- else -}}
-{{- $pages = $pctx.Pages -}}
-{{- end -}}
-{{- $limit := .Site.Config.Services.RSS.Limit -}}
-{{- if ge $limit 1 -}}
-{{- $pages = $pages | first $limit -}}
-{{- end -}}
-{{- printf "<?xml version=\"1.0\" encoding=\"utf-8\" standalone=\"yes\"?>" | safeHTML }}
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>{{ if eq  .Title  .Site.Title }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{.}} on {{ end }}{{ .Site.Title }}{{ end }}</title>
-    <link>{{ .Permalink }}</link>
-    <description>Recent content {{ if ne  .Title  .Site.Title }}{{ with .Title }}in {{.}} {{ end }}{{ end }}on {{ .Site.Title }}</description>
-    <generator>Hugo -- gohugo.io</generator>{{ with .Site.LanguageCode }}
-    <language>{{.}}</language>{{end}}{{ with .Site.Author.email }}
-    <managingEditor>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</managingEditor>{{end}}{{ with .Site.Author.email }}
-    <webMaster>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</webMaster>{{end}}{{ with .Site.Copyright }}
-    <copyright>{{.}}</copyright>{{end}}{{ if not .Date.IsZero }}
-    <lastBuildDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</lastBuildDate>{{ end }}
-    {{- with .OutputFormats.Get "RSS" -}}
-    {{ printf "<atom:link href=%q rel=\"self\" type=%q />" .Permalink .MediaType | safeHTML }}
-    {{- end -}}
-    {{ range $pages }}
-    <item>
-      <title>{{ .Title }}</title>
-      <link>{{ .Permalink }}</link>
-      <pubDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate>
-      {{ with .Site.Author.email }}<author>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</author>{{end}}
-      <guid>{{ .Permalink }}</guid>
-      <description>{{ .Summary | html }}</description>
-    </item>
-    {{ end }}
-  </channel>
-</rss>
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@ -1,32 +0,0 @@
-{{ define "main" }}
-	<h1>{{ .Title }}</h1>
-	{{ if .Params.showdate }}
-	<p>Published on: <time class="metaData">{{ dateFormat "02, Jan 2006" .Date }}</time></p>
-	{{ end }}
-	{{ if .Draft }} <span class="metaData">» draft</span> {{ end }}</p>
-		
-	{{ if isset .Params "tldr" }}
-	<div class="tldr">
-    <strong class="metaData">tl;dr:</strong>
-		{{ .Params.tldr }}
-	</div>
-	{{ end }}
-
-	<article>
-		{{ .Content }}
-
-	<div>
-		{{ if ne .Type "page" }}
-		{{ if gt .Params.tags 0 }}
-
-			<ul class="tagsData">
-				{{ range .Params.tags }}
-				<li><a href="{{ "tags/" | absLangURL }}{{ . | urlize }}">{{ . }}</a></li>
-				{{ end }}
-			</ul>
-
-		{{ end }}
-		{{ end }}
-	</div>
-  </article>
-{{ end }}
--- a/layouts/_default/term.html
+++ b/layouts/_default/term.html
@ -1,20 +0,0 @@
-{{ define "main" }}
-{{ if isset .Data "Term" }}
-<h1>Entries tagged - "{{ .Data.Term }}"</h1>
-{{ else }}
-<h1>Random pondering</h1>
-{{ end }}
-
-<ul>
-	{{- range .Data.Pages -}}
-		{{- if (not (in (.Site.Params.excludedTypes | default (slice "page")) .Type)) -}}
-		<li>
-			<time class="readData metaData">{{ dateFormat "02, 01 2006" .Date }}</time>
-			<a href="{{ .RelPermalink }}">{{.Title}}</a>
-			<span class="readData">» {{ .ReadingTime }} min read.</span>
-			{{ if .Draft }} <span class="metaData">» draft</span> {{ end }}
-		</li>
-		{{- end -}}
-	{{- end -}}
-</ul>
-{{ end }}
--- a/layouts/_default/terms.html
+++ b/layouts/_default/terms.html
@ -1,19 +0,0 @@
-{{ define "main" }}
-<h1>All tags</h1>
-
-{{ $biggest := 1 }}
-{{ $smallest := 1 }}
-{{ $max := 3 }}
-{{ $min := 1 }}
-{{ $size := $min }}
-
-{{ $data := .Data }}
-	<ul class="tags moreContainer">
-		{{ range $key, $value := .Data.Terms.ByCount }}
-		{{ $size := (add (mul (div $value.Count $biggest) (sub $max $min)) $min) }}
-		{{ $size := (cond (eq $biggest $smallest) $min $size) }}
-		<li><a href="{{ $.Site.LanguagePrefix | absURL }}{{ $data.Plural }}/{{ $value.Name | urlize }}/">{{ $value.Name }}</a></li>
-		{{ end }}
-	</ul>
-</div>
-{{ end }}
--- a/layouts/index.html
+++ b/layouts/index.html
@ -1,35 +0,0 @@
-<!DOCTYPE html>
-<html>
-	{{ partial "head.html" . }}
-	<body>
-		{{ partial "header.html" . }}
-		<div class="main">
-			<div class="introContainer">
-				<!-- Size 64x64 -->
-				<img class="avatar" src="https://i.ibb.co/Qd3hFW2/ezgif-com-gif-maker.jpg" alt="pic">
-
-				<div class="resume">
-					<p><a target="_blank" rel="noopener noreferrer" href="https://en.wikipedia.org/wiki/Example">Lorem ipsum</a><br>
-					Lorem ipsum dolor sit amet.<br>
-					consectetur adipiscing Cras dignissim tortor ornare</p>
-				</div>
-			</div>
-
-			<div>
-				<h2>Latest blog posts</h2>
-				{{ partial "lastPost.html" . }}
-				{{ partial "blogList.html" . }}
-			</div>
-
-			<div>
-				<h2>Online presence</h2>
-				<ul>
-					<li>Email: <a href="mailto:jgll6dij6@mozmail.com">jgll6dij6@mozmail.com</a></li>
-					<li>Code repositories: <a target="_blank" rel="noopener noreferrer" href="https://github.com/Speyll">speyll@github.com</a></li>
-					<li><span class="metaData">@Speyll</span> anywhere else.</li>
-				</ul>
-			</div>
-		</div>
-		{{ partial "footer.html" . }}
-	</body>
-</html>
--- a/layouts/partials/blogList.html
+++ b/layouts/partials/blogList.html
@ -1,12 +0,0 @@
-<ul>
-	{{- range .Site.RegularPages.ByPublishDate.Reverse | first 5  -}}
-		{{- if (not (in (.Site.Params.excludedTypes | default (slice "page")) .Type)) -}}
-		<li>
-			<time class="readData metaData">{{ dateFormat "02, 01 2006" .Date }}</time>
-			<a href="{{ .RelPermalink }}">{{.Title}}</a>
-			<span class="readData">» {{ .ReadingTime }} min read.</span>
-			{{ if .Draft }} <span class="metaData">» draft</span> {{ end }}
-		</li>
-		{{- end -}}
-	{{- end -}}
-</ul>
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@ -1,19 +0,0 @@
-<footer>
-  <hr>
-  <div class=footContainer>
- 
-    <div class="footLeft">
-      <p>Content &copy 2019-{{ dateFormat "2006" now }}<br>
-      Licensed under <a target="_blank" rel="noopener noreferrer" href="https://creativecommons.org/licenses/by-nc-sa/4.0/?ref=chooser-v1">CC BY-NC-SA 4.0</a><br>
-      Built with <a target="_blank" rel="noopener noreferrer" href="https://gohugo.io">Hugo</a> using <a target="_blank" rel="noopener noreferrer" href="https://github.com/Speyll/anemone">anemone</a> theme &amp; <a target="_blank" rel="noopener noreferrer" href="https://github.com/Speyll/veqev">veqev</a> colors.<br></p>
-    </div>
-
-    <div class="footRight">
-      <a class="metaData" target="_blank" rel="noopener noreferrer" href='{{ "index.xml" | absURL }}' title="Subscribe via RSS for updates.">RSS</a>
-
-    </div>
- 
-  </div>
-  <!-- Size 180x300 -->
-  <script defer language="javascript" type="text/javascript"  src='{{ "js/index.js" | absURL }}'></script>
-</footer>
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@ -1,13 +0,0 @@
-<head>
-  <meta charset="utf-8">
-  <meta name="robots" content="index, follow">
-  <meta name="viewport" content='width=device-width, initial-scale=1.0'>
-  <meta name="description" content='{{ if .IsHome }}{{ .Site.Params.description }}{{ else }}{{ .Description }}{{ end }}'>
-  <meta name="author" content='{{ .Site.Params.author | default "Speyll" }}'>
-  {{ 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>
-  <link rel="stylesheet" href='{{ "css/style.css" | absURL }}'>
-  <link rel="icon" href='{{ "favicon.ico" | absURL }}'>
-</head>
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@ -1,3 +0,0 @@
-<header>
-	{{ partial "nav.html" . }}
-</header>
--- a/layouts/partials/lastPost.html
+++ b/layouts/partials/lastPost.html
@ -1,18 +0,0 @@
-{{ range .Site.RegularPages.ByPublishDate.Reverse | first 1 }}
-<div class="lastPost">
-<blockquote>
-  <p><strong class="metaData">{{ .Title }}</strong><br>
-  Published on: <time class="metaData">{{ dateFormat "02, Jan 2006" .Date }}</time></p>
-    
-  {{ .Summary }}
-
-  {{ if .Truncated }}
-    <div class="postData">
-      <p><span class="metaData">{{ .WordCount }}</span> words,
-      <span class="metaData">{{ .ReadingTime}}</span> minute read.<br>
-      <a href="{{ .RelPermalink }}">Read more ⇲</a></p>
-    </div>
-  {{ end }}
-</blockquote>
-</div>
-{{ end }}
--- a/layouts/partials/nav.html
+++ b/layouts/partials/nav.html
@ -1,7 +0,0 @@
-<nav class="navBar">
-  <a href="{{ .Site.BaseURL }}">/home</a>
-  {{ range .Site.Menus.main }}
-  <a href="{{ .URL }}">{{ .Name }}</a>
-  {{ end }}
-  {{ partial "themeSwitch.html" . }}
-</nav>
--- a/layouts/partials/paginator.html
+++ b/layouts/partials/paginator.html
@ -1,15 +0,0 @@
-{{ $pag := $.Paginator }}
-{{ if gt $pag.TotalPages 1 }}
-<ul class="pagination">
-	<span class="pagePrev">
-	{{ if $pag.HasPrev }}
-    <a {{ if $pag.HasPrev }}href="{{ $pag.Prev.URL }}"{{ end }} class="page-link" aria-label="Previous"><span aria-hidden="true">← Prev</span></a>
-	{{ end }}
-	</span>
-	<span class="pageNext">
-	{{ if $pag.HasNext }}
-    <a {{ if $pag.HasNext }}href="{{ $pag.Next.URL }}"{{ end }} class="page-link" aria-label="Next"><span aria-hidden="true">Next →</span></a>
-	{{ end }}
-	</span>
-</ul>
-{{ end }}
--- a/layouts/partials/themeSwitch.html
+++ b/layouts/partials/themeSwitch.html
@ -1,10 +0,0 @@
-<div class="themeSwitch">
-	<button class="themeButton light" onclick="setTheme('light')" title="Light mode">◐</button>
-	<button class="themeButton dark" onclick="setTheme('dark')" title="Dark mode">◑</button>
-</div>
-
-<script>
-const setTheme=(theme)=>{document.documentElement.className=theme;localStorage.setItem('theme',theme)}
-const getTheme=()=>{const theme=localStorage.getItem('theme');theme&&setTheme(theme)}
-getTheme()
-</script>
--- a/layouts/shortcodes/audio.html
+++ b/layouts/shortcodes/audio.html
@ -1,6 +0,0 @@
-<figure {{ with .Get "class" }}class="{{ . }}"{{ end }}>
-  <audio loop controls preload="{{ .Get "preload" | default "metadata" }}">
-  {{ with .Get "src" }}<source src="{{ .  | relURL }}" type="audio/mpeg">{{ end }}
-  {{ with .Get "caption" }}<figcaption>{{ . }}</figcaption>{{ end }}
-  </audio>
-</figure>
--- a/layouts/shortcodes/container.html
+++ b/layouts/shortcodes/container.html
@ -1,7 +0,0 @@
-<div class='{{ .Get "class" }}'>
-  {{ range split .Inner "<--->" }}
-    <div class="markContainer">
-      {{ . | $.Page.RenderString }}
-    </div>
-  {{ end }}
-</div>
--- a/layouts/shortcodes/imood.html
+++ b/layouts/shortcodes/imood.html
@ -1 +0,0 @@
-<p>Currently feeling...<a target="_blank" rel="noopener noreferrer" href="https://www.imood.com/users/Speyll"><img src="https://moods.imood.com/display/uname-Speyll/fg-5690af/bg-EEEEEE/trans-1/imood.gif" alt="down" border="0"></a></p>
--- a/layouts/shortcodes/statusCafe.html
+++ b/layouts/shortcodes/statusCafe.html
@ -1 +0,0 @@
-<div id="statuscafe"><div id="statuscafe-username"></div><div id="statuscafe-content"></div></div><script src="https://status.cafe/current-status.js?name=speyll" defer></script>
--- a/layouts/shortcodes/toc.html
+++ b/layouts/shortcodes/toc.html
@ -1,4 +0,0 @@
-<div>
-    <h2>Table Of Contents</h2>
-    {{ .Page.TableOfContents }}
-</div>
--- a/public/css/style.css
+++ b/public/css/style.css
@ -0,0 +1,322 @@
+:root,
+:root.light {
+    --bgColor: #EEEEEE;
+    --fgColor: #41474E;
+    --metaColor: #D26878;
+    --headColor: #;
+    --linkColor: #5690AF;
+    --hovColor: #22453F;
+    --bgSelect: #FFFAE1;
+    --bgUrl: url(https://i.ibb.co/Qpkrw4V/tile-Light.webp) repeat;
+    --red: #D26878;
+    --dimRed: #623039;
+    --orange: #e08f67;
+    --dimOrange: #926048;
+    --yellow: #FFFAE1;
+    --dimYellow: #D5C5A1;
+    --green: #56AFA0;
+    --dimGreen: #22453F;
+    --blue: #5690AF;
+    --dimBlue: #223844;
+    --purple: #9271D6;
+    --dimPurple: #47356C;
+    --grey: #CBCDCD;
+    --dimGrey: #646868
+}
+
+:root.dark {
+    --bgColor: #222529;
+    --fgColor: #D6D6D6;
+    --metaColor: #78B6AD;
+    --headColor: #;
+    --linkColor: #DBD5BC;
+    --hovColor: #E2AEA2;
+    --bgSelect: #464949;
+    --bgUrl: url(https://i.ibb.co/LzrFBFJ/tileDark.webp) repeat;
+    --red: #CD909B;
+    --dimRed: #684249;
+    --orange: #E2AEA2;
+    --dimOrange: #704941;
+    --yellow: #DBD5BC;
+    --dimYellow: #6F6847;
+    --green: #78B6AD;
+    --dimGreen: #3E615C;
+    --blue: #87C9E5;
+    --dimBlue: #38494F;
+    --purple: #CEA7DE;
+    --dimPurple: #5E406A;
+    --grey: #CBCDCD;
+    --dimGrey: #464949
+}
+
+::-moz-selection {
+    color: var(--bgColor);
+    background: var(--metaColor)
+}
+
+::selection {
+    color: var(--bgColor);
+    background: var(--metaColor)
+}
+
+html {
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    font-size: 62.5%
+}
+
+body {
+    font-family: monospace;
+    font-size: 1.6rem;
+    line-height: 1.35;
+    max-width: 64rem;
+    margin: auto;
+    padding: 1rem;
+    overflow-wrap: break-word;
+    background: var(--bgColor);
+    color: var(--fgColor);
+}
+
+h1 {
+    font-size: 2.4rem;
+    margin: 1rem 1rem 1.5rem 0;
+    color: var(--bgColor);
+    background-color: var(--metaColor);
+    text-align: center;
+}
+
+h1::before {
+    color: var(--bgColor);
+    content: '# '
+}
+
+h2::before,
+h3::before,
+h4::before,
+h5::before,
+h6::before {
+    color: var(--metaColor);
+    content: '# '
+}
+
+a {
+    color: var(--linkColor);
+}
+
+a:focus,
+a:hover {
+    background-color: var(--linkColor);
+    color: var(--bgColor)
+}
+
+ul {
+    list-style: none;
+    margin-top: .5rem;
+    margin-bottom: .5rem;
+    line-height: 1.45
+}
+
+ul li::marker {
+    content: '» ';
+    color: var(--metaColor)
+}
+
+ul li:hover::marker {
+    content: '# ';
+    font-weight: 700;
+    color: var(--linkColor)
+}
+
+blockquote {
+    border-left: 5px solid var(--metaColor);
+    margin: 1rem;
+    padding: 0 0 0 1rem
+}
+
+textarea {
+    border: 2px dotted;
+    outline: 0;
+    resize: none;
+    overflow: auto;
+    background-color: var(--bgColor)
+}
+
+hr {
+    border: 1px dashed
+}
+
+img {
+    max-width: 90%;
+    height: auto;
+    margin: .2rem;
+    padding: .2rem;
+    border: dashed 2px var(--metaColor);
+    border-radius: 15px
+}
+
+pre {
+    color: var(--bgColor);
+    background-color: var(--fgColor);
+}
+
+p code,
+li code,
+div code {
+    color: var(--bgColor);
+    background-color: var(--fgColor);
+}
+
+iframe {
+    max-width: 90%;
+}
+
+table {
+    table-layout: fixed;
+    width: 100%;
+    border-collapse: collapse;
+    border: none;
+    margin-left: auto;
+    margin-right: auto;
+    margin-bottom: 1rem;
+    line-height: 1.1
+}
+
+thead th:first-child {
+    width: 20%
+}
+
+th {
+    font-weight: 400
+}
+
+td,
+th {
+    padding: .5rem;
+    border: dashed 1px var(--metaColor)
+}
+
+footer {
+    font-size: 1.4rem;
+    clear: both;
+    color: var(--footColor)
+}
+
+footer,
+td,
+th {
+    text-align: left
+}
+
+.metaData,
+.themeButton,
+hr,
+textarea {
+    color: var(--metaColor)
+}
+
+.navBar {
+    margin: .5rem;
+    margin-bottom: 1rem;
+    display: flex;
+    flex-direction: row;
+    gap: .4rem;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+    align-items: center;
+    align-content: flex-end
+}
+
+.themeButton {
+    cursor: pointer;
+    border: none;
+    font-size: 1.8rem;
+    background-color: transparent
+}
+
+.dark .themeButton.dark,
+.themeButton.light {
+    display: none
+}
+
+.dark .themeButton.light {
+    display: block
+}
+
+.tagsData {
+    display: flex;
+    flex-direction: column;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+    align-items: flex-start;
+    align-content: flex-end
+}
+
+.footnote-definition {
+    margin: 0 0 0 2rem;
+}
+.footnote-definition-label {
+    color: var(--metaColor);
+}
+.footnote-definition p {
+    display: inline;
+    padding: 0 0 0 1rem;
+}
+
+.footContainer,
+.footRight {
+    display: flex;
+    align-content: center
+}
+
+.footContainer {
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-items: flex-start
+}
+
+.footRight {
+    flex-direction: column;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center
+}
+
+.noStyle {
+    padding: 0;
+    margin: 0;
+    border: none;
+    border-radius: 0
+}
+
+.textCenter {
+    text-align: center;
+}
+
+.floatRight {
+    float: right
+}
+
+.floatLeft {
+    float: left
+}
+
+#statuscafe {
+    border: 2px dashed var(--metaColor);
+    border-radius: 10px;
+    margin-bottom: 2rem;
+    padding: 1.4rem;
+}
+
+#statuscafe-content {
+    margin-left: 1rem
+}
+
+#statuscafe:focus,
+#statuscafe:hover {
+    transform: scale(1.05);
+    -webkit-transition: .1s ease-in;
+    -moz-transition: .1s ease-in;
+    -o-transition: .1s ease-in;
+    background: var(--bgSelect)
+}
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/static/css/style.css
+++ b/static/css/style.css
@ -1 +1,322 @@
-footer,td,th{text-align:left}#statuscafe,.lastPost,body{padding:1rem}#statuscafe-username,ul{margin-bottom:.5rem}:root,:root.light{--bgColor:#EEEEEE;--fgColor:#41474E;--metaColor:#D26878;--headColor:#;--linkColor:#5690AF;--hovColor:#22453F;--bgSelect:#FFFAE1;--bgUrl:url(https://i.ibb.co/Qpkrw4V/tile-Light.webp) repeat;--red:#D26878;--dimRed:#623039;--orange:#e08f67;--dimOrange:#926048;--yellow:#FFFAE1;--dimYellow:#D5C5A1;--green:#56AFA0;--dimGreen:#22453F;--blue:#5690AF;--dimBlue:#223844;--purple:#9271D6;--dimPurple:#47356C;--grey:#CBCDCD;--dimGrey:#646868}:root.dark{--bgColor:#222529;--fgColor:#D6D6D6;--metaColor:#78B6AD;--headColor:#;--linkColor:#DBD5BC;--hovColor:#E2AEA2;--bgSelect:#464949;--bgUrl:url(https://i.ibb.co/LzrFBFJ/tileDark.webp) repeat;--red:#CD909B;--dimRed:#684249;--orange:#E2AEA2;--dimOrange:#704941;--yellow:#DBD5BC;--dimYellow:#6F6847;--green:#78B6AD;--dimGreen:#3E615C;--blue:#87C9E5;--dimBlue:#38494F;--purple:#CEA7DE;--dimPurple:#5E406A;--grey:#CBCDCD;--dimGrey:#464949}::-moz-selection{color:var(--bgColor);background:var(--metaColor)}::selection{color:var(--bgColor);background:var(--metaColor)}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:62.5%}body{font-family:sans-serif;font-size:1.6rem;line-height:1.35;max-width:64rem;margin:auto;background:var(--bgColor);color:var(--fgColor)}h1,h2,h3,h4,h5,h6{font-size:1.8rem;margin:1rem 0;color:var(--headColor)}h1::before,h2::before,h3::before,h4::before,h5::before,h6::before{color:var(--metaColor);content:'# '}a{color:var(--linkColor)}.metaData,.themeButton,hr,textarea{color:var(--metaColor)}a:focus,a:hover{background-color:var(--linkColor);color:var(--bgColor)}ul{list-style:none;margin-top:.5rem;line-height:1.45}ul li::marker{content:'» ';color:var(--metaColor)}ul li:hover::marker{content:'# ';font-weight:700;color:var(--linkColor)}blockquote{border-left:5px solid var(--metaColor);margin:1rem;padding:0 0 0 1rem}textarea{border:2px dotted;outline:0;resize:none;overflow:auto;background-color:var(--bgColor)}hr{border:1px dashed}footer{font-size:1.4rem;clear:both;color:var(--footColor)}img{max-width:100%;height:auto;padding:.2rem;border:dashed 2px var(--metaColor);border-radius:15px}table{table-layout:fixed;width:100%;border-collapse:collapse;border:none;margin-left:auto;margin-right:auto;margin-bottom:1rem;line-height:1.1}thead th:first-child{width:20%}th{font-weight:400}td,th{padding:.5rem;border:dashed 1px var(--metaColor)}.navBar{margin:.5rem;display:flex;flex-direction:row;gap:.3rem;flex-wrap:wrap;justify-content:flex-end;align-items:center;align-content:flex-end}.themeButton{cursor:pointer;border:none;font-size:1.8rem;background-color:transparent}.dark .themeButton.dark,.themeButton.light{display:none}.dark .themeButton.light{display:block}.introContainer{margin-top:1rem;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center}.avatar{margin:0 1rem 0 0}.lastPost{border:2px dashed var(--metaColor);border-radius:10px;margin-bottom:2rem}.lastPost:focus,.lastPost:hover{transform:scale(1.05);-webkit-transition:.1s ease-in;-moz-transition:.1s ease-in;-o-transition:.1s ease-in;background:var(--bgSelect)}.postData{margin-top:.5rem;text-align:right}.moreContainer{display:grid;grid-gap:0.5rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));justify-content:start;justify-items:start;align-items:start}.tagsData{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-end;align-items:flex-start;align-content:flex-end}.footContainer,.footRight{display:flex;align-content:center}.footContainer{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.footRight{flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center}.noStyle{padding:0;margin:0;border:none;border-radius:0}.textCenter{text-align:center}.floatRight{float:right}.floatLeft{float:left}.moe{position:fixed;z-index:-1;bottom:0;right:2.5rem}#statuscafe-content{margin-left:1rem}@media(max-width:65.625em),screen and (orientation:portrait){.moe{display:none}}@media(max-width:37.5em){.readData{display:none}}@media(max-width:21.75em){.avatar{display:none}}
+:root,
+:root.light {
+    --bgColor: #EEEEEE;
+    --fgColor: #41474E;
+    --metaColor: #D26878;
+    --headColor: #;
+    --linkColor: #5690AF;
+    --hovColor: #22453F;
+    --bgSelect: #FFFAE1;
+    --bgUrl: url(https://i.ibb.co/Qpkrw4V/tile-Light.webp) repeat;
+    --red: #D26878;
+    --dimRed: #623039;
+    --orange: #e08f67;
+    --dimOrange: #926048;
+    --yellow: #FFFAE1;
+    --dimYellow: #D5C5A1;
+    --green: #56AFA0;
+    --dimGreen: #22453F;
+    --blue: #5690AF;
+    --dimBlue: #223844;
+    --purple: #9271D6;
+    --dimPurple: #47356C;
+    --grey: #CBCDCD;
+    --dimGrey: #646868
+}
+
+:root.dark {
+    --bgColor: #222529;
+    --fgColor: #D6D6D6;
+    --metaColor: #78B6AD;
+    --headColor: #;
+    --linkColor: #DBD5BC;
+    --hovColor: #E2AEA2;
+    --bgSelect: #464949;
+    --bgUrl: url(https://i.ibb.co/LzrFBFJ/tileDark.webp) repeat;
+    --red: #CD909B;
+    --dimRed: #684249;
+    --orange: #E2AEA2;
+    --dimOrange: #704941;
+    --yellow: #DBD5BC;
+    --dimYellow: #6F6847;
+    --green: #78B6AD;
+    --dimGreen: #3E615C;
+    --blue: #87C9E5;
+    --dimBlue: #38494F;
+    --purple: #CEA7DE;
+    --dimPurple: #5E406A;
+    --grey: #CBCDCD;
+    --dimGrey: #464949
+}
+
+::-moz-selection {
+    color: var(--bgColor);
+    background: var(--metaColor)
+}
+
+::selection {
+    color: var(--bgColor);
+    background: var(--metaColor)
+}
+
+html {
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    font-size: 62.5%
+}
+
+body {
+    font-family: monospace;
+    font-size: 1.6rem;
+    line-height: 1.35;
+    max-width: 64rem;
+    margin: auto;
+    padding: 1rem;
+    overflow-wrap: break-word;
+    background: var(--bgColor);
+    color: var(--fgColor);
+}
+
+h1 {
+    font-size: 2.4rem;
+    margin: 1rem 1rem 1.5rem 0;
+    color: var(--bgColor);
+    background-color: var(--metaColor);
+    text-align: center;
+}
+
+h1::before {
+    color: var(--bgColor);
+    content: '# '
+}
+
+h2::before,
+h3::before,
+h4::before,
+h5::before,
+h6::before {
+    color: var(--metaColor);
+    content: '# '
+}
+
+a {
+    color: var(--linkColor);
+}
+
+a:focus,
+a:hover {
+    background-color: var(--linkColor);
+    color: var(--bgColor)
+}
+
+ul {
+    list-style: none;
+    margin-top: .5rem;
+    margin-bottom: .5rem;
+    line-height: 1.45
+}
+
+ul li::marker {
+    content: '» ';
+    color: var(--metaColor)
+}
+
+ul li:hover::marker {
+    content: '# ';
+    font-weight: 700;
+    color: var(--linkColor)
+}
+
+blockquote {
+    border-left: 5px solid var(--metaColor);
+    margin: 1rem;
+    padding: 0 0 0 1rem
+}
+
+textarea {
+    border: 2px dotted;
+    outline: 0;
+    resize: none;
+    overflow: auto;
+    background-color: var(--bgColor)
+}
+
+hr {
+    border: 1px dashed
+}
+
+img {
+    max-width: 90%;
+    height: auto;
+    margin: .2rem;
+    padding: .2rem;
+    border: dashed 2px var(--metaColor);
+    border-radius: 15px
+}
+
+pre {
+    color: var(--bgColor);
+    background-color: var(--fgColor);
+}
+
+p code,
+li code,
+div code {
+    color: var(--bgColor);
+    background-color: var(--fgColor);
+}
+
+iframe {
+    max-width: 90%;
+}
+
+table {
+    table-layout: fixed;
+    width: 100%;
+    border-collapse: collapse;
+    border: none;
+    margin-left: auto;
+    margin-right: auto;
+    margin-bottom: 1rem;
+    line-height: 1.1
+}
+
+thead th:first-child {
+    width: 20%
+}
+
+th {
+    font-weight: 400
+}
+
+td,
+th {
+    padding: .5rem;
+    border: dashed 1px var(--metaColor)
+}
+
+footer {
+    font-size: 1.4rem;
+    clear: both;
+    color: var(--footColor)
+}
+
+footer,
+td,
+th {
+    text-align: left
+}
+
+.metaData,
+.themeButton,
+hr,
+textarea {
+    color: var(--metaColor)
+}
+
+.navBar {
+    margin: .5rem;
+    margin-bottom: 1rem;
+    display: flex;
+    flex-direction: row;
+    gap: .4rem;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+    align-items: center;
+    align-content: flex-end
+}
+
+.themeButton {
+    cursor: pointer;
+    border: none;
+    font-size: 1.8rem;
+    background-color: transparent
+}
+
+.dark .themeButton.dark,
+.themeButton.light {
+    display: none
+}
+
+.dark .themeButton.light {
+    display: block
+}
+
+.tagsData {
+    display: flex;
+    flex-direction: column;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+    align-items: flex-start;
+    align-content: flex-end
+}
+
+.footnote-definition {
+    margin: 0 0 0 2rem;
+}
+.footnote-definition-label {
+    color: var(--metaColor);
+}
+.footnote-definition p {
+    display: inline;
+    padding: 0 0 0 1rem;
+}
+
+.footContainer,
+.footRight {
+    display: flex;
+    align-content: center
+}
+
+.footContainer {
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-items: flex-start
+}
+
+.footRight {
+    flex-direction: column;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center
+}
+
+.noStyle {
+    padding: 0;
+    margin: 0;
+    border: none;
+    border-radius: 0
+}
+
+.textCenter {
+    text-align: center;
+}
+
+.floatRight {
+    float: right
+}
+
+.floatLeft {
+    float: left
+}
+
+#statuscafe {
+    border: 2px dashed var(--metaColor);
+    border-radius: 10px;
+    margin-bottom: 2rem;
+    padding: 1.4rem;
+}
+
+#statuscafe-content {
+    margin-left: 1rem
+}
+
+#statuscafe:focus,
+#statuscafe:hover {
+    transform: scale(1.05);
+    -webkit-transition: .1s ease-in;
+    -moz-transition: .1s ease-in;
+    -o-transition: .1s ease-in;
+    background: var(--bgSelect)
+}
--- a/static/favicon.ico
+++ b/static/favicon.ico
--- a/static/js/index.js
+++ b/static/js/index.js
--- a/templates/base.html
+++ b/templates/base.html
@ -0,0 +1,142 @@
+<!doctype html>
+<html lang="{{ lang }}">
+  <head>
+    <meta charset="UTF-8">
+    <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
+    <meta content="text/html; charset=UTF-8" http-equiv="content-type"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+    <meta name="robots" content="index, follow">
+
+    {% if page.title %}
+    {% set title = page.title %}
+    {% elif section.title %}
+    {% set title = section.title %}
+    {% elif config.title %}
+    {% set title = config.title %}
+    {% endif %}
+
+    {% if page.extra.author %}
+    {% set author = page.extra.author %}
+    {% elif section.extra.author %}
+    {% set author = section.extra.author %}
+    {% elif config.extra.author %}
+    {% set author = config.extra.author %}
+    {% endif %}
+
+    {% if page.description %}
+    {% set description = page.description | truncate(length=150) %}
+    {% elif section.description %}
+    {% set description = section.description | truncate(length=150) %}
+    {% elif config.description %}
+    {% set description = config.description | truncate(length=150) %}
+    {% endif %}
+
+    {% if page.extra.image %}
+    {% set image = get_url(path=page.extra.image, trailing_slash=false) %}
+    {% elif section.extra.image %}
+    {% set image = get_url(path=section.extra.image, trailing_slash=false) %}
+    {% elif config.extra.favicon %}
+    {% set image = get_url(path=config.extra.favicon, trailing_slash=false) %}
+    {% endif %}
+
+    {% if page.permalink %}
+    {% set url = page.permalink %}
+    {% elif section.permalink %}
+    {% set url = section.permalink %}
+    {% elif config.base_url %}
+    {% set url = config.base_url %}
+    {% endif %}
+
+    {% if title %}<title>{{ title }}</title>{% endif %}
+    {% block metatags %}
+    {% if title %}<meta name="title" content="{{ title }}">{% endif %}
+    {% if author %}<meta name="author" content="{{ author }}">{% endif %}
+    {% if description %}<meta name="description" content="{{ description }}">{% endif %}
+
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="{{ url | safe }}">
+    {% if title %}<meta property="og:site_name" content="{{ config.title }}">{% endif %}
+    {% if title %}<meta property="og:title" content="{{ title }}">{% endif %}
+    {% if description %}<meta property="og:description" content="{{ description }}">{% endif %}
+    {% if image %}<meta property="og:image" content="{{ image }}">{% endif %}
+
+    {% set twitter_card = config.extra.twitter_card | default(value=true) %}
+    {% if twitter_card != false %}
+    <meta property="twitter:card" content="summary_large_image">
+    <meta property="twitter:url" content="{{ url | safe }}">
+    {% if title %}<meta property="twitter:title" content="{{ title }}">{% endif %}
+    {% if description %}<meta property="twitter:description" content="{{ description }}">{% endif %}
+    {% if image %}<meta property="twitter:image" content="{{ image }}">{% endif %}
+    {% endif %}
+
+    <link rel="canonical" href="{{ url | safe }}">
+    {% if image %}<link rel="shortcut icon" type="image/x-icon" href="{{ get_url(path=config.extra.favicon, trailing_slash=false) }}">{% endif %}
+    {% endblock metatags %}
+    {% if config.generate_feed %}
+    {% block feed %}
+    <link rel="alternate" type="application/atom+xml" title="RSS" href="{{ get_url(path="atom.xml", trailing_slash=false) }}">
+    {% endblock feed %}
+    {% endif %}
+    {% block css %}
+    <link rel="stylesheet" href="{{ get_url(path='css/style.css', trailing_slash=false) | safe }}"/>
+    {% endblock css %}
+  </head>
+
+  <body>
+    <div class="wrapper">
+      <header>
+
+      {% if config.extra.header_nav %}
+      <nav class="navBar">
+        {% for nav_item in config.extra.header_nav %}
+        <a href="{{ nav_item.url | safe }}" {% if nav_item.new_tab %}target="_blank" rel="noreferrer noopener"{% endif %}>{{ nav_item.name }}</a>
+        {% endfor %}
+        
+        <div class="themeSwitch">
+          <button class="themeButton light" onclick="setTheme('light')" title="Light mode">◐</button>
+          <button class="themeButton dark" onclick="setTheme('dark')" title="Dark mode">◑</button>
+        </div>
+
+        <script>
+          const setTheme=(theme)=>{document.documentElement.className=theme;localStorage.setItem('theme',theme)}
+          const getTheme=()=>{const theme=localStorage.getItem('theme');theme&&setTheme(theme)}
+          getTheme()
+        </script>
+      </nav>
+      {% endif %}
+
+      {% block header %}{% endblock header %}
+      </header>
+
+      <main>
+      {% block content %}{% endblock content %}
+      </main>
+ 
+      <footer>
+      {% block footer %}{% endblock footer %}
+        <hr>
+        <div class=footContainer>
+          <div class="footLeft">
+            <p>Licensed under <a target="_blank" rel="noopener noreferrer" href="https://fr.wikipedia.org/wiki/Licence_MIT">MIT</a><br>
+            Built with <a target="_blank" rel="noopener noreferrer" href="https://www.getzola.org">Zola</a> using <a target="_blank" rel="noopener noreferrer" href="https://github.com/Speyll/anemone">anemone</a> theme &amp; <a target="_blank" rel="noopener noreferrer" href="https://github.com/Speyll/veqev">veqev</a> colors.<br></p>
+          </div>
+
+          <div class="footRight">
+            <!-- Size 46x46 -->
+            <img class="footGif noStyle" loading="lazy" src="https://i.ibb.co/XYDpfcs/foot.gif" alt="footGif">
+            <a class="metaData" target="_blank" rel="noopener noreferrer" href="{{ get_url(path="atom.xml", trailing_slash=false) }}" title="Subscribe via RSS for updates.">RSS</a>
+          </div>
+
+         </div>
+
+        {% if config.extra.footer_nav %}
+        <nav class="textCenter">
+            {% for nav_item in config.extra.footer_nav %}
+            <a href="{{ nav_item.url | safe }}">{{ nav_item.name }}</a>
+            {% endfor %}
+        </nav>
+        {% endif %}
+      </footer>
+    </div>
+  </body>
+</html>
--- a/templates/blog-page.html
+++ b/templates/blog-page.html
@ -0,0 +1,50 @@
+{% extends "base.html" %}
+
+{% block header %}
+<div><a href="..">..</a>/<span class="metaData">{{ page.slug }}</span></div>
+<time datetime="{{ page.date }}">Published on: <span class="metaData">{{ page.date }}</span></time>
+<h1>{{ page.title }}</h1>
+{% endblock header %}
+
+{% block content %}
+
+{% if page.toc and page.extra.toc %}
+<h2>Table of contents</h2>
+<ul>
+{% for h1 in page.toc %}
+  <li>
+  <a href="{{ h1.permalink | safe }}">{{ h1.title }}</a>
+  {% if h1.children %}
+    <ul>
+      {% for h2 in h1.children %}
+        <li>
+        <a href="{{ h2.permalink | safe }}">{{ h2.title }}</a>
+          <ul>
+          {% for h3 in h2.children %}
+            <li>
+            <a href="{{ h3.permalink | safe }}">{{ h3.title }}</a>
+            </li>
+          {% endfor %}
+          </ul>
+        </li>
+      {% endfor %}
+    </ul>
+  {% endif %}
+  </li>
+{% endfor %}
+</ul>
+{% endif %}
+
+
+{{ page.content | safe }}
+{% endblock content %}
+
+{% block footer %}
+<p class="tagsData">
+{% if page.taxonomies.tags %}
+{% for tag in page.taxonomies.tags %}
+<a href="/tags/{{ tag | slugify }}">#{{ tag }}</a>
+{% endfor %}
+{% endif %}
+</p>
+{% endblock footer %}
--- a/templates/index.html
+++ b/templates/index.html
@ -0,0 +1,29 @@
+{% extends "base.html" %}
+
+{% block content %}
+{{ section.content | safe }}
+
+{% if config.extra.list_pages %}
+
+{% if paginator %}
+{% set pages = paginator.pages %}
+{% else %}
+{% set pages = section.pages %}
+{% endif %}
+
+<ul>
+{% for page in pages %}
+  <li>
+    <a href="{{ page.permalink | safe }}">{{ page.title }}</a>
+    <br />
+    {{ page.description }}
+  </li>
+{% endfor %}
+</ul>
+
+{% if paginator %}
+<div class="metaData">{% if paginator.previous %}<a href="{{ paginator.first }}">⥶</a> &nbsp <a href="{{ paginator.previous }}"><</a>{% endif %} &nbsp {{ paginator.current_index }} / {{ paginator.number_pagers }} &nbsp {% if paginator.next %}<a href="{{ paginator.next }}">></a> &nbsp <a href="{{ paginator.last }}">⥸</a>{% endif %}</div>
+{% endif %}
+
+{% endif %}
+{% endblock content %}
--- a/templates/page.html
+++ b/templates/page.html
@ -0,0 +1,47 @@
+{% extends "base.html" %}
+
+{% block header %}
+<h1>{{ page.title }}</h1>
+{% endblock header %}
+
+{% block content %}
+
+{% if page.toc and page.extra.toc %}
+<h2>Table of contents</h2>
+<ul>
+{% for h1 in page.toc %}
+  <li>
+  <a href="{{ h1.permalink | safe }}">{{ h1.title }}</a>
+  {% if h1.children %}
+    <ul>
+      {% for h2 in h1.children %}
+        <li>
+        <a href="{{ h2.permalink | safe }}">{{ h2.title }}</a>
+          <ul>
+          {% for h3 in h2.children %}
+            <li>
+            <a href="{{ h3.permalink | safe }}">{{ h3.title }}</a>
+            </li>
+          {% endfor %}
+          </ul>
+        </li>
+      {% endfor %}
+    </ul>
+  {% endif %}
+  </li>
+{% endfor %}
+</ul>
+{% endif %}
+
+{{ page.content | safe }}
+{% endblock content %}
+
+{% block footer %}
+<p class="tagsData">
+{% if page.taxonomies.tags %}
+{% for tag in page.taxonomies.tags %}
+<a href="/tags/{{ tag | slugify }}">#{{ tag }}</a>
+{% endfor %}
+{% endif %}
+</p>
+{% endblock footer %}
--- a/templates/robots.txt
+++ b/templates/robots.txt
@ -0,0 +1,4 @@
+User-agent: *
+Disallow:
+Allow: /
+Sitemap: {{ get_url(path="sitemap.xml") }}
--- a/templates/section.html
+++ b/templates/section.html
@ -0,0 +1,25 @@
+{% extends "base.html" %}
+
+{% block header %}
+<h1>{{ section.title }}</h1>
+{% endblock header %}
+
+{% block content %}
+{{ section.content | safe }}
+
+{% if paginator %}
+{% set pages = paginator.pages %}
+{% else %}
+{% set pages = section.pages %}
+{% endif %}
+<ul>
+{% for page in pages %}
+  <li>
+    <a href="{{ page.permalink | safe }}">{{ page.title }}</a>
+  </li>
+{% endfor %}
+</ul>
+{% if paginator %}
+<div class="metaData">{% if paginator.previous %}<a href="{{ paginator.first }}">⥶</a> &nbsp <a href="{{ paginator.previous }}"><</a>{% endif %} &nbsp {{ paginator.current_index }} / {{ paginator.number_pagers }} &nbsp {% if paginator.next %}<a href="{{ paginator.next }}">></a> &nbsp <a href="{{ paginator.last }}">⥸</a>{% endif %}</div>
+{% endif %}
+{% endblock content %}
--- a/templates/shortcodes/img.html
+++ b/templates/shortcodes/img.html
@ -0,0 +1,4 @@
+<div {% if class %}class="{{class}}"{% endif %}>
+  <img src="{{id}}" {% if alt %}alt="{{alt}}"{% endif %}>
+  {% if caption %}<div class="caption">{{caption}}</div>{% endif %}
+</div>
--- a/templates/shortcodes/metaData.html
+++ b/templates/shortcodes/metaData.html
@ -0,0 +1 @@
+<span class="metaData">{{content}}</span>
--- a/templates/shortcodes/youtube.html
+++ b/templates/shortcodes/youtube.html
@ -0,0 +1,9 @@
+<div {% if class %}class="{{class}}"{% endif %}>
+    <iframe
+        src="https://www.youtube-nocookie.com/embed/{{id}}{% if autoplay %}?autoplay=1{% endif %}"
+        allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+        webkitallowfullscreen
+        mozallowfullscreen
+        allowfullscreen>
+    </iframe>
+</div>
--- a/templates/tags/list.html
+++ b/templates/tags/list.html
@ -0,0 +1,13 @@
+{% extends "base.html" %}
+
+{% block header %}
+<h1>{{ taxonomy.name }}</h1>
+{% endblock header %}
+
+{% block content %}
+<p>
+{% for term in terms %}
+<a href="{{ term.permalink | safe }}">#{{ term.name }}</a>[{{ term.pages | length }}]
+{% endfor %}
+</p>
+{% endblock content %}
--- a/templates/tags/single.html
+++ b/templates/tags/single.html
@ -0,0 +1,23 @@
+{% extends "base.html" %}
+
+{% block header %}
+<h1>{{ term.name }}</h1>
+{% endblock header %}
+
+{% block content %}
+{% if paginator %}
+{% set pages = paginator.pages %}
+{% else %}
+{% set pages = term.pages %}
+{% endif %}
+<ul>
+{% for page in pages %}
+  <li>
+    <a href="{{ page.permalink | safe }}">{% if page.date %}{{ page.date }} - {% endif %}{{ page.title }}</a>
+  </li>
+{% endfor %}
+</ul>
+{% if paginator %}
+<p>{% if paginator.previous %}<a href="{{ paginator.first }}">&lt;&lt; First</a> <a href="{{ paginator.previous }}">&lt; Previous</a>{% endif %} [{{ paginator.current_index }}/{{ paginator.number_pagers }}] {% if paginator.next %}<a href="{{ paginator.next }}">Next &gt;</a> <a href="{{ paginator.last }}">Last &gt;&gt;</a>{% endif %}</p>
+{% endif %}
+{% endblock content %}
--- a/theme.toml
+++ b/theme.toml
@ -1,30 +1,13 @@
-# theme.toml template for a Hugo theme
-# See https://github.com/gohugoio/hugoThemes#themetoml for an example
-
 name = "anemone"
+description = "Nearly no-Javascript, efficient, minimal theme."
 license = "MIT"
-licenselink = "https://github.com/yourname/yourtheme/blob/master/LICENSE"
-description = "Simple minimal elegant theme."
-homepage = "https://github.com/speyll/anemone"
-tags = ["minimal", "responsive", "blog", "dark", "light", "dark-mode"]
-features = []
-min_version = "0.41.0"
+homepage = "https://github.com/Speyll/anemone"
+min_version = "0.4.0"
+demo = "https://anemone.pages.dev"
+
+[extra]
+

 [author]
-	name = "Speyll"
-  homepage = "https://speyll.gitlab.io/site/"
-
-[[menu.main]]
-	name = "/about"
-	url = "/about"
-	weight = 1
-
-[[menu.main]]
-	name = "/blog"
-	url = "/blog"
-	weight = 2
-
-[[menu.main]]
-	name = "/tags"
-	url = "/tags"
-	weight = 3
+name = "Lyes 'Speyll'"
+homepage = "https://speyllsite.pages.dev/"
				`@ -1 +0,0 @@`
				`<a href="{{ .Destination \| safeURL }}"{{ with .Title}} title="{{ . }}"{{ end }}{{ if or (strings.HasPrefix .Destination "http") (strings.HasPrefix .Destination "https") }} target="_blank"{{ end }} >{{ .Text \| safeHTML }}</a>`
				`@ -1 +0,0 @@`
				`<p>Currently feeling...<a target="_blank" rel="noopener noreferrer" href="https://www.imood.com/users/Speyll"><img src="https://moods.imood.com/display/uname-Speyll/fg-5690af/bg-EEEEEE/trans-1/imood.gif" alt="down" border="0"></a></p>`
				`@ -1 +0,0 @@`
				`<div id="statuscafe"><div id="statuscafe-username"></div><div id="statuscafe-content"></div></div><script src="https://status.cafe/current-status.js?name=speyll" defer></script>`