Compare commits
No commits in common. "main" and "improve-accessability" have entirely different histories.
main
...
improve-ac
18 changed files with 147 additions and 165 deletions
|
|
@ -1,47 +1,34 @@
|
|||
steps:
|
||||
build-stable:
|
||||
image: code.cozy.town/vrifox/hugoci:latest
|
||||
pipeline:
|
||||
build:
|
||||
image: archlinux
|
||||
commands:
|
||||
- pacman -Syu --noconfirm hugo git
|
||||
- hugo --destination /woodpecker/build/ --minify --cleanDestinationDir
|
||||
when:
|
||||
branch: main
|
||||
|
||||
upload-stable:
|
||||
image: code.cozy.town/vrifox/hugoci:latest
|
||||
image: archlinux
|
||||
commands:
|
||||
- pacman -Syu --noconfirm openssh rsync
|
||||
- mkdir -p /root/.ssh
|
||||
- echo "$SSH_KEY" > /root/.ssh/id_ed25519
|
||||
- chmod 700 /root/.ssh/id_ed25519
|
||||
- echo -e "Host *\n\tStrictHostKeyChecking no\n\n" > /root/.ssh/config
|
||||
- rsync -rv --delete -e "ssh -p $SSH_PORT -i /root/.ssh/id_ed25519" /woodpecker/build/ caddy@$SSH_HOST:/var/lib/caddy/woodpecker/vrifox.cc/ --mkpath --checksum
|
||||
secrets:
|
||||
- ssh_key
|
||||
- ssh_port
|
||||
- ssh_host
|
||||
secrets: [ ssh_key, ssh_port, ssh_host ]
|
||||
when:
|
||||
branch: main
|
||||
|
||||
build-dev:
|
||||
image: code.cozy.town/vrifox/hugoci:latest
|
||||
commands:
|
||||
- hugo --destination /woodpecker/build/ --baseURL "https://dev.vrifox.cc/${CI_COMMIT_BRANCH}/${CI_COMMIT_SHA}/" --cleanDestinationDir
|
||||
when:
|
||||
branch:
|
||||
exclude: main
|
||||
branch: [ main ]
|
||||
|
||||
upload-dev:
|
||||
image: code.cozy.town/vrifox/hugoci:latest
|
||||
image: archlinux
|
||||
commands:
|
||||
- pacman -Syu --noconfirm openssh rsync
|
||||
- mkdir -p /root/.ssh
|
||||
- echo "$SSH_KEY" > /root/.ssh/id_ed25519
|
||||
- chmod 700 /root/.ssh/id_ed25519
|
||||
- echo -e "Host *\n\tStrictHostKeyChecking no\n\n" > /root/.ssh/config
|
||||
- rsync -rv --delete -e "ssh -p $SSH_PORT -i /root/.ssh/id_ed25519" /woodpecker/build/ caddy@$SSH_HOST:/var/lib/caddy/woodpecker/vrifox.cc-dev/${CI_COMMIT_BRANCH}/${CI_COMMIT_SHA}/ --mkpath --checksum
|
||||
- echo "The preview is now available on https://dev.vrifox.cc/${CI_COMMIT_BRANCH}/${CI_COMMIT_SHA}/"
|
||||
secrets:
|
||||
- ssh_key
|
||||
- ssh_port
|
||||
- ssh_host
|
||||
- rsync -rv --delete -e "ssh -p $SSH_PORT -i /root/.ssh/id_ed25519" /woodpecker/build/ caddy@$SSH_HOST:/var/lib/caddy/woodpecker/vrifox.cc-dev/CI_COMMIT_BRANCH/$CI_COMMIT_SHA/ --mkpath --checksum
|
||||
- echo "The preview is now available on https://dev.vrifox.cc/CI_COMMIT_BRANCH/$CI_COMMIT_SHA/"
|
||||
secrets: [ ssh_key, ssh_port, ssh_host ]
|
||||
when:
|
||||
branch:
|
||||
exclude: main
|
||||
branch:
|
||||
exclude: [ main ]
|
||||
|
|
@ -1 +1 @@
|
|||
<svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg" stroke="inherit" fill="inherit"><g transform="rotate(45, 210, 230)"><path d="M 250 375 C 194.772 375 150 319.036 150 250 L 150 100 C 150 44.772 194.772 0 250 0 C 305.228 0 350 44.772 350 100 L 350 250 C 350 319.036 305.228 375 250 375 Z"/><path style="stroke-linecap: round;" d="M 250.001 150 L 250 500.03" transform="matrix(1, -0.000003, 0.000003, 1, -0.000975, 0.00075)"/><path style="stroke-linecap: round;" d="M 249.992 180.713 L 249.991 320.712" transform="matrix(0.707105, -0.707109, 0.707109, 0.707105, -153.556825, 270.705963)"/><path style="stroke-linecap: round;" d="M 249.99 110.004 L 249.989 250.003" transform="matrix(0.707105, -0.707109, 0.707109, 0.707105, -103.558456, 249.994221)"/></g></svg>
|
||||
<svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg" xmlns:bx="https://boxy-svg.com" stroke="inherit" fill="inherit"><g transform="rotate(45, 210, 230)"><path d="M 250 375 C 194.772 375 150 319.036 150 250 L 150 100 C 150 44.772 194.772 0 250 0 C 305.228 0 350 44.772 350 100 L 350 250 C 350 319.036 305.228 375 250 375 Z"/><path style="stroke-linecap: round;" d="M 250.001 150 L 250 500.03" transform="matrix(1, -0.000003, 0.000003, 1, -0.000975, 0.00075)"/><path style="stroke-linecap: round;" d="M 249.992 180.713 L 249.991 320.712" transform="matrix(0.707105, -0.707109, 0.707109, 0.707105, -153.556825, 270.705963)" bx:origin="0.286467 0.999998"/><path style="stroke-linecap: round;" d="M 249.99 110.004 L 249.989 250.003" transform="matrix(0.707105, -0.707109, 0.707109, 0.707105, -103.558456, 249.994221)" bx:origin="0.286467 0.999998"/></g></svg>
|
||||
|
Before Width: | Height: | Size: 771 B After Width: | Height: | Size: 863 B |
|
|
@ -1,14 +1,12 @@
|
|||
@font-face {
|
||||
font-family: "playfair";
|
||||
src: local("Playfair"),
|
||||
url("../fonts/playfair/PlayfairDisplay-Regular.woff2") format(woff2);
|
||||
font-display: swap;
|
||||
url("/fonts/playfair/PlayfairDisplay-Regular.woff2") format(woff2);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "playfair";
|
||||
src: local("Playfair"),
|
||||
url("../fonts/playfair/PlayfairDisplay-Bold.woff2") format(woff2);
|
||||
url("/fonts/playfair/PlayfairDisplay-Bold.woff2") format(woff2);
|
||||
font-weight: bold;
|
||||
font-display: swap;
|
||||
}
|
||||
|
|
@ -81,7 +81,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
#avatar-wrapper {
|
||||
header {
|
||||
text-align: center;
|
||||
user-select: none;
|
||||
padding: inherit;
|
||||
|
|
@ -230,84 +230,86 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
#social-links {
|
||||
text-align: center;
|
||||
aside {
|
||||
#social-links {
|
||||
text-align: center;
|
||||
|
||||
@media (max-width: 1140px) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
a {
|
||||
display: flex;
|
||||
padding: 1rem;
|
||||
place-content: center;
|
||||
|
||||
&:hover {
|
||||
.mastodon-icon {
|
||||
color: hsl(251.5, 58.9%, 51.4%);
|
||||
}
|
||||
@media (max-width: 1140px) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mastodon-icon {
|
||||
color: hsl(239.6, 100%, 69.4%);
|
||||
}
|
||||
|
||||
.icon {
|
||||
height: 1.25rem;
|
||||
width: 1.25rem;
|
||||
display: block;
|
||||
a {
|
||||
display: flex;
|
||||
padding: 1rem;
|
||||
place-content: center;
|
||||
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
transition: color 0.2s ease-in-out;
|
||||
&:hover {
|
||||
.mastodon-icon {
|
||||
color: hsl(251.5, 58.9%, 51.4%);
|
||||
}
|
||||
}
|
||||
|
||||
.mastodon-icon {
|
||||
color: hsl(239.6, 100%, 69.4%);
|
||||
}
|
||||
|
||||
.icon {
|
||||
height: 1.25rem;
|
||||
width: 1.25rem;
|
||||
display: block;
|
||||
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
transition: color 0.2s ease-in-out;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#languages {
|
||||
text-align: center;
|
||||
border-radius: 0.5rem 0.5rem 1.85rem 0.5rem;
|
||||
|
||||
@media (max-width: 1140px) {
|
||||
border-radius: 4rem;
|
||||
position: absolute;
|
||||
top: 1rem;
|
||||
left: calc(100vw - 1em - 64px);
|
||||
font-size: 1.4rem;
|
||||
border-radius: 100%;
|
||||
background-color: var(--sidebar-accent-1);
|
||||
aspect-ratio: 1 / 1;
|
||||
width: 64px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
transition: background-color 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: var(--sidebar-accent-1);
|
||||
|
||||
#languages {
|
||||
text-align: center;
|
||||
border-radius: 0.5rem 0.5rem 1.85rem 0.5rem;
|
||||
|
||||
@media (max-width: 1140px) {
|
||||
border-radius: 4rem;
|
||||
position: absolute;
|
||||
top: 1rem;
|
||||
left: calc(100vw - 1em - 64px);
|
||||
font-size: 1.4rem;
|
||||
border-radius: 100%;
|
||||
background-color: var(--sidebar-accent-1);
|
||||
aspect-ratio: 1 / 1;
|
||||
width: 64px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
transition: background-color 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: var(--sidebar-accent-1);
|
||||
|
||||
@media (max-width: 1140px) {
|
||||
background-color: var(--sidebar-accent-2);
|
||||
}
|
||||
}
|
||||
&:active {
|
||||
background-color: var(--sidebar-accent-2);
|
||||
}
|
||||
}
|
||||
&:active {
|
||||
background-color: var(--sidebar-accent-2);
|
||||
|
||||
@media (max-width: 1140px) {
|
||||
background-color: var(--sidebar-accent-3);
|
||||
@media (max-width: 1140px) {
|
||||
background-color: var(--sidebar-accent-3);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#language {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 1rem;
|
||||
pointer-events: all;
|
||||
#language {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 1rem;
|
||||
pointer-events: all;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
baseURL: "https://vrifox.cc/"
|
||||
title: "Vris Cute Corner"
|
||||
|
||||
enableRobotsTXT: false
|
||||
enableRobotsTXT: true
|
||||
defaultContentLanguage: de
|
||||
defaultContentLanguageInSubdir: true
|
||||
enableGitInfo: true
|
||||
|
|
|
|||
|
|
@ -19,12 +19,8 @@ main:
|
|||
# name: "Empfehlungen"
|
||||
# pageref: "/blogroll/"
|
||||
# weight: 5
|
||||
footer:
|
||||
- identifier: "gpg"
|
||||
name: "GPG"
|
||||
url: "/gpg/"
|
||||
weight: 1
|
||||
footer_source:
|
||||
- identifier: "sourcecode"
|
||||
name: "Quellcode"
|
||||
url: "https://code.cozy.town/vri/website"
|
||||
weight: 2
|
||||
weight: 1
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
---
|
||||
title: "Hola 🖖"
|
||||
description: "Die Website von Vri aka vrifox. Sie erstellt Websites und Grafiken. Außerdem betreibt und betreut sie Cozy Town."
|
||||
---
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
---
|
||||
title: "Hola 🖖"
|
||||
description: "The website of Vri aka vrifox. She creates websites and graphics. Additionally she hosts and maintains Cozy Town."
|
||||
---
|
||||
6
content/_index.md
Normal file
6
content/_index.md
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
---
|
||||
title: "Hola 🖖"
|
||||
---
|
||||
I create Websites and Graphics
|
||||
|
||||
Additinaly I host and maintain [Cozy Town](https://cozy.town)
|
||||
|
|
@ -30,9 +30,9 @@ introduction-sub:
|
|||
other: and Computer Science is my passion.
|
||||
|
||||
home-websites-and-graphics:
|
||||
other: I create websites and graphics
|
||||
other: Ich erstelle Websites und Grafiken
|
||||
home-cozy-town:
|
||||
other: Additionally I host and maintain <a href="https://cozy.town">Cozy Town</a>
|
||||
other: Zudem betreibe und betreue ich <a href="https://cozy.town">Cozy Town</a>
|
||||
|
||||
# Blog
|
||||
blog-heading:
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<!DOCTYPE html>
|
||||
<!doctype html>
|
||||
<html lang="{{ .Page.Lang }}">
|
||||
<head>
|
||||
<title>{{ with .Title }} {{ . }} – {{ end }}{{ .Site.Title }}</title>
|
||||
|
|
@ -7,15 +7,8 @@
|
|||
<link href="https://social.anoxinon.de/@vri" rel="me" />
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<meta name="description" content='
|
||||
{{- if (isset .Params "description") -}}
|
||||
{{- index .Params "description" }} – {{ .Site.Title -}}
|
||||
{{- else if (isset .Params "title") -}}
|
||||
{{- index .Params "title" }} – {{ .Site.Title -}}
|
||||
{{- end -}}
|
||||
'>
|
||||
</head>
|
||||
<body id="{{ with .File }}{{ .ContentBaseName }}{{ end }}" class="{{ .Page.Section }}">
|
||||
<body id="{{ .File.ContentBaseName }}" class="{{ .Page.Section }}">
|
||||
{{- block "header" . }}{{ end }}
|
||||
{{ partial "sidebar.html" . }}
|
||||
{{- block "main" . }}{{ end }}
|
||||
|
|
|
|||
2
layouts/_default/robots.txt
Normal file
2
layouts/_default/robots.txt
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
User-agent: *
|
||||
Disallow: /
|
||||
|
|
@ -1,29 +1,31 @@
|
|||
{{- define "stylesheet" -}}
|
||||
{{- $style := resources.Get "/scss/blog.scss" | resources.ToCSS (dict "outputStyle" "compressed") -}}
|
||||
<link rel="preload stylesheet" as="style" href="{{ $style.Permalink }}" type="text/css" media="screen" />
|
||||
{{- $style := resources.Get "/scss/blog.scss" | resources.ToCSS (dict "outputStyle" "compressed") -}}
|
||||
<link rel="preload stylesheet" as="style" href="{{ $style.Permalink }}" type="text/css" media="screen" />
|
||||
{{- end -}}
|
||||
|
||||
{{- define "header" }}
|
||||
<header id="blog-header">
|
||||
<h1 class="title">{{ .Title }}</h1>
|
||||
<p>
|
||||
<span id="blog-post-published" title="{{ i18n " blog-post-published" }} {{ .Date |
|
||||
time.Format "2. January 2006, 15:04 MST" }}">
|
||||
{{ .Date | time.Format "2. January 2006" }}
|
||||
</span>
|
||||
<span id="blog-post-updated" title="{{ i18n " blog-post-updated" }} {{ .Lastmod |
|
||||
time.Format "2. January 2006, 15:04 MST" }}">
|
||||
{{ i18n "blog-post-updated" }} {{ .Lastmod | time.Format "2. January 2006" }}
|
||||
</span>
|
||||
</p>
|
||||
</header>
|
||||
<header id="blog-header">
|
||||
<h1 class="title">{{ .Title }}</h1>
|
||||
<p>
|
||||
<span
|
||||
id="blog-post-published"
|
||||
title="{{ i18n "blog-post-published" }} {{ .Date | time.Format "2. January 2006, 15:04 MST" }}"
|
||||
>
|
||||
{{ .Date | time.Format "2. January 2006" }}
|
||||
</span>
|
||||
<span
|
||||
id="blog-post-updated"
|
||||
title="{{ i18n "blog-post-updated" }} {{ .Lastmod | time.Format "2. January 2006, 15:04 MST" }}"
|
||||
>
|
||||
{{ i18n "blog-post-updated" }} {{ .Lastmod | time.Format "2. January 2006" }}
|
||||
</span>
|
||||
</p>
|
||||
</header>
|
||||
{{ end }}
|
||||
|
||||
{{- define "main" }}
|
||||
<main>
|
||||
<article>
|
||||
<main>
|
||||
{{ .Content -}}
|
||||
{{ partial "moreposts.html" . }}
|
||||
</article>
|
||||
</main>
|
||||
{{- end }}
|
||||
</main>
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -13,14 +13,14 @@
|
|||
|
||||
{{- define "main" }}
|
||||
<main id="main">
|
||||
<div id="general-description">
|
||||
<section id="general-description">
|
||||
<p id="websites-and-graphics">
|
||||
{{ i18n "home-websites-and-graphics" | safeHTML }}
|
||||
</p>
|
||||
<p id="cozy-town">
|
||||
{{ i18n "home-cozy-town" | safeHTML }}
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
{{ partial "moreposts.html" . }}
|
||||
</main>
|
||||
{{- end }}
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
|
||||
<footer>
|
||||
<p>
|
||||
{{- range .Site.Menus.footer -}}
|
||||
<span><a href="{{ relLangURL .URL }}">{{ i18n .Identifier | default .Name }}</a></span>
|
||||
<span title='{{ i18n "build-title-tag" }}{{ now | time.Format ":date_full" }}, {{ now | time.Format ":time_full" }}'>{{ i18n "build" }}{{ now | time.Format ":date_short" }}</span>
|
||||
{{- range .Site.Menus.footer_source -}}
|
||||
<span><a href="{{ .URL }}">{{ i18n .Identifier | default .Name }}</a></span>
|
||||
{{- end }}
|
||||
</p>
|
||||
<p>
|
||||
<span title='{{ i18n "build-title-tag" }}{{ now | time.Format ":date_full" }}, {{ now | time.Format ":time_full" }}'>{{ i18n "build" }}{{ now | time.Format ":date_short" }}</span>
|
||||
<span>{{ i18n "made-with" }}<a href='{{ .Site.Params.staticSiteGeneratorLink }}'>{{ .Site.Params.staticSiteGenerator }}</a></span>
|
||||
</p>
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -1,14 +1,14 @@
|
|||
{{ $currentPage := . }}
|
||||
|
||||
<header id="sidebar">
|
||||
<div id="avatar-wrapper">
|
||||
<nav id="sidebar">
|
||||
<header>
|
||||
{{ with .Site.Params.avatar }}
|
||||
{{ $avatar := resources.Get . }}
|
||||
{{ $avatar := $avatar.Resize "96x webp" }}
|
||||
{{ $avatar := $avatar.Resize "64x webp" }}
|
||||
<img id="avatar" alt="{{ $.Site.Params.displayName }}" src="{{ $avatar.RelPermalink }}" />
|
||||
{{ end }}
|
||||
</div>
|
||||
<nav id="sidebar-menu" aria-label="primary-navigation">
|
||||
</header>
|
||||
<section id="sidebar-menu">
|
||||
<ul>
|
||||
{{- range .Site.Menus.main }}
|
||||
{{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }}
|
||||
|
|
@ -18,12 +18,12 @@
|
|||
{{ end }}
|
||||
{{- end }}
|
||||
</ul>
|
||||
</nav>
|
||||
<div>
|
||||
<nav id="social-links" aria-label="social-links">
|
||||
</section>
|
||||
<aside>
|
||||
<section id="social-links">
|
||||
<a class="hint-text" rel="me" href="https://social.anoxinon.de/@vri" aria-label="Mastodon">{{ partial "helpers/icons" "mastodon" }}</a>
|
||||
</nav>
|
||||
<div id="languages">
|
||||
</section>
|
||||
<section id="languages">
|
||||
{{- if .Site.IsMultiLingual }}
|
||||
{{ $siteLanguages := .Site.Languages }}
|
||||
{{ $pageLanguage := .Page.Lang }}
|
||||
|
|
@ -39,6 +39,6 @@
|
|||
{{ end }}
|
||||
{{ end }}
|
||||
{{- end }}
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
</section>
|
||||
</aside>
|
||||
</nav>
|
||||
|
|
|
|||
5
layouts/robots.txt
Normal file
5
layouts/robots.txt
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
User-agent: *
|
||||
|
||||
{{range .Pages}}
|
||||
Disallow: {{.RelPermalink}}
|
||||
{{end}}
|
||||
|
|
@ -1 +0,0 @@
|
|||
google-site-verification: google3423f546928945a1.html
|
||||
Loading…
Reference in a new issue