daudix/duckquill
1
2
Fork 0
Code Issues Pull requests Releases Activity

feat: Animated 404 image, some style improvements, more attributions
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse source
This commit is contained in:
David Lapshin 2023-11-09 21:35:12 +03:00
parent 1d65306f04
commit 8cb64945de
8 changed files with 31 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
README.md
View file

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

13
content/_index.md
View file

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

2
sass/_gnome-hig.scss
View file

@ -44,4 +44,4 @@
--dark3: rgb(61, 56, 70); --dark3: rgb(61, 56, 70);
--dark4: rgb(36, 31, 49); --dark4: rgb(36, 31, 49);
--dark5: rgb(0, 0, 0); --dark5: rgb(0, 0, 0);
} }

6
sass/_main.scss
View file

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

6
sass/_scanlines.scss
View file

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

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
static/404.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 466 B

After

Width:  |  Height:  |  Size: 459 B

5
templates/404.html
View file

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