From fb41404ad4d0b320bf373c6af34b72010ec13eca Mon Sep 17 00:00:00 2001 From: Sabine Schmaltz Date: Wed, 20 Dec 2023 09:58:30 +0100 Subject: [PATCH] Implement dark mode on learn area landing page #1836 (a842b6a) --- asset/img/learn/dark-hero-camel.svg | 3 + asset/img/learn/dune_logo.jpg | Bin 9920 -> 0 bytes asset/img/learn/dune_logo.svg | 14 ++ asset/img/learn/hero-background-dark.svg | 5 + asset/img/learn/opam_logo.jpg | Bin 2980 -> 0 bytes asset/img/learn/opam_logo.png | Bin 0 -> 1324 bytes asset/logo-with-name-white.svg | 169 +++--------------- asset/logo-with-name.svg | 109 +++-------- src/ocamlorg_frontend/components/footer.eml | 23 +-- src/ocamlorg_frontend/components/forms.eml | 6 +- src/ocamlorg_frontend/components/header.eml | 23 ++- .../components/learn_components.eml | 61 ++++--- .../css/partials/bg_sections.css | 13 +- src/ocamlorg_frontend/css/partials/cards.css | 26 +-- src/ocamlorg_frontend/css/styles.css | 2 +- src/ocamlorg_frontend/layouts/layout.eml | 4 +- .../layouts/learn_layout.eml | 10 +- .../layouts/package_layout.eml | 4 +- src/ocamlorg_frontend/pages/books.eml | 2 +- src/ocamlorg_frontend/pages/changelog.eml | 2 +- src/ocamlorg_frontend/pages/community.eml | 2 +- src/ocamlorg_frontend/pages/exercises.eml | 10 +- src/ocamlorg_frontend/pages/learn.eml | 99 +++++----- tailwind.config.js | 33 ++-- 24 files changed, 234 insertions(+), 386 deletions(-) create mode 100644 asset/img/learn/dark-hero-camel.svg delete mode 100644 asset/img/learn/dune_logo.jpg create mode 100644 asset/img/learn/dune_logo.svg create mode 100644 asset/img/learn/hero-background-dark.svg delete mode 100644 asset/img/learn/opam_logo.jpg create mode 100644 asset/img/learn/opam_logo.png diff --git a/asset/img/learn/dark-hero-camel.svg b/asset/img/learn/dark-hero-camel.svg new file mode 100644 index 0000000000..c945bd3217 --- /dev/null +++ b/asset/img/learn/dark-hero-camel.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/asset/img/learn/dune_logo.jpg b/asset/img/learn/dune_logo.jpg deleted file mode 100644 index 220da84ca37215df368851d7efeda396a1a24373..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 9920 zcmeHNc|4SB-@nIB9Au`DqCrGs%wid9(kOfOHO?4AgRzXAq&lbN%&F5xQYw^WnGh-= zCFO*YT_}lCXt8fG?{yEV=XuWaeBSr@_dWM~uFv(G>-w$VYrF6JcXK*9uOSHwGjlTt zfj~ez!4Kl}i7Aj{=zb7nZmtFiK@cPetw!)d2tdI_7QxT0eE_{~nGOK7>M{=xpm7Ku zNDS0WQ1F08f_gtF^do#+*(5+;0|l7l{$Htgm|O2sz-!<%H3*tOQWHEC?;;*c=32rX%ay@L=-bSF$M)36C1;2ke$lLj>JvZn&zzrYVPYMF-l z5IjqIHo&sW^xP`Y0WKl#kMkpTa2SA-(+!zILIMJU0{lXPf`Y=rLL#C_G0|14L}gY> zi6hs`%5PXND<`L*q@kjK-l8Zcr>e7gizbdpB+9Fh40Z7a8U!L9R)P=~78YG4DlH}^ zjo&D@5&wU_IQJn*A>dIbF9HqmNFsP85u6%G9{9-*Mj9UMxLTSu3qXS$tiwqvKcg@dD$vx}>nJJpxw=f8&@5FQa36&({B_sg$` z4j(!C8|(C$q~xg;$b~ ze7*(9KF#^1n3Mjbo?f52b4CGSoo)BnaG>X> zhn6qA*$u4bd^NT=F>l@|rR?Kfg9V$#y8)xQm0p+R^#-cSW;oD&U3FU8)O3~jj7naU zr&yHMr@o?lU5g*t?_!+_U)6QJdfR2;u72mO$Y#}a{!ErC^baM~4YfL%Wmi_}n0Mit zGoC#VkQ18{kc@N|>uFQxN80U72ka8gGQRP8Mm*^R1ffNZ?NuayA|#A3u97 zdVjHXKTNo^`1uX3*^V45m>E6U;<9#kR>CVD&z@dv>#Tu$=|Pri!S?ROy+4@68paYVYL>ZL7+XIwFT z(d*Fz*z^C`pLI3!+$wuV$GM>l`;O;tY8)y{4e^y470s0z_YR+M7{L8UyTGS(3K>}< zWYHh+Hg+L)hSj|%K1Ou?Y~`ok>m^BcUi8o30Vzp>?3?YZ#BBOlT<7BlWTd?+7z+q4?iTJA zTwwt^7E5 z2x;H3@q;iKqYNSK$Ph*uSpp@MB<(_wF-XLR{}4P z&#kbfl@dpbi;PWzwaH(%&2!x;OE?saIvzxw{a2ikusLZNZi*x#(@qdXp#5Ud$gs6dn}x& zT||_OX?V}Z&LloC{B-ut+=zP1A)9?ies@kOzLh~n^|xJ&TdeEydUwYYd;8w4q7kCY zxsGfnJN8FxR=$m*_y~jj3F%DRJL)-;A5wU`Jbw0KjNI*E&sUS|;FR8Xz?7f!#VD2V zr%6Fbmqt`)$7NgG;JopPue_akN%8ve9O%ebskZA^Z}^oD8aX`4w!JiW(GWF`Nzn4V zW98i*TiNaUu>sG4a>nL6D(5@`WAF8mLAP{;cN;tFlR*`BZcwK(&?9TQ>ih^dE^-(L z3gkfHqa0{|oc9n1S}^!({Q9z0lQ+So#p%Vbj}v?rKjz1l9rm6y@{XIXvSftl^l;Zq zOG9AljZ0EMYW<$Xx_4fg@Lls|JM)qUHYnas~C{1`S2s7v9dD&1(s~pVt{^fC?O^cXr?(cBgo8pbWozF$FdS_#1N7*~S_d z0Ss+*d*+Q2LgM#jKX1!+3TTTTbvCjI9&AK`EeBxz`t@Sdq#L{)9NFj;*cEtxsK_zl zcxmOI_um*5Kh0u?wAL3~%X{ZO7f@Pf)LTD^dm}y@4Hoo08n>B{STw%Cdt?b|{oH1@ z#fLnL2yB8)TxXt#Y3hxko5S|y?;oBWOg);@$N<{_`w!}~;YRiMaq7?V_D`MV-V+p< zYE8LJV-t;M1RGH~UW4TA%=(0ahl|1`#d+K%bjYK`&MS#p7gKy$)5*P*to@r!?THR~ z@11sDG^^W}UQNSi-_!?xqi2hQ{Tv9IeOHMu&sDe3mG@7Kn}*jU_2^T>(#m>|#zhG1 ztnW9N_a(oN?6mVF7VdktIQ=>aU z`w|XKRz9nU(jWG`_mREtc8~ht`8in@&ec1F!T9-p|Gk{2pI%K3GYSUwj*=6^$;?C= z2TJ?`OvlN0U!M33ua~`}-lk3DNJ{9v>bX~g0{ZJGZ+J(wS9yF6QOG>a8Zj8>yx{bS zM(>G;2-U-4gTpl_z9Bv|4QdDj8$$`j;xsg|kb!YbD1{nGi%{^P`O||9(Vxq!&4 zL$r&QwWf8bDQypZXB?B}5NG2^jSHlbe9^{63I;KHF^o_KErOyD!w3ov*NZVkbCv4> z8g9m-6}T)Bfre;T@StQG!lWq>HHaFT81TRrg+~J&OkY1e`|W1S8o)n8^s=kb(a{>w z1dR};KNd$Kk+7P0EFO;m9GLLf;0Q_#COBMiMZf}e~AHu0ej2k4v!#50pb6ISh!tlI6xft%@q9n_>CJ5*q_b_TM69M#4tS zw;Q5iO?ti|RJyMom-O-RqiJiA2pBv;hlC-La5#)EK}QEerO+re9Y0-NJc+WR$2>SZ zf)Y%n!FqsZ4LVRlp!gE;KmtS2qG@4>y1FzBNf#)=k#tFZBqD`K)zVp!w`J17G@=Ck z=nt&N7uG}5B@(s$G%-5bupU2c3WnmVL&a!Q2|8Mu+ISy=HVLiZOVu+AVKOLS9Ow*+ zKMflYO7ll6z@qh*<25vw|LzK+MEC(-L$nn=I5K9r)sfDiIYdxk>EgFtS^~32BR^-D&{34<$Oqz*57;oSy7;Wy02nAIx3Y%B>qW93? z5W$-X3>YlDuH*8X3B0-{ctxR!#sdGb@RC^y1^drYa{GQ*UMuWi&BEljEx<_O@9S>_ z{zl+$1pY?gZv_5E;Qt>2-yb4q!Qf6O8ayI!-tZKfo0@v>vbQxew<3cC2S`q&2T>W} zd>~!I2##Rd@7SgQ-nAWZTlL2^$fJe!f5e)S6xGvGYFufP189|Z2H|_;T zC`t=;f0pJ1GcWlG`2zYK2LUbDh@xS75#+5;G?FH=5egtlNZX-x6}?>ZTanl_m_a%d)Ff6514o;Hx1{!yCrN}rt!Lk zC z)Z_W{SFXhN0y`uSFr5A3NBP-W*7!N(K&+eM=H0`Nuh+X?wL(hIQ=4P+ZJkc3{$4)}VH_t~qt6PLhnXKo z<~gsqo|<~jl~{xJi%fm)qu-c#Li%z|?M&msXrBwZwP7-R_WY<1YyI;KySo!XonFm> zJ@Q%GA`h_!owO=Ve35F~Ebf|1xjSy~a%p;h^nOA1?cfK}&3r${Z~y5+qK-`H2O2Z5 z!|T$v_kp7?XulN9^d}ujRyLoM$8Erb{d~7HkBapyRcqIOc=ljEdtm|_qwvRA>g5ZM z#Mc^VJa%B8$VwqPUO#1ll1_Vkkaslo%AKRx_Jqx+390DR)YSgBc@Ix?vlm;=fp@sa zuB7;@oGLuslk)1;+cl^4&vuJyVzMMmuP50YlEh6~1wM|gD6CR_Jm+|_qDrlJjqY}; zMeofHOD|v1PO4OCojRVK_ax+At?5ShE4j*UdvjP%C}tceYs_-0%5Z><`6Ht5Zj{FJ<}NblG|>>X2v+V_~=6 zg_7>>mfJFoCqmxVF6s_yP|hE2V8~cSDcNMDo*9266|kCUT%>e<%@$&W^`V`;*WI$r zw+|~uCf6LaHfOvZzH_GM;@-*e+0hgGvPA4-Lvq|ECSHojPuJo*8lU)?J$&Q*sW9FA zTDfz@wyomSb#*uI_1ad8jfLuu`j3oXVl-kdNWVQzPkW-6c37uer{&QeXl$3hD)DH&o4#jV$H-&yP2_^31U#>w=pV~+yX37fjR|nOsz|Gz$=rfHBWoD_lXBa{d12 zV)3_ab_-Oc#E!jwwB6C|i;FY;U4MtS)}hhHymO`An(b!RY`aI@5773st}*nv;>W_QZ(}b6*BJRo8E$JWOX&8< zNV`T%TU&Vl-~$E!%@z))UT)r*YGH3^t~9B1X)LB@v3tkY+`i(GMG=|Rf%zJbjvbdh zDh3USoSUh<5En6n-jV+EhH3G#KuLkl!Y5k!B+ng{n`2kqh4imTHsg2{)B8uXIFR~L z4pe?DAzF-0mi;X#QZNvCsG90}M(XMT*@Gru4BXu-bABH@`q5&H`P5iZ_Ej?>@gV;bHrl)`K*&m&qdvieL5e(od`sQjlM_Df(o3l|+-; zLEYUf#Gh%_Un5iyDiYbBF4r0~ zfe_>*m(KL1`xiJ4gycrZ4rlUUDFFDylHmD}DS`+fe?4!cCqXJJZnK=K)cnQAz?a3e(PUFNKmbYmdJXf_x-)?7x0g7?qUcM%y<@65PP7 z3)}jLsA5%pzzz+CT}1ild}$!Z43Ne2m1?upYo58+nFr63-6T@c1>D{;86eVV$3= zgiA7)n + + + + + + + + + + + + + diff --git a/asset/img/learn/hero-background-dark.svg b/asset/img/learn/hero-background-dark.svg new file mode 100644 index 0000000000..062e4118e4 --- /dev/null +++ b/asset/img/learn/hero-background-dark.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/asset/img/learn/opam_logo.jpg b/asset/img/learn/opam_logo.jpg deleted file mode 100644 index 18785e33dd99cd66b8bc55b0e559b2418dd16d78..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 2980 zcmbu=c{JPU8VB%S#9mu!397oFGz}(*t;(I6+LwwYgeFZ)+N#>OXweq2t6OTRDpi9L z8fqymT1haLT54B=#8#@BVA?2^(L49dJ?H*)&zGBnyt0AFb;Sr?B>v8eqgv6xel+3Jq**Up+_wyf@{8Cz0{-mPvSzUcYm%l=Qyf0<2EU%l_8uSpn!1lY?9wDpSPM=%A-2bE! z%f@v3&&-&!s0Ww0TF1HwCWQGYrKX!26$L!tvgt{V$b3kO3rGH%_NdO(GnU~TGdYYC zYBU3DFe4_0)#|Mf+Nj3bJ^iFpD!m8~ExC+%FOg)AvCCrA53{QoAovLnRH-O8qiTMo z>u3(lMHY_qKbKf)=5ql>?=L$%Ms~%~%o@f!9mRan&z0pl)bw)&pHcrf#u-RQ@_-bm znxd~Y*pTyZbUiu11Z8ghce}>u4;^iAR|9m{h~-^*v53ZR`ptCPkQ7yc5~K*eT2TdtVJK{Cq*P; zkLMhhJ?wCZxkinBUjYl78@V~UY8cg1eX=t!Ov8KAE?Uyp0r_OO@{3;$;rVWL^OC=TQcX-!MRP8|X=XAmn>5F^A2x?NH+s3YIl)?B(TP?D? zE2CH1rqv|;xG3z-AxVYd>fNrqZwPLxIQfnTZ5o-446`SbBH&7=xg66~#68{1(@yf92JoP&4vC*({D^%TO%dInrTo zVB6Hf9xY11hiHDLRte-AhDJL()}nnv4_lsZ$XVxF`j-7RLl5zb)ZQ2)Zdr1mS{!xw zTrQbG2o@Vx+M{;K+wpT0OpmCQ8<;rY^VHn**z#*yvNp~=wWLa2YRW=!9D{Jutt6>v ztN+4QKKlcL{Xu6QnM!BY^-=lTYTMmg{NSbmIKv8AF@3OhtC36BT&;UfiP(S$xmr}- z|2nrv{`x&%Jaa)=gIyHca$r6{f#mplR(dT4wlZdVaFq3Ge2WK2UX4+D{(KZ3M$z!E z=Q3Y4wZ=K6ApA2eD}5rqB1$#TH1Ekbs(v8Hrezmzi zM}AhV(Yjz66y9-Z0zOshC8w^%a4AX2w$p^4@lst{?U8Qx4s42Yh01=!D_GN%1Ii4o zr?YM^)bN0=`7?DZxU`Gv@@`omrhq?RjPC)4G zp6c$!I4Abybn3OAOpms))f1N4jk(dx)8B4*j#k&39eC%1)oqGhwjb6rlkmySB0bv} z-E|W9rTdY%{!Y)!F)W$~pmbU`SMa$(0ZBU4TLT;trlud^g}96EezuD}heq~s?me5% z%n>rB+BAqspfl$<(gUaPg(0?*9z0$W1%}?p6<&1W^bbGSkzzieRCI@u|CeJ8@pYycUi#>Km4lW^-4OSJgIM^ z?}F7>pGoEfVi*C?P5aRM4?LNA-3gzIyye#~80@=Ek)>^~ z+h%htKbKiQAZB?XlPh}jh!cG>twrO{ww8O7i>)_K?cyZwe-meT%t|aZDLrnqFIkqY~J9W{JW`xeyZePt;xsW$*R?=ZXgSl-FQAPTI#{ zN;0Xw+RSSxOrs^;+E0TTM%Rq;wV>v3?}U=HcEU=CMa%#sfhsaoEkUw~s*BInBYX_Kv-VuKFE}dvkZw=V zMAdUd`^e`eyKuo)J1uQ-=bZD)#n`lBw|m<}jm@*x8{O3p;45FF6S9bYWh>$O*Zm(7 zMLj1cd_E6OPGUSe5lV7njVnr0XXD~iG=^jXWzZIq0&%@HO;HlKc>2X33^7h6k?xv+0WGF%}OEEg%@xG=zJV+i8fWLONr-lfaQxLqk$J+$xe7Xo^9k WOEtEt+^yRB4AH0u6%hWKH~9w_XLFzc diff --git a/asset/img/learn/opam_logo.png b/asset/img/learn/opam_logo.png new file mode 100644 index 0000000000000000000000000000000000000000..f107ed56ae67751dee7cdb3a9fbcabc33817d9aa GIT binary patch literal 1324 zcmV+{1=IS8P)5o?H0Uz!?>2?XPVKSW=Q(Wr@m7gK*4 z2q{Dx4UGvg#-dnk3qqv?MM`a<+gAEVOS`>$@634a+`HS|vb)8=gC{weduGm^Z_b%B z-weZlkcs{iB}J#3&C%{QGeUM`u7d*Nj$lx6z>y4?0qkjJi8ynILq+$B$cF6+R{qqG znGZ-QRS^HAqE=0hZHAPOsZXmgevKR6^VG*>8V5;r3(ya>k1Dwq$|!2a>A?4Vwx5i{QS%r>WOPlXOfd5iZO-zm-C z4Jdt3d3|oHo2d~v$KD4kTnst<2l9z2hA*zwlc`J~Ngr%(YL)Va6-&7?uS0u#;|ikZ zC(M^U6GCx)Hs%P+x}PkI#jgJ=;hy7Z%`TOeWLzchTKm|5%@UB#}zH4%WyCN~cblELw(O`Lp25 z*67Y)SfT#4NO_# zyx_$qm}|D=UR`)0!quNs2A(J8QF{NBpm|rU_dwkM?HS1N0iwcE&qqhh^F_?_UJ@w@ zL=f8eo<5)U&wIg(mmv7W4sY>&9fgoWj!*3G#TbTz<<_D&t^dnY2gD^fHHUSoUzYu8rKpo`Z`RkoBs4wfV7qNY+9!}Rm z1Ri}2#&Tj$)4$@WN>t(+owQ;qu9I-i9M*ry@qWmQtu&UMB$UdFOM9%iDPq6FY5NRv zau8NiEp^iEvUD{XpXH@ou{Z>e&sWV>L5m_A}#ur z>O;*4u!Soi`zgZHO^~BQu$p(#VpdVbLRYk_?l<$>q@7ZUyh6AZ$2B5zYE;5gh#&%w zzkwtjgRnae!fvTYXwz;#qGaJ_?rzE^3T8$qJG2oPkVa%XBaZ!&%o@xi z;&K<%^f=_-okXuI!HS~p69$aPMc=~{|4>$1br9zL>!HSuLUtcX3o_8cr1ef@=j9e{ z5^yE8Kj4;%LZanu$j&dOBnuoNviZ26uJc&BNAj_^jhYuoZ=W+muGav|VGF+ -image/svg+xml \ No newline at end of file + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/asset/logo-with-name.svg b/asset/logo-with-name.svg index 29c487c1ca..41a11b1872 100644 --- a/asset/logo-with-name.svg +++ b/asset/logo-with-name.svg @@ -1,88 +1,21 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/ocamlorg_frontend/components/footer.eml b/src/ocamlorg_frontend/components/footer.eml index 3004d4f6a0..bbe5a4de0c 100644 --- a/src/ocamlorg_frontend/components/footer.eml +++ b/src/ocamlorg_frontend/components/footer.eml @@ -43,23 +43,24 @@ let socials = [ let primary_footer () = let icon_link ~href ~name ~icon = - + <%s name %> <%s! icon "h-6 w-6" %> in let footer_link ~href ~name =
  • - <%s name %> + <%s name %>
    • in -