From 38cbe19d01fd26982e21c8aada31cd2f18e3ca35 Mon Sep 17 00:00:00 2001 From: Jannis Heydemann Date: Tue, 11 Feb 2025 19:11:12 +0100 Subject: [PATCH] finished Project <3 --- assets/Cookiemonster-gv11.ttf | Bin 0 -> 28152 bytes index.html | 19 +++++++++++++++ script.js | 25 ++++++++++++++++++++ style.css | 42 ++++++++++++++++++++++++++++++++++ 4 files changed, 86 insertions(+) create mode 100644 assets/Cookiemonster-gv11.ttf diff --git a/assets/Cookiemonster-gv11.ttf b/assets/Cookiemonster-gv11.ttf new file mode 100644 index 0000000000000000000000000000000000000000..3178f5c3900895f14a21e8cf3b99ce24bd27fe60 GIT binary patch literal 28152 zcmeIb2b3gPc_te7hWC--()+B;vRPGGSy`^jwD;alPmgKF_w+bs2F(m^V1@yNlMup+ zr^RRyP6%OyBvxqk^ccZ{K(MT|T7lR_u%OlI2?RpRW4hk=->e?co;~mF+w;zzJv!ad zm6aJ08FAy@-+cf7fA^NeBuVn5$0b?1dC#6xhi^P;{*ENw^XJ%G+PiD_9_fuz3!guV z&!b0APWPTF{#{>^*q!)%=9YUd-v8nA-+xS!@7azQT za}!sV?)d;d8+TlO^!Cc0pZUKeNqw~>-FE+-w_UvTO8b`=aO|(~Gq@8w^uzKOaV^|a zYTbFyLyvs?uIMB_{~msR>GFNIT)cDl6F~(1G)6$gqv83y8je+z7smT6NdN2Ra(uW{LooDa=c4>+3 z&)&EBSO4h#KbGoO?=M~1{5StY_kR-Yy<5slpOH?o2c#T-8D#uZ(thb_Jkx}9g54@T zHIyupeeqM;8n09ML{eCi6loE^Eg@xGdQmN3E6+&K7D=kra@wXU|=C{`w0y z+<4Q?7q8yw|Ht3A-u9eZ{y$w#*cmC_+P=n8{&nS(+8*skdPTpWztecFYKhunYe{*8Cp`?MeXXZ#QNe-kVR-wyvgdTYE9|6KA&YNT(@p2_~} z+#B;s{^tDe7w#{7w)oc4neyfGZ&w}zVx z4>W(=`pc1*w!`)pJ4Z$*N8dX7_hXmG3*!$>?3$FO(y3dgKG)T{FX(=4`sV46&ZIN1 zpH*hNv%fU^=RK!4*}K2@iQXqLl68#jIDadoM3%Yf+uIZZYu}-5SeziMd zo9{1dz3X(@8q4+vSx?pn3+;6_SkUxXPQ`U}t<&xgdf9Y%SzM<*Jpbxlx@;gPuap^| zWck8xJ!r+cX_;JBWku(vTar4f$cCluBk!Ckln=e-k@nRS6ol# zk!NS~r$)D1v1ypM?9hWmuGE`WWEgg_Fzr7A`u z&Bj`zJ&*2PV`)}w)NNwJo>wS}p9G4+@Onh!3S(Z9VNBr~caseNyWO9(1K;}OZY$t^ zsovY^SQ+lw&aUaQol#xf&yji(lUHR$nwD0iz0z~w6@FfNyYw;Xb1Y#E)`cXku?39S z!XTR_F%3WWWrzSIVXGaT_SRvvuY*zTvUPl?!m>a8o}@^~jyNj!=W#`Gl9rGtb=kt2 z(#M_tt9^W(LAv^4_rgzIZ^2WyzNHS2(Zz9(t9OSXqASr?I_(9I=_w9F+Sadj9-Xdh z!ye5J)@9sU8#WyK=xOKs9j!?x4JwQc@AZ>wUVTLN=+s;GHp+#lnMAr1#>@Tjod3u#!6Y{$FDm&dtFyCVk>VMit3j~dsQ@#sa}wUmR?!w$^T9m+4owVB*2uz; z7SJZFj;7-);$1csU(zOIvIV-QHnk32MJO>fVR&;~0$--<(CPGBG;hn0RiTH%Yb^BV zpFJPnfcNM@vt?miNZ-ip&;`Us%~``UciLNfs72zWg#qpZHTM|pkg*T;Cn#Ee>Z?&k zO;lC3oLI~Gjb@}kV13_~4+UXvEI&1BK_e^YUfM40xJere>S1cAie+U>ithvyKYpbV z*dD2#V%RE#h}0~ALPDHEKWUj+SIzI6J!TqH+a6uqon}s+eDKhLgKr${_rn{`D&4|l zA+$pyH1s6bt4;@w={n4HHK$r^CmrR)D&wv#G{>xgR> zi@M`Gsum`i3;PZ`z%(eZVVJh-=(47;jLrFP6pYc@TxtGDn9=jCk6nLh+kW4BVt!?% zr)p={53H}Rd-l@qPhY-t;Gi4!yO;L&ChwhnuI{QQ0c7~x_4L&qKJn=?-++UZOs+t;nqn*V!*&AFujBS_-oHrNh zwwgh=DTk-IZZ*7Ss<#Z)ggpvs+mF2P#xtiETA3gmT{v;)e>w#Z2JC4kX~wcuS$4SR zsHUrHOx7$#E)<03l(J}nTyhM?{Y*Is4UCc%$ws}k*jx%SjmgMNY|YHg$mI!DRpiWo zb5)CNN0ANH@<%O?Jv!>nxI2>*)IUv^_U> z`0(M|w)M-A=PtLeJASrZ*R(?urJeZ|OHRj|byIZ^u-TiRlJ4ezE8EhTG%vkQdWZBL z={Ka`mHtHfhV)(O8F}S*K<+257^Zm^*Gy6M-uKaZX#HXmi^aRw$;Bh-w%cu1~ zh2596l?}!0U^^T;zlX3Xei5~mWIy-4SoL>I3QLBq&jaz!x-t(gTL zX>um{`A7gi@%o$PhM795(I^_J%ire;r53O3B3zTI*+toKnl_Lr{9fEFcPq6@;9hj+ z&h}elp#}}honi*lgW{=&pS#{ko%c*vvVQ6`I4?TQ`q=uQk!EU^tDA;59swXgJM*5W zyZPmy0Cen5v=&AO=ca;pA!?w4klR}RBA zLAqHXd#t;x@HE}CcZ@6C^?F4sHVi8aLz6SxYUDb)(#Xx%J@e!Pid-wN7Hdo;zy*xG zHr1QL@N*W)oCS$bAdZe4kpboa&J65kfE+(s?Q|-;bG8@Qg=s_aO3m}V+1`nb66Xk{ zdk!!{40sVGKzXt)Yoo;xGs&9n%Fi8Ii9$=Yw$EAsEp}(NSZNGQ4)CCs8kUdXr%|CJ z=w~La^9Q7l%RA7|6g6P`={VuuY?#v&J&plV0*G3e$P2ap4hNx;Zn=9Vi)P|bk^$Gb zAnj*M@(HPp>j*bWuzF|}(lX+|rZx>o-dr65X_&3=<*5_&e3HxBJ8RqpNYXO!WU5=^ z>PuZk9;+E>vstN)jTYbj9e;kN%+yFhD2HBR@zi~%|Lq^-3~}#8#6LemPHBu{P#WoB zd`OQ&zy*=Qvl|^9O2wyD+Z>&&K`m3mb`14k&rn#|wqWvMCoCt0(^mWuO=bJVCS6P)1|T?&5HMQs`5@cW=c=rOFs!rC(c1`(&?CZi0P(Br4-KQT zRN?8LM+`cJSgd>VmQgxMeZ&|8odeA6x4*l83e3O~uTw`A@W*9P&d=Jcc=oA^+!XAg? zKc=urTW1}9MadH&x9UF&C`Mrj@Kjaa1=v%s@;+CqSxyus`#NE&$ z7%s(7+(x!@=k`S97+5@x0)uRpGP>*cM{o|Q7aLIk7x<~j)$&|6{+`RzvNG-lV;z8Y z6th1n$MM9h_QZ?^zWpJ4By8$ z`wPgOX~{Z+*Mr~J=PJzSWYe-*GutPJttW8Kh+{F{bQQql9<(6ap(|*5mCeHsi_{E6 z4jy@EHR)Ut0g&n}tRkM~kj0gu1r>slg~Vm&AZrv1_$;P(WLU3CF)4fcyD(uth8!sJ zmDq7Uqt^8#&Ud*}sl2K<9x)ap5Z!C!MrS*=7dtA~yo_=$lbtG(F^spE$(1X=9>>hi zWb8;$6jjg5Y#D>CUSx2b2pkPnyHr=<#VB0+T#2zUWtREd&iIj*MrNU?sFq!hjYx;I z_|xnLIZ_zUYQwZ{Zy)rTVHnFdZ=49T z`{RepJ~uR6=oh#eL(FkUh?8m96^oHUZ?Chq_HU8|y4 zr=g>hCB|(&ljm$Qf5>awty&7zL{xD(gd>518d=VsbnXeaPZu`Y8#RD$M7Wx2Dq11$ z$E{OMH8GhsUaC$;c7SY>@7fEE3>3l{iDZ~R49u_g!=0JATRzU^U1JuM&aSjQ02eZ` zu6p}-!7be{As{sslJ0+0bH+$uEN&@O!U7;Cc<^3o0H z#2lomM^Lm!<~beOW@Iq6PNO}+8p!nB6&bdxWt3uuXH;7YkjgLsw(PLtwjJLNJa#?Y z1pdip#)Hik|GYGyc5AN0PE@0!|NI%p4w2kD(#L7ZS9+nrm9DwD*q}+Z+fIu)%RnL^On!wDOd^k)Mam zC2|zo`FmgZiTzXavXPNJ-N1;GSyK_>Oz+oT)O+okqa8ws6w!09ZGM+;WB&(Y|1}I3 zdJ|i--NfT>ZBW}`tDx##hEAY(o`!%nI%$GjGbINGEQ=dzn#Oen!llX+1)Xb|&Z~AT zj+7zlT=te~*_j^|_nmpHRoPcGmE`d1WxLt9JZI=~;(F}G6!~Ihzl(kQxYV$8q>)9ZGjv?D>pboL2 zghfMdk|%@3LUSo?G4$vZ-fUSc?CUq%0s{W4o4VBiF{Ph@zZuI=Wa>{qP7__`Bgk<9 zRBN&fn61isARCB}Lo{Ait0#bMRQADDmd%u_hmY4!?BWPtq4YMOt%`>uQ)9tyF?rAF z*6BTY7tU*5Q$wo3G3m7!kBEN&*-kWe_2PuQ;k28Dtc*=Z)HEJ2#oWWcQS&<zBqkKiNNQ zWn|ahH961NsM#5*$C(UQn`y1xSiULe>(1=-!QI=}bCgYBzd8AwLe-DY&CahsceL3% zI8m?|WvGp8alDx-v4ISJ3Hb$`F|&F9YNxs2IEC!gWOEo=Loc4%{5HFS8lOWW0pGb5 z;$k>t$UmMYn{G)Jyzf@hT%agC#86+z{jISqTQod-yr%22<+s*i%|!Mxv}X2^MD3oD zIV=!Yv>lzCpGTw#(Kp=Ucq${)_q$KsnY(Uh#y5c#6*h|ujBCB{S4o=KwtcW?_Q5qp zhlhy_OVtr$EnGLPTc$G9g{@b$?1yd(og=LwkzT|MC$+^j1dH&Ich}F^?=jP^R z#a+5soQU<}m=6jrcr!Y(4aQxMdM|$y6d8OK`C#oF~ z-j}tEYg&`l$?!-Fv=4u$ho%k0hxoaoYjIuA`*|xs>PQCoL~w*o;J{Oy-^)*cDKL*Q zq|x|^kRh8mOvj5PAlY*sGL34e)rorkQS!GWTZoF{z{A6NIZM*q7mNHV= zI6bl31m>0X_R{5B?!2^NT-BdTQilB^zgrq78#Y8xLUl;~w&G3!?g_JRg-Xz=ml&M` z)1}CX?1nF!=87*O!(bayb}-0r^IlEzsDbHaOx@2z9un2u7IyXC14Ix9+YI0md z*;%LaXn!`&rsV5r_d7d<@qFRd8}HfX+Hrd0j<933+~Q;76N6-~6ZkWu2VPPeiK2b& z(W$`q?77;ZnVKx8nsOk5Bq;{;-yG|AbXCFdv%eTwI@f3h{;BR{qgc*4N~Gn@EB`UG zyzZ0fJWhf=m`t0z+SWa-@4^U_l_B2xgLu$yEu7JeiOVkle!Bu*mkL zVk6ecE1~0umTj`#!1<NYC!o>Yl>o%z0yMtD7VeGQDBNY%9XdtIW1CM;BlnZ zZOvD*vSk`TJLF&QmmcCr*_S2a1EI7y6iS`CMi{oC@(ZYUHA#w*q|h0yO=G?WbE zc3p)$Yxpvw+vTL-4Qkrfy#`hfAhkF0U{>wcoM6tijHrv2jTuFRi*G=2; z%&1bzWK`Yj$7EwjcM9q}Sd^C=Vbp7TR_yh7?(z0{}Ii&kZo`wz=y@6&9TZU!= zEj8N69>JAS58@meVquwZ6oG6TPGKvLEJRVbL)5Z{JH_KvQ5F{cjuQ|D&>1&ahL)M` zJh`*JcU#YiI#Z*Q5iWg!CS0`(5lNsA(VMf#lblWxo-Zhd+ zt1!|Rz-F~;qey6F6{AYNz2s=Rof2t)-{SiA&WY9(V6c`L0_^y#Wic7kS_?e6< zfg%&oPY4e)&Hc9@8A&UJ_MJ14Uvc$s!%^Tgw*=ebvU`}7&mk&NH6KNjB$d_mbti`m zg<`5G=^@hzO+s`5L!GcdwshbO5$$r%9P`z{Q*^65ZcdK!RxxXgg?7V0vxu86 zo~_D-5OH+KJp~C|+YBRLtp+gWz^-1kl2JkWuoeE5=E}-)&V@%%%9GQj0^Afz8zrL} zmyjJ$P(krJhGQCu22vBH=sd-By_syir9`>0{$em))*U{rW|E5q;zB*zTo-OQ#)S-W&q-8D=4f))l$@)vIDS9z~M30%IR|B z*pBMtG9oh1xbh#+4#!ed);nmU4-d{An>^1i!aFGeAQ<})g0r4)_%MBzubb#=Gn^}c zi~|RwXmTmbeAO`{+YLCV4zeGTFNEIU+A%W`g`z8vw=B~H7>yj&Z$z@M zW;2ma^;1tpG9W4FKvzg8!uG0Wd!|yh6xcoxjTjFz69($7I5QlXoK(?;Rw=EQ(ooYa z^ob=G%vz;h^KlCBXJ9KSz(Or;ji@?9s0|i~0-A$0wp>qYs|CY#0IL-ZWCLBhi!MuY zAtZxrs4nr%zh`e^zW_bAk&)bneB=q~XW(g|qEwh86}hS!$hZJI#3K1I%=8ns8;U;) zc7&#(;1GVj0h0+&KaM0`$=0W>_A?1Ss|Y0yyIJK z3$XylPb`L|o10!)UH`gz4q!v4} zwmOjjC)$X1Mk|In_d-{T!8dv}CH45EY5{K8M=uRrJC`1te&e|#4vdt=mE5@5Hup}i znP#|qY%#U2ys7y5FG_C6fI5Sp6$f!XVC>T61~V%paA>qrY~sI3;7+X98FxBYR> z)a=;$j)i0)OhzH4=3N{=m+#3N!nGBMt8yaFX`jO z)zv~$&71D6XH2k-z#53H#>isWUs%bc$G{z!KFmmmD_3&!g8CD->d{q>tbTwsnSY0|~b@9|Oj7l7z0(6OV^li<9O zmTiGgjdTTh9Dq!L$7!%pq$g-h8x6i_YiAf#2$%CystKCp+yc&cHacwMTcn*(NMf=H z<)R&=k-|HPP(Y|CstVW(q3X2Xjb!pc73GbBW;!r995q=Gk^tqYgaf)oZJc6B6FHz% zk3w&JaQ%H_&Aofu=bA>#RefaUi``n{AUQDeIC6b_Z!`(YnXXPIism>-m@Q{iGalpa zHt@8tpMHajA{$AfqZ4hVwB{d1sA{4*29Bcq-E5h^Suw-L+UWczZmCtwLr%9*TZy}c z-0@mFGM+iPql%=wj#3M(U(#3)k~n+z@Z%}ut@E4jSzT=Bn^rhhm|H(~>y^LxLCCew z*UkfOCgz0(9*3){b!X9(M-y2t-d!SElvTVNl_qXl#mT9dm}%zjz&oTHF*zc5SIZ>3 z$v1zn`5*a@&;k7_a0G@<;FE^dr2UjVnPy@abel?QDaHiI z2>&q()13Yf0jdWg9p!<7*iCDvFFw9B&Cksjs|rYbzzvK$hHQCxQYc-yR!wa;=gs{%-UDALK@mt^gaYN0&8z<`MO)D4#ahfNpMo|N6Os~z393 zZ`k=7&)Jcwg@E5k&N=}!9ya*yeVQuxb*P(}JKsb!8`O^F1aV-zJnbJkIAM$*Yc@B^ zXQ%f53)080f;s;N`AyV2kaCTJ6ac@$+z^2adKihF*dV6ZkaeLnJ8dNH?crYW3Sq_G zAwoy)U|48|6~tLfO|sCQ#nq?<3=w)cMb5>oUZ<{Vo>Ool7pb?@$OHkrVlflQAVdHM zxTv$3tJ5x6s+yxt)WkJfy9k0&Gz37v{u}~A)K>W9k=Fj(&g^r{eXZ>|P&l||XS@3j zjJ7H>zT@htQ5~OXR*w{s7l!Ll^_dUP_3wBIRK^6F!xcc7E$(_gkcn@Buyo(y4E(OS z`DykC{1CEI>(Xx20B?})7JhdNJ7y8U43!^1Q=rdbcWmWO(MjkrO1Zb2=(H`rD>{$f zi*wOUbHWi*m(pHT2!YUX3=t4AM`UN(3vC=2q)r+odv+c_xo(8u1|yD#iB472PLQAo zN7}n7pKb0a*L=_MgCln@SCPrHtY4TK2me5E$3WE&lL)NCaljie_fcwqJ)B#xz^5|6 zlg5`yYOrkvUfez>s{p6vG2oi`|Lm>o-mzAzB{Bjd6>d?^6rLz_R?}i3>2^lDlo8h^ zYxR-ld9d6{mP#W(@GNm9JWw79K#( z9hEZmd#D6Kc?}IUUC8G5Hvg1O@f)SH@V7|Zq64n_1DHqwU0^Rs1g{EV*(3=iKTCLD zs4_|4JO)d|lyoLhmRLF<21avYy%X8K?z!N|f%Ap(7MK}oGU~a3m)GD|5oRIHZh|sO zs24l%E&N8sk%$?{vM(*2@=l~p)9Yp1^@&r@MgOqCGLz~p%aPwTx#Lv^i-v83ur2@{ z&^w+FIG;GG*kHHZW=jY8^yHDn|7}_@Ot>QHn|~qI*gG*3Co7c&*1JP`KzadmR6GFy z2cna*455HzYE#}Z4rm_gm5|BBH^#|pdF~nG|YhQ5; z()ZZmJAXzl1GqEI(X}_SZ*J>O6*6A2Y=yNj7sS znMct`0cfcG6xLHvE$Dm@I7ri0#uP*aQYK;fp-4}rcC@m+%Qe@wa<<{3f)26%$bk)j zzQo*n3clDNJ}68q;nZQe>d`0uEZEpnVk(N;N*ZM#{CK+egl#nmHEj$56Mtf-$eF%O zMXZZ}_v{x=6Fw#UDDBz&2D>Pa!5T{u91YrqWCM%?YHcFVvBHrW5G`-RWuuNr{tC}9 z+=x0vWDBwaFS8Irpx5w^U}Q%HrXEw;KC!yvn%P#BAa&-l6x$&B#7Q`jWDxlnIXw2k z?@kye3u8H?=jkA&Qn^a>d1UbMHe>jvmo^H!R+*Z;^TaGtiIh1aOu~RlzRk;+i}nyI z9pFt-SOukvq0=I(LJkAlFbjgt7H!8F2|b}0h%JT{PQp79#w~Ho(tAkZPzZ6I|E8;E zhw&8fe|QBY7Z4ter+=UqK!V&#p}bNCwzG#Lhto`%Iks!wxazy581qEp*`<+uWJO3q za1_7cp~3QVJU|Y|4P6gK7hUmY~#-i;=jfg8EycsgTG)O*+Mo|rWTAzF%Hrc~}!;tOLlNuXJ+ zdOuHnySn*b*uQ6ABDr2b$AS~@G57)y$mB_Ngwp05^Y&(Px=z}oqI0U4&HQJ=KbV8>KUO$YKkOLuDfDu}gxMeWp^psEv zO6G$UOph*ZKqepedKTCT98zK3q!xJzXA^d%3L{{cy^=O4Ezr~vH$SGy=G)gc=Cb)H zIS@=OVy+07WnQzp+RAZdEVr#t$SufoC9Y{fbz0S40UnOp9P?oMvT(E%yxr}k@C1Q5 zS@UHh1Vyq4PpPXxcPyh=qYVV(20Oa2i&_43{_)cGT_aF5O}Y1&b9~=py5cyEh4ZMm zetwcQMmF}HiV&u9F!gM|F?(#!brbt4p=y{x>qQUj(-m!e`$d>qNX^P%dOSdkgPAIy zEh4kS-WOlLbHX6PQCvd95Kx}jH)bgYSU_qlAtoH%{0id#%c!qSpcb(#?UEj$vH6Lf z>7uAi<8l?q4VhK2s1e!L4$P2`TndH{YMkv=k=dSy;p)KD5?Z106ahaU4jgH`Krtkr zV$^WyVdmwFC$=3hjq&=y0}o(|8!G)ik?YZEsLmpzCTIJG^NBv^{}iEUQ5!TkA;L&AL)nFZLsUBg1p+q@I&(VGzog~pV)P*& za!sJ;<25oHN88i87Po7@40JsY{z&ZzjEU8;D-FZ zX_udZbf_L)KLbYUwEUd9ncg!Wjb{bNRCC@J9sCF$M)8<(&7&31WtgCaEMW$Y0f}Uz%-BXDP={m}^ zQJ>OAlQiY4>;rltU3HCRUueIYc?*XHamWao0|cF%P*BJQ7^6jSvEF5U&HYGToLlox1OV z`x+n=w#p}71}^L6M|IgDp)((UjQ47Q$>=3e>+mg6$M7gD*3@jn9y_+9o(P=2`3&-I z7N5Y}al{t_nFDe_OlXuua`)N6q9GHZ2aSm+Skm*+wl!Ek^?{yKd~q50RniAK8v|aNnpvxk6WM>SUn}wq< zK0Lb=BNz$_K@IYc>8*?b}Zz~a8fEEocq-qA)=@r7cx zx#w4^?{8Y*y9cOz6QA}U*dr{KW`XnZkZ>u(a?J4IL=ugh5*1i*IEx3PUt4yHspT4` zgo@Nkr?OnoKz%{FwYf1foE?fs?afyw%mj%AN928$-dLML?Mb{}X%1!`m`^pf_Usx@ zL=cD&F*8?g5f=k|WlGsVfvKHSn;&H#W`85(jaq>zcT zC*>zy0$nlbwDy%;05K67DJt1;3*)1>`8eA#12N-iBr$XST{})kl?+8x>`#ni%k_yQ zJKfGWP6(bD$rPemZaBFh*I9e0zp{#&BJpY#2Zc-XsQbsszLFxcd6+%pLUq(2i|UU*OxmA%~uoRgtQq31b>&V3Rq+B()&b%gAQoGk89z z+{&TTDP&|yHu1lMHGv(7SLRP(rH<(-I|M{uO$-nYjm8mcrtX_JPj|bg7xq=t(9#(t zzDQ;UQkT7rzZ`3nP;PE(`$_8{6A*~oy?WF4&aBMn3Z!jr^}Ok{8a^>a_+zD+`BMHv zkLomSz`6VzC+5&wXq;25+5Oot(CMrdo8 zY=x(X>6=Hd02!jlk0u}k&>y`2;YDLE1HXo3lMe0zIs(B45+{P+p(5)9&@XZjp!;UE zJ^(H_tbYqX*iNb-jq8VA{TZ#YeceNi%@8yIWM)F}u2f7#AKhNpKl7S{mKSmOTo_S6 za-mc2Wv^hr&VMX?WPf3m66sfa3EGa1+A`CfVQS^Qb8-^Kwi_3FE(iaV5XkDc)78oHLZer39?9y0xKOHiJm?Vvn1~Oq0MLbzd?l(D?}icAS6NQ z{Hrcm(;M&{TYdI>rRDZw=Au#Av$IV!mge?-b>m_%-|82vNVld<7YGBZ1q^vICQ|n> zmngMZ@fJU;!|#&5A}e|=p+W$oA+Q>JV>?v?L;p-V7CoMxj3l0p)Ps5}nV5`7uLtrDkr^vW#>=x7? zYA5Q=k`>)rA4Nz<)7NE7F+CX&67$=etp^9a&>t*p99cq+!)E7DPGm}{SlUrvbwvIS z)mJeek8D0y=4OuVTw6~|T`e_W7_@73?SE2rZDaF0h=*R!zJ-ysz#ra@8U@WzycyC5 zrwAxHg4|#hdA>HS)`TkM7ODhlAixRNK!Kc$nMGy+wRE289-|N@hWOUhacEOUc);6id%}YnO&W39=*8{7OBu> z$iCfJTuPs2CRE+x2CLwjz!@i7-EH+0Gp)}y zDxJ9i#Naqm3gM2q_Nfy`%1PcV2kVWIQiSDxY%I3~bOW-aA-^AG9QnnVrEn?REwM#} zJ(+BE-S;#nP{>7It9f6md0(q}|F2l{M(rbDe<{BT4EiqSTHk^!`%9(Q0LKm?rGU>U zvJ#J7)LMN^4D4dw6IH>0asMZj!G9SPRyD#jcue~MeG%~lipjJ-7s_KU)@{QgTl@bf z)WyGHdWc<+uEi=jDtKFpgOt4-8rjJXQi5P-mAipc%<1fl|F4DexshR^e6;;PUMLqf z^;)f*K;QpLwQ_m$E1Q2PeT)AQW(MrW`hC*XK$$!|Hj#4^Q8oNLAS*GCeiE7@{~%5f zVf0npN;!$BsTz?Zn`4df3ZQ8T8O|tek02gKxz18%+fkVo&Y`so)k>1h*=N*B9+hBB z6(mrL5ZVGqLt6vU2L*Pmvhs_+)oRSHfE!*9N;wykL~BbudDlmd9XyPjKPF5XmOD1n z$l6zeb1z#PYho@vDvGL>DKz)!#w`qiF6ASx)zp#SxK>lYR#U%LQ@>VIzgAPfR#U%L zQ>TK#usn6Grhcuaeyyf1N{Rx{w>zX5!#uPoBqAKhrq^of*J|qjsHVQU`L~$C{Cm=I z)OdSCX5yAj-Kt}N?GBz&c587REO)n+NG9UdFv1)zaVQEO4I-6`1T(R5&!(-JN;beM zlP)OmP9xtyWszBNOWPMBpX=M&j&!7(59|7732)v zXCKxua{z@8%P(f~t+np)dJ$7fz-Up4T0{%UaYMJkCqRZd?An7F?My4dVotVL#>W6T z+qHEteuuGSe)Ci8r2Ha^nW7|O68Pmu1|1=MMAI;f#Gts zP^z4nx3R*we8}E8J9EdlS#M>>M>7gmkHb1uSpP(8?A`^|YV6YLbu1{BX8dHtpGfse zrM=dh;NY56EtOB`Nv=zl@h611PK zPg})jkz61l>Cn6iGDX9z#Fl-cB1L~}TWfDVugS>!gFb@!U)4+@u*=iaMne_^g{-Yk zP8EouFPpYj!<23XE77V^xKzt!TeNnDd{mCp@qTZket3U}7N%xuSX>bTz@WcO1+{lkMYsYBTM2GsJp4w0g==CS+-o-^<=3jo{g+rAVAmx6P$utr4`J z=%CbiA?siyWO|LspG8aXp4fGV-IR@Z)hT>4e{Jb18z8#0`{CNv#?%(S%T#a&A@Ps6_NVX+{`^B<-K_^BOFvG=hf{OjP*O`shyEgK_Lm^gq$ zhmc`=dg%gDL5JL3@rd8S;A4Tfj4jqUH1W3$z}_S-$9anvYqZ#!vArTl8NY2TC9{4b zX+>iFL%$qW?CH#k0oI5%b>=w@T3yZ9|9T>4kli}R45L_02t7q#ygKRik?>XKLw%*HF zCGp_adj;pbWb3^u)ui`tz1Oh+YiPx7(u0z;>o&aXL_6*S*ZMB(JB)Yt;>bgIk9C@N z-gn>KcindQzIz{h=r(*jjJ>zwyoa$is&x3aTkm=pzlWDv{(rg*ZnOMfUFyI8re{P` z9>i^_X*H03XHa_Yir+K%ESl;#u?Y!($_I}zEgq)_CRiUcPX}1jY7q>BWvp+v4Sc9I%zoNH&36Z$ zX%}+4d*G?|;qO5lz&IbmcpSmJ^<(hbC&0cug{trw%%D6cT_>GKRpkOW^fyX3p;CNN z`ndF)(nqC_VQSXH_ue&!UZSVMUx?yD(#Y`Ts4K;1h8ZagPdn@zhTrtF_4@RcU;hjG P@Q05~Y^UG!_s;%r6bG}I literal 0 HcmV?d00001 diff --git a/index.html b/index.html index e69de29..0c8d931 100644 --- a/index.html +++ b/index.html @@ -0,0 +1,19 @@ + + + + + + Valentine Letter + + + + +
haha fuck you
+
Ya wanna be my valentine????
+
+ + +
+ + + \ No newline at end of file diff --git a/script.js b/script.js index e69de29..92e8d96 100644 --- a/script.js +++ b/script.js @@ -0,0 +1,25 @@ +const yesButton = document.querySelector('.yes'); +const noButton = document.querySelector('.no'); +const gif = document.querySelector('.gif'); +const text = document.querySelector('.text'); + +const happy = "https://media4.giphy.com/media/v1.Y2lkPTc5MGI3NjExdWc4c2dhc2ZobzdqMmMwYTU1NGYwd3h2bDVsdTlwMGMxdWx2b2oxNyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/MDJ9IbxxvDUQM/giphy.gif"; +const sad = "https://media3.giphy.com/media/v1.Y2lkPTc5MGI3NjExMzJ3MjN5eGQ3ejh4bXVuMWQ2dWRvbDF2czV5cG53OW96MjdrNmxxNyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/OPU6wzx8JrHna/giphy.gif"; +const question = "https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExMXFoNjJvZmU1ZXE0eDJyeHdtOXBocXB4Zm82ZHVpeHBhM3g2eGtnZyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/xT0xeuOy2Fcl9vDGiA/giphy.gif"; + +gif.src=question; + + +yesButton.addEventListener('click', () => { + gif.src = happy; + text.innerHTML = "Yay! You're my valentine! Love you <3"; + noButton.style.display = "none"; + yesButton.style.display = "none"; +}); + +noButton.addEventListener('click', () => { + gif.src = sad; + text.innerHTML = "Noooooo! You're not my valentine! I hate you!!!!!"; + noButton.style.display = "none"; + yesButton.innerHTML = "Im sorry Pookie! I changed my mind!"; +}); \ No newline at end of file diff --git a/style.css b/style.css index e69de29..fed572f 100644 --- a/style.css +++ b/style.css @@ -0,0 +1,42 @@ +@font-face { + font-family: 'Cookiemonster'; /*a name to be used later*/ + src: url('/assets/Cookiemonster-gv11.ttf'); /*URL to font*/ +} + +body { + background-color:black; + font-family: Cookiemonster; + color: white; + text-align: center; +} + +.yes { + color: white; + background-color: green; + border: none; + padding: 10px 20px; + font-size: 16px; + cursor: pointer; +} + +.no { + color: white; + background-color: red; + border: none; + padding: 10px 20px; + font-size: 16px; + cursor: pointer; +} + +.yes:hover { + background-color: darkgreen; +} + +.no:hover { + background-color: darkred; +} + +.text { + font-size: 30px; + margin-top: 100px; +} \ No newline at end of file