From 8cb64945de44e30415e8543c245ea4c41658e24f Mon Sep 17 00:00:00 2001 From: daudix-UFO Date: Thu, 9 Nov 2023 21:35:12 +0300 Subject: [PATCH] feat: Animated 404 image, some style improvements, more attributions --- README.md | 13 ++++++++----- content/_index.md | 13 ++++++++----- sass/_gnome-hig.scss | 2 +- sass/_main.scss | 6 ++++-- sass/_scanlines.scss | 6 ++++++ static/404.gif | Bin 0 -> 10495 bytes static/404.png | Bin 466 -> 459 bytes templates/404.html | 5 ++++- 8 files changed, 31 insertions(+), 14 deletions(-) create mode 100644 static/404.gif diff --git a/README.md b/README.md index 7ae89b1..e725171 100644 --- a/README.md +++ b/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) -## 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 -- [Cassidy James](https://cassidyjames.com) for an awesome [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) -- dwb, ejm and jgs for awesome ASCII art +- [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 the [Mastodon-powered Comments](https://cassidyjames.com/blog/fediverse-blog-comments-mastodon) +- [Mehdi Merah](https://mehdi.cc) for the [CSS Scanlines](https://codepen.io/meduzen/pen/zxbwRV) +- [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 diff --git a/content/_index.md b/content/_index.md index 1ce6a44..7ad2f52 100644 --- a/content/_index.md +++ b/content/_index.md @@ -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) -## 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 -- [Cassidy James](https://cassidyjames.com) for an awesome [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) -- dwb, ejm and jgs for awesome ASCII art +- [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 the [Mastodon-powered Comments](https://cassidyjames.com/blog/fediverse-blog-comments-mastodon) +- [Mehdi Merah](https://mehdi.cc) for the [CSS Scanlines](https://codepen.io/meduzen/pen/zxbwRV) +- [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 diff --git a/sass/_gnome-hig.scss b/sass/_gnome-hig.scss index 1533d53..437cb77 100644 --- a/sass/_gnome-hig.scss +++ b/sass/_gnome-hig.scss @@ -44,4 +44,4 @@ --dark3: rgb(61, 56, 70); --dark4: rgb(36, 31, 49); --dark5: rgb(0, 0, 0); -} \ No newline at end of file +} diff --git a/sass/_main.scss b/sass/_main.scss index e8ae949..8ab9786 100644 --- a/sass/_main.scss +++ b/sass/_main.scss @@ -114,6 +114,7 @@ strong { small { color: var(--fg50); + font-size: 0.8rem; } dl { @@ -162,6 +163,7 @@ blockquote > blockquote { abbr { cursor: help; + text-decoration: underline dotted; } kbd { @@ -255,7 +257,7 @@ figcaption { display: block; text-align: center; color: var(--fg50); - font-size: 0.9rem; + font-size: 0.8rem; } details { @@ -277,7 +279,7 @@ table { max-width: 100vw; overflow: auto; 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; } diff --git a/sass/_scanlines.scss b/sass/_scanlines.scss index 4228516..c9b8cdc 100644 --- a/sass/_scanlines.scss +++ b/sass/_scanlines.scss @@ -33,6 +33,9 @@ $scan-opacity: 0.75; } @else { animation: none; } + @media (prefers-reduced-motion) { + animation: none; + } } // apply CRT animation: @include scan-crt($scan-crt); @@ -42,6 +45,9 @@ $scan-opacity: 0.75; } @else { animation: none; } + @media (prefers-reduced-motion) { + animation: none; + } } // CSS .scanlines CLASS diff --git a/static/404.gif b/static/404.gif new file mode 100644 index 0000000000000000000000000000000000000000..ed83533f8039c76128218b799fb6c239b7f42045 GIT binary patch literal 10495 zcmeI2c~Fyg8pmyu{N6GSc3Zd7EuynCbtP$pH>n0STa1gx)~GnP)vCC~rBzY!Rusqy zxk&;^2#^pGju4K7E8$AQO}LMGBB0{hTD26>9wN2XeX~Y)-Idlz+jUz1$hcT&+@mI&0nzP$RyuMdnZl$(Bd^qiGDEZxk<>YF|>y#^28&*NzT8q zk>~3(33u<_t*f<19*$O}D&LyF40(yFc)@!14&45BLG}EhF5BHuU&)8z>D%)QcMa9- z-31Ot43-(gjtq{}3HGE+e$9u((i!YNTG7S>sUd5_*W@Y=Uy2fK_=NQFEJn$e5=-YC z!>J{MKZJ+y76^K3qG#BtGnmpW5-XNJat;=@r?0d z9m{_P9bcW<%?h059V0z;iAH2BV$ow)b6}JR(NQ80O6Af-nL?qYpwl#Is$fiJR;G>& zazS=B$l=ZfqHIxaAxz2@=f#x!<=ObvzP#-Xvw6*UMqB3t9R+U5_!~g9xTWGeBpaK2 zw39a;2v?uit+^^wo&8(M^1RB0e(c!If9j1n|B@i$>j5w5TgA|x%_PIf7;QC!z+%Vx zqXa@xd^`^pCnic0WJ(1Etx~H}f-$-bT{;=$fXqyg9XAgMG6gwCn3N+j?6UY7s-kSO zIdkig%(sY&jX?B^Sv) zqg|}Pk8UGjI*f$rY8D*3{_(<;KJQ+ba*Ipi?}h0H)mYx{2Hy#V=`#(Vpk+K|rKZfS zJPbg>)Pm&UKq=O94QkEyZ&s-N!uz(JQhhP4vHsKb!%GZ;pi%ET@{ySKdEInF?-+s3 zVEVJ8<6sn$hhi~bAdyKD66NwF3R<0}P7TInWM*i|zyPwcfSxrE2(yF+6HGG1=WZ+W z&$R~Faoo^)U#2&pttv9PPs@WqK@q|(TKywa?;_#3JMY&cG6o$rJy z&97g=-#|b74IsLgi1!EZej=Q7JpVc0lPjuMmGsZ{8klpUq2=|l70bK@OCo<4s6g>{ zs%gvbC*u5Ag4->BsRcGvt+rt~+a{QZzj{EUTg_t0#eG$Oos!zAVv@?^475P41{wkhu+?m>o;FV#r(0@*b*0gk+4L&xVLLv&wxO}f(cIG7*51K%t4HKL z3D`=*i&mq@_Vt@c)T|k0A=kThD(;cxwVLO7hsk2IY4liL zEQibI3n}P?!~_WyqfAyR$RG`*qyQB{#YkbKWy0BdreKYp<=V zcY)E|qB1-wmEulrvntefYCndw>vYsqhB{Z9OlCC9 z;&5W)xI#V!Es;v%sTf6)LPiEEpj3hsgo&o4sdPu?sTk_Rx&CU??jqlP7VL)=__fyR zn)_7IzZlc9H>Rld9yNon%@6tX8uxkqn6b>%7tz1T%fIJ?Lt{QJrWh87g)nh{kO|Jr zq9aUxYEwWF4q@6j5vJ@3=;UNN)n8e!3SH?Zuf3r0(kM-$;WO%Kkv&5tEPBt#=na_8 zW;0o_JPrjdiWdo}m_%8klnj!ATn>`<&jV5NsALUHN{&g{tM^aI4>00(mS8tp@M|lq zHoHrwBjbpKd)en^s^&kf7Q}o(JyD%-rV|o)E}+FDUUr*D_x7)q#;IO?gaA)JIdtW5 zfC!Klav|w5GNV&;24adS4=Tc$D=Nycm3AxMZm#)vofr=c1|Gw2lK&g5VB$(S!KQk( zm8wI#w(dC=eqhp!fD>V{c6!g{!7Vfvi@{`b<0xpMNXVyRoOOZ>lt3l}3Idc4fupjc z$~0K3%ZN(W<`9#Oxlkdlw7lGct*}+$ZKc)s>qJ|79pOp-E5P6ld_oD5P4P!! zSBpM8S9Q8f9~r`m@tav2w(j=#NwvdaD8y%oi(|kXfq=&sO5!PKnOv4Y#iXRBD9Iol zs8k@00Ode{rDCOL!-m{Ew$@Nc)LM$6a-6lM#*VFRtj9N69Z1)5Sq%)g_}nu#?|0>N z9qIeU(zW>`!s_?R<`=#+s!tMK)C5FRQN5oQZ@T=-nUTX|fBx+3wJ};0!w<#b^7#B% zSRfXQ;w7>K3fkGcs2HaqMh2N6Jss!>P(B1W>72}5xWH)QW)+kYvnnl+6<5>HP={@7 zao}5O+8!8Ur(@k>w7R8X&~rChLvATnd|>Vq0b>Q$ys@$0vOKMqit=^@?5~@?@__jZ zjkl+?<2c(MC^Zl9sdNG}h)qE85xYplh2s+vB+|qrIR)*UJXT_~I<1Bb^dKVxWDy_} z1o#^FTu{);x=!u;-uWdE8Tq0T#(7_wKPs!py*282(YijQZHB$bLK2?`kn?VS3km~?G=8X05*oepFYAR`2L zI$m}@Y$`0`>rED--dYaXadk~i4OmB83%;$c(dq-aZ;MQ)OVT>Ma=$g26f69ksin-ppe;5Ac%v75=p#RDo>=K zlT(tDs2Jx`n+&pmRtqu+PyqzET5eVzY%~?}vW;e9c2yZV_qx;OkerL6PV9Xws`AwG>heevY``lThu=XiZShv%To9*aNSS9*ODnP%E#W{vqR zIB6SOgbaTyw*RAtKk6?x{JD===@HfAEf0@gwsYOpuiy6!3EwcF9KeL_3k&;0{;HAo zzAFJ2z_$&xRs?fo>?j>ZF#Z1TnC{JfPBn`?(AAg4ZN|l@^>57a*7=p48Auv>Yhl&8 zgMBZ|koDG)4xYc(5E*D4kpy2uLYBdV*^9>8I8lGO*{{a!-24I1%2nmzLl;PsO$O0E zP0zKCk+U>9k-3OXh?~zPxDHO>1cd@QI7xLKoKPP+I3YkKkn7~6)NB#wmsSz;Yi&?H z&e7J^f^F~a#CJPBelRJV8}IJq(WAmM)N#&;ek6RKsrr-zaIIUp`dGWEgow@S)Z50o zx6S-~bZ;PIAz~8|IE#2N3ONo-ND##*CMC)hN@WTK?VJ{ZG1>a;Oftv^IXNJg0F^>O zoFmRJhRv2TNrBl)EU2?X4Y=m^_Ev01PZz$Y`Plub{@i(yTkX`nWPLo=fz9jcztr>u zb`Jd`5IKZnA+j!dyhFI3s4hL)h<5K2=J8P59Br(?OV%UF^*q`_Mj&!4cKGp*aNPe` GBmWbr24f2V literal 0 HcmV?d00001 diff --git a/static/404.png b/static/404.png index af9c4130dc1e6af9ec6930d80a25100d8370186c..fd869e3c99103e0dac2cdf9deb24dc261f34e92f 100644 GIT binary patch delta 412 zcmV;N0b~Bs1Iq)D7aJ%D1^@s6HR?Vk00001b5ch_0Itp)=>Px$g^@BPeusuf9ZSHJTXglFYQIAlv}iv6fil8Z3qCK9v^~k(I=;86mz2rCP%SKtx#3WQoR6Kz<)WP zTrLd#ZhAvK2YYRIVAFcNqqe)yD!PD2!*Qc+dNdpt&oB41RZMlrcItNr#ccKo`vL%C z42&_gw(jpu7sWQATeIUm# z3YlggK)rfb!4xh)6!1FXvW4oR8rUi!Glwf8A|fIpA~io$aeQLb%y2sZ0000Px$jFB=We^Trti9x}| zDGFI#oI3abf=isvq={FXCgteY?*~f%a0hqyz2Eg(Ktx1DL_|d7|Jd<8fVLg)A7oAX zzkYpEtqIj+nucpJg-kP%w!*boLf-W~0NE_sfa4%U9E6SAY&*(;;~+$oCWz9+8Q>~y z7*GZ*If{z}P`zZ?s*KXaf7xeQ8;%g?U%Oel6K z@b~XvTcN8~I7EVR42nEkxAn*jjc-e0KJglaM_ zt_m#%Tf`JH%|w7|^{#^{T!1LxCgHM$T0}LmbwXwiS42caL_|a?z5y!!fMM~#sf_>t N002ovPDHLkV1l5T!e0OY diff --git a/templates/404.html b/templates/404.html index 9f9a19c..f35fba3 100644 --- a/templates/404.html +++ b/templates/404.html @@ -1,7 +1,10 @@ {% extends "base.html" %} {% block content %} - + + + +

Page Not Found