integrate theme with acefox.life

Síle Ekaterin Liszka 2024-06-10 08:24:15 -07:00
parent 38f1a995d1
commit e66a4084c8
Signed by: VulpineAmethyst
SSH Key Fingerprint: SHA256:VcHwQ6SUfi/p0Csfxe3SabX/TImWER0PhoJqkt+GlmE
14 changed files with 238 additions and 35 deletions

1
.gitignore vendored
View File

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

4
.gitmodules vendored Normal file
View File

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

26
assets/css/custom.css Normal file
View File

@ -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;
}

View File

@ -1,9 +1,45 @@
baseURL = 'https://vulpine.house' baseURL = 'https://vulpine.house'
languageCode = 'en-us' languageCode = 'en-us'
title = 'The Fridge' title = "A Vulpine House"
author = 'Síle Ekaterin Liszka' theme = 'anatole'
theme = 'clean'
disableKinds = ['RSS', 'sitemap'] 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/'

View File

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

102
layouts/_default/list.html Normal file
View File

@ -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 }}

View File

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

View File

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

View File

@ -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>

View File

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

Binary file not shown.

Binary file not shown.

View File

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

View File

@ -23,13 +23,15 @@
--bright-black: #555; --bright-black: #555;
--bright-white: #FFF; --bright-white: #FFF;
--terminal-fg: var(--normal-white); --accent-main: #BAB1ED;
--terminal-bg: var(--normal-black); --accent-second: #639;
--link-normal: var(--normal-cyan);
--link-active: var(--normal-red); --terminal-fg: #B5ABBF;
--link-visited: var(--normal-cyan); --terminal-bg: #2C1438;
--link-normal: var(--accent-main);
--link-active: var(--accent-second);
--bold: var(--bright-white); --bold: var(--bright-white);
--italic: var(--normal-purple); --italic: var(--normal-cyan);
} }
html { html {
background-color: var(--terminal-bg); background-color: var(--terminal-bg);
@ -42,7 +44,7 @@ body {
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-size: var(--font-size); font-size: var(--font-size);
font-weight: normal; font-weight: normal;
color: var(--bright-white); color: var(--accent-main);
} }
b, strong { b, strong {
color: var(--bold); color: var(--bold);
@ -53,16 +55,21 @@ i, em {
font-style: normal; font-style: normal;
} }
a { a {
text-decoration: underline; text-decoration: none;
} }
a:link { a:link, a:visited {
color: var(--link-normal); color: var(--link-normal);
} }
a:hover, a:active, a:visited:hover { 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 { nav a {
text-decoration: none; text-decoration: none;
@ -74,12 +81,12 @@ nav button {
padding: 0; padding: 0;
} }
nav a:link, nav a:visited, nav, nav button { 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 { 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 { nav > ul {
list-style-type: none; list-style-type: none;
@ -94,7 +101,7 @@ nav li {
nav li > ul { nav li > ul {
position: absolute; position: absolute;
padding: 12px 0; padding: 12px 0;
background-color: var(--normal-white); background-color: var(--accent-second);
visibility: hidden; visibility: hidden;
} }
nav li > ul li { 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"] { nav ul[aria-hidden="false"] {
visibility: visible; visibility: visible;
} }
article {
margin-top: 2.5em;
}
article ul { article ul {
list-style-type: '- '; list-style-type: '- ';
padding-left: 0; padding-left: 0;
margin-left: 3em; margin-left: calc(var(--char-width) * 5);
} }
article ol { article ol {
padding-left: 3em; padding-left: calc(var(--char-width) * 5);
} }
article li { article li {
margin-bottom: 2ex; margin-bottom: 2ex;