feat: ps triangle favicon & matching theme
Before Width: | Height: | Size: 59 KiB After Width: | Height: | Size: 5.8 KiB |
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 3.9 KiB |
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
Before Width: | Height: | Size: 425 KiB After Width: | Height: | Size: 33 KiB |
Before Width: | Height: | Size: 63 KiB After Width: | Height: | Size: 6.4 KiB |
Before Width: | Height: | Size: 366 KiB After Width: | Height: | Size: 20 KiB |
@ -1,7 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "Golfed",
|
"name": "Golfed",
|
||||||
"short_name": "Golfed",
|
"short_name": "Golfed",
|
||||||
"start_url": "https://golfed.xyz",
|
|
||||||
"icons": [
|
"icons": [
|
||||||
{
|
{
|
||||||
"src": "/images/web-app-manifest-192x192.png",
|
"src": "/images/web-app-manifest-192x192.png",
|
||||||
@ -16,7 +15,7 @@
|
|||||||
"purpose": "maskable"
|
"purpose": "maskable"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"theme_color": "#242424",
|
"theme_color": "#252525",
|
||||||
"background_color": "#242424",
|
"background_color": "#252525",
|
||||||
"display": "standalone"
|
"display": "standalone"
|
||||||
}
|
}
|
||||||
|
@ -6,7 +6,9 @@
|
|||||||
|
|
||||||
a {
|
a {
|
||||||
color: $--link-color;
|
color: $--link-color;
|
||||||
&:visited { color: $--visited-link-color; }
|
&:hover {
|
||||||
|
color: $--visited-link-color;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
details {
|
details {
|
||||||
@ -52,7 +54,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@mixin dark-appearance {
|
@mixin dark-appearance {
|
||||||
@include theme(#000000, #f1fffa, #000000, #8b9556, #d1603d, #53917e); // modus-vivendi
|
@include theme(#000000, #f1fffa, #000000, #3aeb9d, #b7f8c6, #b1d2b8);
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin light-appearance {
|
@mixin light-appearance {
|
||||||
@ -83,6 +85,18 @@ body {
|
|||||||
overflow-wrap: break-word;
|
overflow-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
width: min-content;
|
||||||
|
}
|
||||||
|
|
||||||
|
header > img {
|
||||||
|
max-width: 2.5rem;
|
||||||
|
max-height: 2.5rem;
|
||||||
|
padding-right: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
h2, h3, h4, h5, h6 { margin-top: 1.5rem; }
|
h2, h3, h4, h5, h6 { margin-top: 1.5rem; }
|
||||||
|
|
||||||
p { margin: 1rem 0; }
|
p { margin: 1rem 0; }
|
||||||
@ -91,7 +105,6 @@ li { margin: 0.4rem 0; }
|
|||||||
|
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
&:hover { text-decoration: underline; }
|
|
||||||
}
|
}
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
|
@ -1,6 +1,7 @@
|
|||||||
{{ define "main" }}
|
{{ define "main" }}
|
||||||
|
|
||||||
<header>
|
<header>
|
||||||
|
<img src="/images/favicon.svg" />
|
||||||
<h1>{{ $.Site.Title }}</h1>
|
<h1>{{ $.Site.Title }}</h1>
|
||||||
{{- if $.Site.Params.theme_config.show_description -}}
|
{{- if $.Site.Params.theme_config.show_description -}}
|
||||||
<p>{{ $.Site.Params.description }}</p>
|
<p>{{ $.Site.Params.description }}</p>
|
||||||
|