feat: Animated 404 image, some style improvements, more attributions
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
This commit is contained in:
parent
1d65306f04
commit
8cb64945de
13
README.md
13
README.md
|
@ -21,10 +21,13 @@ The main repo is https://git.exozy.me/daudix/duckquill, but since only exozy.me
|
||||||
|
|
||||||
- [Quill image used in the metadata card](https://commons.wikimedia.org/wiki/File:3quills.jpg)
|
- [Quill image used in the metadata card](https://commons.wikimedia.org/wiki/File:3quills.jpg)
|
||||||
|
|
||||||
## Special thanks ♥
|
## Thanks to ♥
|
||||||
|
|
||||||
- [Jakub Steiner](https://jimmac.eu) for an awesome [OS Component Website](https://jimmac.github.io/os-component-website), on top of which this whole thing is built
|
- [Jakub Steiner](https://jimmac.eu) for the [OS Component Website](https://jimmac.github.io/os-component-website), on top of which this whole thing is built
|
||||||
- [Cassidy James](https://cassidyjames.com) for an awesome [Mastodon-powered Comments](https://cassidyjames.com/blog/fediverse-blog-comments-mastodon)
|
- [Cassidy James](https://cassidyjames.com) for the [Mastodon-powered Comments](https://cassidyjames.com/blog/fediverse-blog-comments-mastodon)
|
||||||
- [Mehdi](https://codepen.io/meduzen) for an awesome [CSS Scanlines](https://codepen.io/meduzen/pen/zxbwRV)
|
- [Mehdi Merah](https://mehdi.cc) for the [CSS Scanlines](https://codepen.io/meduzen/pen/zxbwRV)
|
||||||
- dwb, ejm and jgs for awesome ASCII art
|
- [Bootstrap team](https://getbootstrap.com/docs/5.3/about/team/) for the [Bootstrap Icons](https://icons.getbootstrap.com)
|
||||||
|
- [Rasmus](https://rsms.me) for the [Inter](https://rsms.me/inter/) font
|
||||||
|
- [JetBrains](https://www.jetbrains.com) for the [JetBrains Mono](https://www.jetbrains.com/lp/mono/) font
|
||||||
|
- dwb, ejm and jgs for the ASCII art
|
||||||
- Everyone who supported me and said good stuff <3
|
- Everyone who supported me and said good stuff <3
|
||||||
|
|
|
@ -145,10 +145,13 @@ The main repo is [git.exozy.me/daudix/duckquill](https://git.exozy.me/daudix/duc
|
||||||
|
|
||||||
- [Quill image used in the metadata card](https://commons.wikimedia.org/wiki/File:3quills.jpg)
|
- [Quill image used in the metadata card](https://commons.wikimedia.org/wiki/File:3quills.jpg)
|
||||||
|
|
||||||
## Special thanks ♥
|
## Thanks to ♥
|
||||||
|
|
||||||
- [Jakub Steiner](https://jimmac.eu) for an awesome [OS Component Website](https://jimmac.github.io/os-component-website), on top of which this whole thing is built
|
- [Jakub Steiner](https://jimmac.eu) for the [OS Component Website](https://jimmac.github.io/os-component-website), on top of which this whole thing is built
|
||||||
- [Cassidy James](https://cassidyjames.com) for an awesome [Mastodon-powered Comments](https://cassidyjames.com/blog/fediverse-blog-comments-mastodon)
|
- [Cassidy James](https://cassidyjames.com) for the [Mastodon-powered Comments](https://cassidyjames.com/blog/fediverse-blog-comments-mastodon)
|
||||||
- [Mehdi](https://codepen.io/meduzen) for an awesome [CSS Scanlines](https://codepen.io/meduzen/pen/zxbwRV)
|
- [Mehdi Merah](https://mehdi.cc) for the [CSS Scanlines](https://codepen.io/meduzen/pen/zxbwRV)
|
||||||
- dwb, ejm and jgs for awesome ASCII art
|
- [Bootstrap team](https://getbootstrap.com/docs/5.3/about/team/) for the [Bootstrap Icons](https://icons.getbootstrap.com)
|
||||||
|
- [Rasmus](https://rsms.me) for the [Inter](https://rsms.me/inter/) font
|
||||||
|
- [JetBrains](https://www.jetbrains.com) for the [JetBrains Mono](https://www.jetbrains.com/lp/mono/) font
|
||||||
|
- dwb, ejm and jgs for the ASCII art
|
||||||
- Everyone who supported me and said good stuff <3
|
- Everyone who supported me and said good stuff <3
|
||||||
|
|
|
@ -114,6 +114,7 @@ strong {
|
||||||
|
|
||||||
small {
|
small {
|
||||||
color: var(--fg50);
|
color: var(--fg50);
|
||||||
|
font-size: 0.8rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
dl {
|
dl {
|
||||||
|
@ -162,6 +163,7 @@ blockquote > blockquote {
|
||||||
|
|
||||||
abbr {
|
abbr {
|
||||||
cursor: help;
|
cursor: help;
|
||||||
|
text-decoration: underline dotted;
|
||||||
}
|
}
|
||||||
|
|
||||||
kbd {
|
kbd {
|
||||||
|
@ -255,7 +257,7 @@ figcaption {
|
||||||
display: block;
|
display: block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: var(--fg50);
|
color: var(--fg50);
|
||||||
font-size: 0.9rem;
|
font-size: 0.8rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
details {
|
details {
|
||||||
|
@ -277,7 +279,7 @@ table {
|
||||||
max-width: 100vw;
|
max-width: 100vw;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
word-break: normal;
|
word-break: normal;
|
||||||
word-break: keep-all; // For Firefox to horizontally scroll wider tables.
|
word-break: keep-all; // for Firefox to horizontally scroll wider tables.
|
||||||
-webkit-overflow-scrolling: touch;
|
-webkit-overflow-scrolling: touch;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -33,6 +33,9 @@ $scan-opacity: 0.75;
|
||||||
} @else {
|
} @else {
|
||||||
animation: none;
|
animation: none;
|
||||||
}
|
}
|
||||||
|
@media (prefers-reduced-motion) {
|
||||||
|
animation: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// apply CRT animation: @include scan-crt($scan-crt);
|
// apply CRT animation: @include scan-crt($scan-crt);
|
||||||
|
@ -42,6 +45,9 @@ $scan-opacity: 0.75;
|
||||||
} @else {
|
} @else {
|
||||||
animation: none;
|
animation: none;
|
||||||
}
|
}
|
||||||
|
@media (prefers-reduced-motion) {
|
||||||
|
animation: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// CSS .scanlines CLASS
|
// CSS .scanlines CLASS
|
||||||
|
|
BIN
static/404.gif
Normal file
BIN
static/404.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 10 KiB |
BIN
static/404.png
BIN
static/404.png
Binary file not shown.
Before Width: | Height: | Size: 466 B After Width: | Height: | Size: 459 B |
|
@ -1,7 +1,10 @@
|
||||||
{% extends "base.html" %}
|
{% extends "base.html" %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<img src="{{ get_url(path='404.png') }}" class="full pixels transparent no-hover" />
|
<picture>
|
||||||
|
<source srcset="{{ get_url(path='404.png') }}" class="full pixels transparent no-hover" media="(prefers-reduced-motion: reduce)"></source>
|
||||||
|
<img srcset="{{ get_url(path='404.gif') }}" class="full pixels transparent no-hover">
|
||||||
|
</picture>
|
||||||
|
|
||||||
<h1>Page Not Found</h1>
|
<h1>Page Not Found</h1>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue