From 2745629cde9a8e40ba6607a7bd3c90524e6c0638 Mon Sep 17 00:00:00 2001 From: "michiel.hendriks" Date: Sun, 25 Feb 2024 22:28:51 +0100 Subject: [PATCH] styling --- src/index.html | 149 ++++++++++++++++++++++++++++++++----------------- src/quotes.png | Bin 0 -> 2698 bytes 2 files changed, 97 insertions(+), 52 deletions(-) create mode 100644 src/quotes.png diff --git a/src/index.html b/src/index.html index 44c72cd..f81e15d 100644 --- a/src/index.html +++ b/src/index.html @@ -86,7 +86,7 @@
  • -
    -
    -
    -
    - - -
    -
    - - -
    -
    - - - - -
    -
    +
    +
    +
    +
    +
    + + +
    +
    + + +
    +
    + + + + + +
    +
    +
    +
    -
    +
    @@ -204,7 +238,12 @@

    Quote ID
    {{ id }} - 📝 + ✏
    Area
    {{ area }}
    @@ -396,7 +435,7 @@

    }); } - window.addEventListener("DOMContentLoaded", async (event) => { + const init = async () => { await loadQuotes(); console.log("Loaded quotes"); initUi(); @@ -409,18 +448,24 @@

    ); } } - }); - window.addEventListener("hashchange", async (event) => { - clearQuotes(); - let id = window.location.hash.substring(1); - if (quoteIndex[id]) { - renderQuote( - document.getElementById("quotes"), - quoteIndex[id], - ); - } - }); + window.addEventListener("hashchange", async (event) => { + clearQuotes(); + let id = window.location.hash.substring(1); + if (quoteIndex[id]) { + renderQuote( + document.getElementById("quotes"), + quoteIndex[id], + ); + } + }); + }; + + if (document.readyState === "loading") { + window.addEventListener("DOMContentLoaded", init); + } else { + init(); + } diff --git a/src/quotes.png b/src/quotes.png new file mode 100644 index 0000000000000000000000000000000000000000..90e2398c609dc44a711d375452303b25ddc53813 GIT binary patch literal 2698 zcmV;53U&2~P)a9E^xT&#R# zu!Ly1h-|=+aLAZ=%%p(Su!!8il;Fsq=-8<2;I#DY!2I~k6ci8~92h7lBs4TEKtMQ5 zOh8mrOkiMGY;0tBcyNr2gruaLxVW^?(8%QE;QajjEC2vJ002w?09*h7Yybd!004*t z1e6dAq!<{mC?vc%G{{UyrlCmc0000GbW%=J|NsC0|NsC0|NsC0|Ns90;3Hib000R^ zNklhvgd?;J7hRbGBH@-m z#p2gI6D?dP1So7d|0bW>7!6BEa8F`8mWodxG5%ZC;j(Y#`WJ7U`Zu5}JTZbh~y7 z=Sk%yqD{V0Ujm#Z( zx+-dssx~L5PR+wWz(H(H5pJGXomtv^ki(I}*2r)&uMLLo9Hf+y-6}G$6Y@~ta>La` z9BMVFE*<1}NQop~IaVpj9v`UVY5=!=J{v}}6Rgp4E7t}gUZqk>L(Iq7_8uLFQFEu- zq+X@B39ieXAhkAfh}ocxzVK8#XnEywCRrBh^hp~^ZC-l(7A^k82kt=|ape$hp5|OE zQ9S~sCuCm5f!AY$=__ji^`*mjh^-AxZyYs*6b&wo;~vg&S2q?I98j>%#j79+;QYy2 zu7@W2UoBG{%`8>lh#V&-UiEY&KhtzV^Kg3R5}|`SltRvCuY&Muu9R@U;7+*jte^}> zEz6~8rf48GCiyggNE3)V4fnn6nBh1wX)SP~Qex^Ln*8O?@$a`6cS=ZPws~bY&bi$l zpI%h&c&E8xr-&yLOu&n5y0WTnn$P9<=xm7o+$TUCX;U@+a5NN(H2 z`V~t${O5`|to2+8=pl*KBMWMm?uAB06J&8H>m{nn1bJzIanXlt(u!#S2scvn*f`@wRi z2U=-xpr~r))RIKRSP3Fq>>qRow46qwAwsAowxaoty{w8QgPi8RhP!u-Gv;3)!%b{l z$eu*%u7*u-(z~x|j)sk4s^aj*%`8^y;SI>ga!8va%XPR1mR~6vphSabv$Bu_kV%d| zJ0!RZ686YmZtlDw)p3-7*V?Hd-h8Rir%ShMy2n2bkW&Yr*Cqn<-VIZlRRZFxpJ0~0#qI!c#lfp$* zm?Dux8~T)SObfQD!9TPoJO3`@2gucLl>1e#i!#vo~@7`tx z#^Z4aKQXI@XdnL6Xgh2asa2;6Cirvofq*ku-5BkY!70I(8vJCpvU9_>fTw`wYA6QBON|znn|0`Wvo+6v=2o4%x?Wqdu-Wo>mnAZLSBoz zLf&pmD2r4FG-UH|f7BjZ?(fUkJWGCXCh9s)#`>ToxIf#b0ruJAg$w@;6=gkK%%x=? ziew25*|r0vdZI5@_fXNp22=Q%MRh~_+@LWwTz_DjtQe`dR)uWAhHcRVSzy}^;(&%- zRyuV>v{kc3M%)*e^yaf0WLhvq*@KtxT|Gs<^Ov>Qx zH4ex&2cxx~fbaP8>nR*iFdY4~YSdGxC{-6U!S?UB-cn<+rjKEghV|sw9Bo7P`K{?? zhSS3^U|pou%hBRH1LO}nsy*8I8%j_Q2u;y?dyVWdv_N)NH=)rM5K!j=suP-0|6Hp& zc1~m~KApRu#TMljqeV6rsCH2u&~o#1D_RjPdxh*lG<6@EI*wD?UcF5A2paXmUlbh| z1r_YoJ)TF<@*jTRYP2j2*Oxq7ps731f-ub2f8x-9>@GCVrh1{N4Vr3u{&uwg-WN@M zQQy8CP5q$#HE5~>*$>(e+66TAu4w89?M==P+FyqDKUg<9Rgiq~tN;K207*qoM6N<$ Ef+mI(!vFvP literal 0 HcmV?d00001