hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

featL Improve 404 illustration

Browse Source
This commit is contained in:
daudix-UFO
2024-01-08 03:05:57 +03:00
parent d08ff51115
commit 75f18e625e
5 changed files with 22 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
.editorconfig Normal file
View File

@ -0,0 +1,13 @@
root = true
[*]
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
indent_style = space
indent_size = 4
[*.{css,html}]
indent_style = space
indent_size = 2

8
sass/_main.scss
View File

@ -667,3 +667,11 @@ img {
.icon {
vertical-align: -.125rem;
}
.not-found {
width: 100%;
padding-top: 1rem;
padding-right: 35%;
padding-left: 35%;
padding-bottom: 1rem;
}

BIN
static/404.gif
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 4.8 KiB

BIN
static/404.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 462 B

After

Width:  |  Height:  |  Size: 377 B

2
templates/404.html
View File

@ -3,7 +3,7 @@
{% block content %}
<picture>
<source srcset="{{ get_url(path='404.png') }}" media="(prefers-reduced-motion: reduce)"></source>
<img srcset="{{ get_url(path='404.gif') }}" class="full pixels transparent no-hover">
<img srcset="{{ get_url(path='404.gif') }}" class="pixels transparent no-hover not-found">
</picture>
<h1>Page Not Found</h1>