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 zcmZ?wbhEHbtYFY!C}3bv{Lk&@8WQa67~pE8XTZ$Jz`&sRlZBI)fq_AXfq{Vmq^ya7 zfk8#y@c;k+2lnqNFRPw4bDFJ%8v_Fa^LCD1cm5fi@?5>w;`Q0x{}VL&QZnadtXh}z zdS5{fTS@Nyt!t7i?!Q0KnLmSDO4h7#!SX$_^Sh&pXT}6&2CSG;_Oz-y^0C5=RYOrzeM@Tq)9l!LSmo$(ot9H) z&z-+;@zUihSFd$(j`|Tb9=FjT9wp?@HQK34*Ysa~T5D8q-&oh|*J{Ar-P7CG*V)xS zxqsrMDO097u*{h|XO=(fqQ#3AShKBQTe5_0S(^!4_mb`v>kQ0R^scPgrnho;$6k&0 zj6>?}$8_pXo`J_>CrQyb0=&3|q*yd_9i76iPUH0w^>M)#FFtn`|i zW7V$L+!O4~{c>BJ{nwP&`LSlp-~X)jt2bem~o2m-@S= z|LWUXqk6wagXVDJl4+eOB$>8t*w_O}rty0<+w%@-P?StZ}?=8X%M zZ;_qPeS4E8Zvb;Z##gV|dYL!Vug-cScKG0v@V73@JDtBv|C{{2=9KBVy5-k@8rIb} z=r>ij7%+Er_w@F5boNc^n=oCd`w(Zc!GY|GgeFJ@cXXv)^LxNG@Z z1GD8lE7G^>uh?b2N2@L2phnwKow^h7e0ZgUq>M;fDz#`_uv|xOe#7lenX~nn16G(g ztc}dP`Fxu7zPA38t3ztdggW0osFq;=H6<&i*8Kb1(pvj^!^Wy+187Op(L1rXf5N0m zQwWwcep~dH?=;`7)tYcXgQAjV_($Ogs1HYg7fH*Aum<=oBZH}zRxxT^@!IRV@s_&y zZQaXPn9sv}mC<1wG*{JYk0W`swZc`ugR z8uQ_7_LP4o9E|zqervs+Gq*}+`q|vl-+O1b^ZsjSY-*~lYi@6DZR_aha$uP-aYCOr z>$K_9rdYGhVVg07ZI+=KTm6jsIg1RIENz(Uy2@bg`jU+r<=Zr~cIpJ}*?-_5)MK?I z`D!`2zMArH#j#llyRR0pn&n)p5@v6Iu)NY;Z++?857A=!=MqbA*_yrh{lB51+Muzu zwYjCOtHXh%ufMOyn{~?6DU+<(X0c71#x}#yjIDNB?W_eArnBm2m#xsBy*6*XM&TCC zlvuQIz;;2?g;4^3&B@I}XlD@X?#R|G`}GxzpBm zzr8VAto;1zjg58Z-+%vTP}kJd(AeDG>cG<7)7|OKI&sp(ervYrY?CLmO)WBItD0Oj zeXfDo^qLt3OZ8{0GGC*Wy-_o2i%!t?UAy-{0Mby4io78+S>*&M zJ5Bkw0_q{h_u_kYbDqoiGHs2p_)SA|UcJfeFNpDwA^UuGsFxNjTvR<{!E&P+Yge+b z*V?>&`&P{zdv@vU*}M;$olc%Qjmu*OY@Bb6tV=FrnVLbmaguu4sTXaIbqEml;i8vx0q{)~0RSwrFnOy;EoRroFIo;^e7v91(`yUmGa**TLBf%=a}mCVl$0 zMwt8FhwrmwKi9o1wdR$V{_($|v9ZRWsjaQ0wY|I3fu(;!f3G*|)M-;ETeHn(n?9Xw zrXl-ccDB0db+Z>5ELpm&e$JBBMsqfbvH5TsxS^~P&R^4w-h zJU8dTwxfxg?`-(aEi$`1Uw`uL# zw{MT;{=)}#4(~d85dd#hD?HwJ>2A#dV-93GiCOEKwDlczV(14gV+ak7k z^Vk*`vae!iYn|7+XobP*HEY`zuij*|c*hp@U0VAN9XglOc0QXIFQ3n?cWn34Q$&r%rZY0ku4QSm!U8Ki8UVDciz@Y>N%q*Rr#9 zEbLgi+F;%K4V}x@Z8ci9dprAHt%FC89@ac|>V(dzgJ+XCY(M*Kgdsg==sOdwH{my8bM`ANlQ^@8(HQi)SaCfByJ`m5XfguXXtN@uQk2&YaRYbNC#1 zEFR>~+qecFXzkH08kPxs_tq4|NdI`2_I%g&g!A`Le>56a9*rsa!_0ov#OPejw#v)d z-`=IIJ^s{aSHk)G_dgm88jtR!Ea_Ig{kO#}rsNMR^HKAhi+jAUuX)ArJEyxk_j6h7 zf%l&aE3I6-8x5PCTMePp4+i~{Cr_L-Wd?Nm!3Smf!H|6eJ7i?nVB@CEJu5fvFj~29 z7yALNBPUKA(>!_hw9eTh=Rwm*;G}y8*DM6~v^(lk>{EjnwaaLn4#L#ClcanKY88Fp zWb&7ve6!nW>E-0FS$k8rZeQ`^JMW`i;W0OJHt)LnI=13<@9RTM<#Kubs_nH#^%0Hw z%~>ljoIF)* z>#a@4a~E{8zCRK^$Fc(C%gtwJ|2tNitNusMoA0Mlon3<=b6a~yXJ?B+S6^RGZ~x?p z4lL7WOrPq_3YyfmW?RfQe?HqnL-y6|Y;E(~7Oyl|vvytkk~N!+mh9ZhzFTYm;ll?t zkDNHBb7KD~_@wsr7Lq(kTH_BCl?OQU{ADI{_FiMT_UKB)QrC@_bj4rkwjXs+|Jifx z=B5wP*0pP+H#h#&v%IqVr+uAaLt~RZ_Qsz#{ThFydvgb8)p_a3nbmIDVK2W#@Wy0D z-kx@wHMuZ3S#p){`%^bxm_K0qb!h)CJa|0*K-sin1 z*ElkVYwJoc(A#?B_SDz5Ry)H=ZgR*?x_-c{;fB$9^K))E%WsQGw!v^y9?)@e|P%*o!UC12Ky$%7K=7R=zOAKKMf zH8eIEw%8N55ROXa683>;(z-CjdG+MclZ|#ycU4S3*j{T@Z`WAYTt?g?9MU^$)&Qvn BV+#NP literal 0 HcmV?d00001 diff --git a/static/404.png b/static/404.png index af9c4130dc1e6af9ec6930d80a25100d8370186c..fd869e3c99103e0dac2cdf9deb24dc261f34e92f 100644 GIT binary patch delta 412 zcmcb_e42TJxU>cb8v_G_=_@-`1_lPk;vjb?hIQv;UNSH+woWustylUs@yLP)k3?G6 z==sUkFdS6%OJCO+KKq;3i|Oy#z5W+ymVe)S|0#!p5*YN&-DWLt>Ek~~!AJG?_U+Gj z)|#fU@X*!>r+c}(nKwmp&5+4GkSU_v`)KR!9P3jJmo?lbrF(ojBmKZAS0aE-N40CR zQh>ed?NvUX&QzaWWTvycKBLQ#A@xAn>)cgUvfc-#M3;P>m$g6qe(l?t0c(OD{AZWl z<}`h6!8ERA5-bbUBkiU{ZBEQ?i;<<285mo+RG4m zpx$zRj2_S5yeel~_Uhd7gv(WX7jN5rL2Flo`{BaHxm6}I;^+0hZwd7&JyG_moc(Cd zH_qQo49Pq_hFiD2d+#fL)NEn&&cE*x^w#)27hou;wVs(>UTXOFZ;m)K!=Cy*L1#Iy zCe+l3zG8cw#5FTb!C`Mz_(2gp2ayj}4>z^GS|oKtOVPMp8ysLtruHF)HAz>_6j(Db PFfe$!`njxgN@xNA;7ziS delta 419 zcmX@je2IC2xU?n*8v_Hwzin?D7#J8Bi-X*q7}lMWdC9=Q*fY^cwLa*La;M|Lqncci zv2(0`Ff@73Ik%)Ue74%t7uVmjd;Kq9FaN&x{?{l67chA8|Hen#hHbL%?mM0Ug<|gXXmoz;pH`LJk zD^m*N|7SHtJ59dazRCMl>djBN1IxZvx$kR#AR2pM@xvY03~iauj`sMV;VFbs6E`&8s%cTvD7JzFB}|fE?WB-wf;3E Vemt + + + +

Page Not Found