integrate theme with acefox.life

.gitignore

@@ -1,5 +1,6 @@
 config/_default/params.toml
 public/*
+resources/
 .hugo_build.lock
 .*.sw?
 .DS_Store

.gitmodules

@@ -0,0 +1,4 @@
+[submodule "anatole"]
+	path = themes/anatole
+	url = https://github.com/lxndrblz/anatole
+

assets/css/custom.css

@@ -0,0 +1,26 @@
+.theme--dark .body,
+.theme--dark .post,
+.theme--dark .nav__list {
+	background-color: #2C1438;
+}
+.theme--dark .post__content a:link,
+.theme--dark .post__content a:visited {
+	color: #BAB1ED;
+}
+.theme--dark a:hover,
+.theme--dark .post__content a:hover {
+	color: hsl(249, 62%, 61%);
+}
+@font-face {
+	font-family: 'Inclusive Sans';
+	src: url(/font/InclusiveSans-Regular.ttf);
+}
+@font-face {
+	font-family: 'Inclusive Sans';
+	src: url('/font/InclusiveSans-Italic.ttf');
+	font-style: italic;
+}
+body {
+	font-family: 'Inclusive Sans', sans-serif;
+	font-size: 16pt;
+}

config/_default/config.toml

@@ -1,9 +1,45 @@
 baseURL = 'https://vulpine.house'
 languageCode = 'en-us'
-title = 'The Fridge'
+title = "A Vulpine House"
-author = 'Síle Ekaterin Liszka'
+theme = 'anatole'
-theme = 'clean'
 disableKinds = ['RSS', 'sitemap']
 
-[Params]
+[params]
-Fediverse = ['https://social.treehouse.systems/@VulpineAmethyst']
+title = "A Vulpine House"
+author = 'Síle Ekaterin Liszka'
+info = 'Ace arctic fox kit'
+description = "A vulpine system's den"
+displayMode = 'dark'
+profilePicture = 'img/logo.png'
+disableThemeSwitcher = true
+singleDateFormat = '2006 Jan 2'
+indexDateFormat = '2006 Jan 2'
+listDateFormat = '2 Jan'
+customCss = ["css/custom.css"]
+contentRatio = 0.65
+mainSections = []
+
+[[params.socialIcons]]
+title = 'Mastodon'
+icon = 'fab fa-mastodon'
+url = 'https://social.treehouse.systems/@VulpineAmethyst'
+
+[[params.socialIcons]]
+title = 'Gitea'
+icon = 'fab fa-git'
+url = 'https://gitea.treehouse.systems/VulpineAmethyst'
+
+[[params.socialIcons]]
+title = 'Discord'
+icon = 'fab fa-discord'
+url = 'https://discordapp.com/users/165317317138317313'
+
+[[params.socialIcons]]
+title = 'Tumblr'
+icon = 'fab fa-tumblr'
+url = 'https://vulpineamethyst.tumblr.com/'
+
+[[params.socialIcons]]
+title = 'AO3'
+icon = 'fas fa-book-open-reader'
+url = 'https://archiveofourown.org/users/VulpineAmethyst/'

config/_default/menu.toml

@@ -2,53 +2,62 @@
 identifier = 'home'
 name       = 'Home'
 url        = '/'
-weight     = 1
+weight     = 10
 
 [[main]]
 identifier = 'blog'
 name       = 'Blog'
 url        = 'https://acefox.life'
-weight     = 2
+weight     = 20
 
 [[main]]
 identifier = 'about'
 name       = 'About'
 url        = '/about'
-weight     = 3
+weight     = 30
+
+[[main]]
+identifier = 'projects'
+name       = 'Projects'
+weight     = 40
 
 [[main]]
 identifier = 'programs'
 name       = 'Programs'
 url        = '/programs'
-weight     = 4
+weight     = 41
+parent     = 'projects'
 
 [[main]]
 identifier = 'translations'
 name       = 'Translations'
 url        = '/translations'
-weight     = 5
+weight     = 42
+parent     = 'projects'
 
 [[main]]
 identifier = 'recipes'
 name       = 'Recipes'
 url        = '/recipe'
-weight     = 6
+weight     = 43
+parent     = 'projects'
 
 [[main]]
 identifier = 'commissions'
 name       = 'Commissions'
 url        = '/commissions'
-weight     = 7
+weight     = 44
+parent     = 'projects'
 
 [[main]]
 identifier = 'system'
 name       = 'System Reference'
 url        = '/system'
-weight     = 8
+weight     = 50
 
 [[main]]
 identifier = 'links'
 name       = 'Links'
 url        = '/links'
-weight     = 9
+weight     = 60
 

layouts/_default/list.html

@@ -0,0 +1,102 @@
+{{ define "main" }}
+  <div
+    class="post {{ with .Site.Params.doNotLoadAnimations }}
+      .
+    {{ else }}
+      animated fadeInDown
+    {{ end }}"
+  >
+    {{ if .Params.thumbnail }}
+      <div class="post__thumbnail-wrapper">
+        <img class="post__thumbnail" src="{{ .Params.thumbnail | relURL }}" alt="Thumbnail image" />
+      </div>
+    {{ end }}
+    <div class="post__content">
+      <h1>{{ title .Title }}</h1>
+      {{ if or (eq .Type "post") (eq .Type .Site.Params.postSectionName) }}
+        <ul class="post__meta">
+          <li class="post__meta-item">
+            <em class="fas fa-calendar-day post__meta-icon"></em>
+            <span class="post__meta-text"
+              >{{ if isset .Site.Params "singledateformat" }}
+                {{ if .Site.Params.localizedDates }}
+                  {{ time.Format .Site.Params.singleDateFormat .Date }}
+                {{ else }}
+                  {{ .Date.Format .Site.Params.singleDateFormat }}
+                {{ end }}
+
+              {{ else }}
+                {{ if .Site.Params.localizedDates }}
+                  {{ time.Format "Mon, Jan 2, 2006" .Date }}
+                {{ else }}
+                  {{ .Date.Format "Mon, Jan 2, 2006" }}
+                {{ end }}
+
+              {{ end }}
+            </span>
+          </li>
+          <li class="post__meta-item">
+            <em class="fas fa-stopwatch post__meta-icon"></em>
+            <span class="post__meta-text">{{ i18n "reading_time" .ReadingTime }}</span>
+          </li>
+        </ul>
+      {{ end }}
+
+      {{- partial "expirationnote.html" . -}}
+
+      {{- if (eq .Params.toc true) -}}
+        {{- partial "toc.html" . -}}
+      {{- end -}}
+
+      {{ .Content }}
+
+        <ul>{{ range .Pages.ByTitle }}
+            <li><a href="{{.Permalink}}">{{.Title}}</a></li>{{ end }}
+        </ul>
+
+    </div>
+    <div class="post__footer">
+      {{ with .Page.Params.Categories }}
+        {{ partial "taxonomy/categories.html" . }}
+      {{ end }}
+
+      {{ with .Page.Params.Tags }}
+        {{ partial "taxonomy/tags.html" . }}
+      {{ end }}
+    </div>
+
+    {{ if and (or (eq .Type "post") (eq .Type .Site.Params.postSectionName)) (ne .Page.Params.disableComments true) }}
+      {{- if .Site.DisqusShortname -}}
+        <div id="comment">
+          <h2>{{ i18n "comments" }}</h2>
+          {{ template "_internal/disqus.html" . }}
+        </div>
+      {{- end -}}
+      {{- if .Site.Params.utterances.repo -}}
+        <div id="comment">
+          <h2>{{ i18n "comments" }}</h2>
+          {{ partial "comments/utterances.html" . }}
+        </div>
+      {{- end -}}
+      {{- if .Site.Params.giscus.repo -}}
+        <div id="comment">
+          <h2>{{ i18n "comments" }}</h2>
+          {{ partial "comments/giscus.html" . }}
+        </div>
+      {{- end -}}
+      {{- if .Site.Params.CommentoURL -}}
+        <div id="comment">
+          <h2>{{ i18n "comments" }}</h2>
+          {{ partial "comments/commento.html" . }}
+        </div>
+      {{- end -}}
+      {{- if .Site.Params.gitalk.repo -}}
+        <div id="comment">
+          <h2>{{ i18n "comments" }}</h2>
+          {{ partial "comments/gitalk.html" . }}
+        </div>
+      {{- end -}}
+
+    {{ end }}
+  </div>
+{{ end }}

layouts/shortcodes/fftq-footer.html

@@ -0,0 +1 @@
+</table>

layouts/shortcodes/fftq-header.html

@@ -0,0 +1,4 @@
+<table>
+	<thead><tr>
+		<th>Lang</th><th>Text</th>
+	</tr></thead>

layouts/shortcodes/fftq.html

@@ -0,0 +1,9 @@
+<tr>
+	<td colspan="2">{{ .Get "name" }} ({{ .Get "jpname" }})</td>
+</tr><tr>
+	<th>Japanese</th><td>{{ .Get "japanese" }} {{ .Get "jpname" }}!</td>
+</tr><tr>
+	<th>Romaji</th><td>{{ .Get "romaji" }}</td>
+</tr><tr>
+	<th>Síle</th><td>{{ .Get "sheila" }} {{ .Get "name" }}!</td>
+</tr>

layouts/shortcodes/me.html

@@ -0,0 +1 @@
+<a href="{{ .Get "href" }}" rel="me">{{ .Get "text" }}</a>

themes/clean/static/css/clean.css

@@ -3,8 +3,8 @@ html {
 }
 article, hr, footer {
     width: 48em;
-    margin-left: calc(3em / 5);
+    margin-left: var(--char-width);
 }
 article p {
-    text-indent: 3em;
+    text-indent: calc(var(--char-width) * 5);
 }

themes/clean/static/css/common.css

@@ -22,14 +22,16 @@
     --bright-purple: #F5F;
     --bright-black:  #555;
     --bright-white:  #FFF;
+
+    --accent-main: #BAB1ED;
+    --accent-second: #639;
     
-    --terminal-fg: var(--normal-white);
+    --terminal-fg: #B5ABBF;
-    --terminal-bg: var(--normal-black);
+    --terminal-bg: #2C1438;
-    --link-normal: var(--normal-cyan);
+    --link-normal: var(--accent-main);
-    --link-active: var(--normal-red);
+    --link-active: var(--accent-second);
-    --link-visited: var(--normal-cyan);
     --bold: var(--bright-white);
-    --italic: var(--normal-purple);
+    --italic: var(--normal-cyan);
 }
 html {
     background-color: var(--terminal-bg);
@@ -42,7 +44,7 @@ body {
 h1, h2, h3, h4, h5, h6 {
     font-size: var(--font-size);
     font-weight: normal;
-    color: var(--bright-white);
+    color: var(--accent-main);
 }
 b, strong {
     color: var(--bold);
@@ -53,16 +55,21 @@ i, em {
     font-style: normal;
 }
 a {
-    text-decoration: underline;
+    text-decoration: none;
 }
-a:link {
+a:link, a:visited {
     color: var(--link-normal);
 }
 a:hover, a:active, a:visited:hover {
-    color: var(--link-active);
+    color: var(--terminal-bg);
+    background-color: var(--terminal-fg);
 }
-a:visited {
+nav {
-    color: var(--link-visited);
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    padding: 1ex;
 }
 nav a {
     text-decoration: none;
@@ -74,12 +81,12 @@ nav button {
     padding: 0;
 }
 nav a:link, nav a:visited, nav, nav button {
-    color: var(--normal-black);
+    color: var(--bright-white);
-    background-color: var(--normal-white);
+    background-color: var(--accent-second);
 }
 nav a:hover, nav a:active, nav a:visited:hover, nav button:hover {
-    color: var(--bright-white);
+    color: var(--accent-second);
-    background-color: var(--normal-black);
+    background-color: var(--normal-white);
 }
 nav > ul {
     list-style-type: none;
@@ -94,7 +101,7 @@ nav li {
 nav li > ul {
     position: absolute;
     padding: 12px 0;
-    background-color: var(--normal-white);
+    background-color: var(--accent-second);
     visibility: hidden;
 }
 nav li > ul li {
@@ -110,13 +117,16 @@ nav li:focus-within.no-js > ul { /* separate from above for older browsers. */
 nav ul[aria-hidden="false"] {
     visibility: visible;
 }
+article {
+    margin-top: 2.5em;
+}
 article ul {
     list-style-type: '- ';
     padding-left: 0;
-    margin-left: 3em;
+    margin-left: calc(var(--char-width) * 5);
 }
 article ol {
-    padding-left: 3em;
+    padding-left: calc(var(--char-width) * 5);
 }
 article li {
     margin-bottom: 2ex;