From 1c660210a78d1a1998fac571cfaed9758325d654 Mon Sep 17 00:00:00 2001
From: Christian Galo <cgalo@pm.me>
Date: Wed, 19 Mar 2025 02:38:06 -0500
Subject: [PATCH] Add logo, fix styles, and update footer

---
 content/_index.md                             |   2 +-
 static/wc_logo_-_black_no-bg.webp             | Bin 0 -> 3902 bytes
 themes/wikidarity/assets/css/main.css         |  36 ++++++++++--------
 .../wikidarity/layouts/partials/footer.html   |   3 +-
 .../wikidarity/layouts/partials/header.html   |   6 ++-
 5 files changed, 27 insertions(+), 20 deletions(-)
 create mode 100644 static/wc_logo_-_black_no-bg.webp

diff --git a/content/_index.md b/content/_index.md
index 90deecd..ecfa58d 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -1,7 +1,7 @@
 ---
 title: "Wiki Cafe"
 date: 2025-03-14T04:59:59Z
-draft: true
+draft: false
 ---
 
 **Wiki Cafe** is a [**co-op**](pages/co-op) \
diff --git a/static/wc_logo_-_black_no-bg.webp b/static/wc_logo_-_black_no-bg.webp
new file mode 100644
index 0000000000000000000000000000000000000000..51508da1d131701b2dbe7a2e55e875ce4c2a4217
GIT binary patch
literal 3902
zcmV-E55e$KNk&FC4*&pHMM6+kP&iB}4*&o!f50CQ_s5`ZBuD<vpX)Q&3PC~JHjMZA
za~%K$ZQC&3=g)NjAV!j{s;Y?rha|{9Ab00$Cu+aD2}0<I_yvF?0svrv5=N+CfD%S1
zFh&Srf)K(KVSYq_C4OLo4~%%hga@>^Ld6L(4gdhy0#?u-5o^E}06PEx>;V99fP@od
zoFH%n0PNw202m^KFhuBxSOJc3M2Iuf|Gz{C*6{yd?<6}rE5>Mqp<vNAB@NrC(J^U8
zcf)OWchX_g+>-Be)|5q9l$0&q(jWsr4}QP@|NJ+0o=5b50(1kP8`!I~oNK&MLE&~;
z8yIhi`02j5DrBAwFaGW801g{lp~>YIH1ma(Ygpfr6x|k>G!kwLE1%g$Nct1U55md^
zwyZd5s?!r;rJjv{q{&W0!panfnNoA7{$V6a3mu+RM0PkDJ@;79)<>&xo)|`2CjI-h
zE!%&}#VgY4t6`!ITR*f>{5BUK>1x-s=<v{sl!PSPl7%ixXewL_4^P1Cdba!bIc-qF
zy09?=a{tV-ygJuuuId9v!$T!ta6`-3Z4N1M6$7wd;W07^=xyo#p2M8TLBRK6LK|_;
zc+S==@+W{5;o@%>w6!fhkqz`wxQyuT!rsU~0$@kj(2h{j5AFa+yb=~(UH^$s@ohtR
zaaop8PhoK_JR7O|-DRHY36PZ#9$Ep<`HFOO)u2A+s|t_(0q#`|S3@zAj)sZXjO>+~
z?8d%bVRC^%v$zsDp*$2DE@Ijm)X|g>f@kF0v-xN^(7Tqb5_#?1{isWgVL@29kZiC?
zb6oY0E!PYv8y2+95<C%=>Y`iu3(bHb3Xf4k4W89DhyL}C#103j5++n4#mFjuJlirN
zQhFX>gFjqoWk-OzYG4Gukmg~|S2*<TJtXPMwiyqT^zVO0eW`4c(Ntma1i?CfnLkp~
zp91N{rSSk62gAcTVEknx;>n?U0iKi=Vb)Q2j7|j7j!RO^D_R7V<Zo_tk1J%Zlsa+2
z8+`-N=ZLIDGMh<v0tC;fFs<->cYw9ywy*NwcZ24~EgJH=G{&eUDfaIA=L&^{ak$Lf
zR4OE2FN2}+mQ8b29AHSabYMNaRv1)D!F}$}p{S~biBZP;t27&EUrzcXk;36zD?+Xj
zif^QaI!26?2FVqrGdTb=yvmC!I1&A@ukF@3*Or(Nf(~X|g8OA2r&*Pg((**iYu>z{
z4XsD*ELt#*2Z8P{{#r^>#Iot_0qTdMZ59Sw{!T3~DWM}~Vzf8EV%@N^K<Ge~zc0#V
z-2F)qEES6XVGGNQBdaCF4aWM4Jf0aa$f;f+LN7iTriG&TL68~b2gCX-_7z^KYNA2l
zz8gU?Z}F&`Gxt}JbhHl-6x%S?>2~ZR<o!((4Y=<{kp4g4O=lQgK|0?5Nv;0aA-03V
z8LuuZKjGKCnMUBZ8^V20AiZvs;<w7>N7x^c$FtL+RlSS1wFJodq97dDb~GQp#r*Q9
zTo1LaE8*23%+?E*wFKxHpKm875-6Sz_gLsz+Rdtf?N@m{&q83^vP6Ko`E+?pCOoKo
zEE}-UshEphSYMSC`}3oRJ<zm(0oxV@fvmFmvba6a;bMMhxQ*^doSwIA^h@Q2z!opG
zC(9CCvJ>FleDKu*2>h;m-Q&Q}7>Ay%mUiQtNNHJH-~mrGKVZ<J!~|e)KGeZ{Tb@^_
zA}OY=18>=4Gye9k`Q9%bXa(@6H+tGa-xG<D?e}bH!027XyXkC|bgvWpEvtXll`4`>
zwE;+q_T-k7bQ{ln04($BN_&8;mGa%>)jk3>q?m3_y`v1rW2u<0%hR85*$AlZ)fUWc
zx;o(nuWp9yYtjNIYPg9RgPBpvn>}vK2_Bu!F#1KV>Q6PV;<BLaP13hcP29YIwV^_e
zoU$iMrGhSU-+^HsO#%p9JKU8vF<$8_U|^gsbqA{6HnT<GlG8q{Ii*5d38OCPMHigv
zL33})2aSeztb=;;d>X(epAN2t_oWie$~lx=XPctXj{!Z)UQBWE#x^>7vlFv#00QT|
zTVXI&`fn|5;^Z=VAlB3(9_T9|E&gK{iOWdzW|GBhqI~RW1olW3J2ThKG_1ih@^Uf2
zi_zVjxT9y#=S4)ai)#7tu0hs*>B4h;U7XCe)t0Befk5E;EEm&ibJ2^kIJb??kJ9M|
z$)_Y8cZwK^bx^c7S^zMrY|!bY3M}(tzl-m5^>^>|h=p!P<aRICwx#8<ZveoVrVbnS
z_<C3N;#U_-Z%gg!jepY}(sdg{V_n2{wd7QkbnVNH9%#3*@pFe~rJHZ_VvdW+L54`j
zD~EQL<kHdv8!x-qi5aXe>8Eta^Pos8Am@<78}j&G7r-0R$o8QvfDutz9<=eRLv&js
zeXpeLKt_}Y`VpXNS6f}L?soT!4v`YtA>aY&ZHJbtY*hiWDogq;0Bn#{Z&+Rk=ZqIN
z+opIm$6YZ!LWj`&DG*$$ye>92+ZqG8OC?>;26$fD3p+#5Xkfz}+jg%$b=A`M2Q&*!
zTY#3ubX$fkaKN~f4vGIrI@l6(fnqwrSFYl_o!$imf49~2s=BMDmpj8S$#*G)6#)H;
zYP&HpnIDa+kW@j^$rQ}wIDG<iaP>P+7fl2z+je>NyQ?M-1LLGudxoH)0Gs4{4p<n!
ztD5lw8NW*^(E;m^itG-wa!43{QFF<SuMh0YHCiq7s)8%)6Z(tRp)57np{R-QP*GXC
zQBzWxE?CpcXb(Vlhwu4Wv*GL=z^q<C_LV%Z%7<28jTjJ$MjF9|iW>`CELV9&(y^Y{
zUshBPW0FHBny41+JOcbM8DN#X_N@u&)uTb0hIH0o-9g1pB3Q}tLX4C*7<<xDeTKPH
ziu_M11G&*}!wbG_c)p?Ww`WQVsop-A<ezxWY0TS^(q@A$M-<(F5kA?Y8{v4jqEju0
zqz5}nm4Om3!bGLQ#utq1-qjCj$`A1M3Lc7b$l*EZXiI~k@$%K;{|*gse9Wh<m_2-|
zO14xB_+vAq8JpiUj(B%}NIS+suRXBGp#^N0KD975M%wqP?Nc0kUDo*=%RP$g!WyX&
zQ2lY(pbpTWF3?8a-xku`_0al0XzI`hGQW`T5erZHr6^08H4eisDs~`d@>NZN6!}^J
zzcqqpY5}jm1ALti(d#lo*wqer3xegPd6%VzK=U|VO11D@gzS%F-&|CB3F~_*n+t<g
z5}@)17?}sW`!?`nKIrpbLYTJ}7y^8(lcZhN&j7DW6|yY6;<J2#HS=ysv#@q8s&9aA
z^_x*K2R0r8?tTXNJ3kbc<L;AIKqm00&cNd;761ZErFj7hvn(4eiT_BtH(<M6*8!&J
zdt)W=!F*uRqmUGxFPh-4W-9izF_nPb8V=C@sI=V{JR>PD*Jx2u(oF2%C}NOtO{0L$
z6@kSc04KkKr<A{UyPH15f&Jxy_IbMu#zaeXE%c3$mIAa`Ar*NLd-FWa14xd%kO6Gm
z1;OKEAvbb8?8>Jj8Lr;0?^M^H2|N(F-ryC<H!EncUz!1A{w<yAi+$ZG<+V4S)h>Wt
z^<bDk35Lg|v+im>>3^=CobA+4{ekRK)h*PMG=H7(qVziOv3zrKvFH3LJ%D*Yj{w<M
zzJ?iJ0N*W#SC!v)y6U~(DNyP?fG72cg&%y<>0UtVC_M?^>fc9j%=uGVmT5H7u^iy(
z%NYbpz7H(f4F~cqvMar^9kQ<GIIy*X!Tuv{EW8vY6@3o)LnBB`DBB0e7Jo^3y#Uge
z>wSPqHDI**K~DVlj8OjX;P!bATpQ;!z}L&@74=7kg(jCI?aijXy6|p7Dvm=+OaA|1
zZc%(IV3Zoe?qa}`>dX8Ba5?Fb$cG%J&vW8bHG`e{#756sCH<Y7{tm$tY1jjA$4D{X
zV5VNxHh_Ol2WTJjK2W7Bqg4>!3!JR!Fz9No(<>4EjKp%9Vk7uktaN(-hSb8Ix?fVc
zF_>!(sQ4P-3B3R_BRfKe=&e*L5SNl(kLhmX#IsIoF8-GeFeXyl0v4DYEj<H$(`_&3
zNxr=;F#|Q^`x;nRx<m#ouPgv&sP_{pn6pwMZ+ED5D&WBTnqu&#^l^rbN29bH$8|L%
zEgyw_o3sPqLv4be)C5{ws<^IL0V$HYM3Zc-;~sI!y~+QT!A$9&b~e88$2&ATDII?~
zh<%n+JqS$jtq9Vw=xxAuZJDQnx@bU|@+~ZUbU59CZ*(!u;2ob5#@KlApl#G8`D?bo
zai+9C3rM{fH4uK)cu0#?Wfk1F-qK!Mhxpf=n5SdC48Dn%|DLrLvMm$ibn_q_vvx~&
ztO0UYY6gt)RfNQnD$xEi((@MHKc3>W=Ac&hF<AefRAz$3nie0sC5U6oGt$-|kg-T-
zGsroiCIl<1;KvQH<dnSAiT3A}_n1N8l`B%U4i34+&h^K+e@R_#2oTt%vTb0S{vx<r
zH)28;gD)c*I?=JDBHj;Rc3dp|`<(5A8f$TWEmjLV00idh-~RBWU!ybT>Bc<K*<fy7
zZzo#*DJ|_}z)N}3y+I=l=cKAi*o>LJOEFEMb$K1=R#7)<xo2)qfyC11lbuN4;nS68
zEj&~~+G4mIUg~nKT+H0c@;?Q^B~o0hZsc>FVT}LJEGKAuleDCpL2hN0a}|8&^7d9(
z+ufqbO~5wY_@%nROjQrMAo+8jVz(v%q*qfj7wNNWCu1L6Mv<F<2UQp*3?lQoJ`K8n
z(TAmDuVnyP`(JY5_RSa-c?_5oRVb)vLt2;6Z<%h$s24At9tR{%^dRL9>EbA0besyy
zy-A(VYtcG4(D_%tw6G&yK7C9&y&h;1ufns`h<2xR=pk3I;ktC>%h0;sDXGR<;E^IK
zO#PoUDxwSH-4WbUM6qch<a`h(B|Hi6y<df_Pm=GR99NKbUWZ*}yiiuE_H8b(c9#n2
z)1%yxc)R*L1vj3Tj%>mld|rjNZ(fQk(&xSH@bE#M{<(1mK=NIF73NnyNOVJb6HEV!
z$F}#xn)&8274{cvCAzRb`u}gUus=~!;qdZ|HX%3%9=%23vgo~?JxG4#l)`EB=iS|9
zOsZZ);WqlNR!&Lp9#vRg^|fu|YK7~f&4J8M6vpp|%tZ?4i{WmC^)rn2g|`aKS9m{}
M5*6l(exMs40CSv^AOHXW

literal 0
HcmV?d00001

diff --git a/themes/wikidarity/assets/css/main.css b/themes/wikidarity/assets/css/main.css
index bf5463c..fd52815 100644
--- a/themes/wikidarity/assets/css/main.css
+++ b/themes/wikidarity/assets/css/main.css
@@ -1,13 +1,18 @@
+/* TODO: Implement a dark mode */
+/* :root {
+  color-scheme: light dark;
+
+} */
+
 body {
-  color: #222;
+  color: oklch(0.145 0 0);
   line-height: 1.5;
   font-family: "RecVar", Helvetica, Arial, sans-serif;
   max-width: 64rem;
   margin: 0 auto;
   padding: 2rem;
-  background-color: hsl(0, 0%, 90%);
+  background-color: oklch(0.97 0 0);
   transition: background-color 0.2s ease;
-
 }
 
 h1 {
@@ -54,11 +59,6 @@ a {
 a:hover {
   text-decoration-color: #00e;
 }
-a:focus {
-  text-decoration-color: #00e;
-  outline: 2px solid #00e;
-  outline-offset: 2px;
-}
 a:focus-visible {
   text-decoration-color: #00e;
   outline: 2px solid #00e;
@@ -83,10 +83,10 @@ a:visited:focus-visible {
 /* TODO: Read this: https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible*/
 
 blockquote {
-  border-left: 2px #222 solid;
+  border-left: 2px oklch(0.145 0 0) solid;
   margin: 0;
   padding: 0.5rem 0 0.5rem 1rem;
-  background-color: rgba(0, 0, 0, 0.02);
+  background-color: oklch(0.145 0 0);
   border-radius: 3px;
 }
 
@@ -95,26 +95,30 @@ code {
   background-color: #f3f3f3;
   padding: 0.1em 0.3em;
   border-radius: 3px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 1px 2px oklch(0.145 0 0);
 }
 
 header {
-  border-bottom: 1px solid #222;
+  border-bottom: 1px solid oklch(0.145 0 0);
   margin-bottom: 2rem;
   padding-bottom: 0.5rem;
   display: flex;
   justify-content: space-between;
-  align-items: center;
+  align-items: end;
+}
+
+.header-left {
+  justify-content: start;
 }
 
 .header-right {
-  margin-left: auto;
+  justify-content: end;
 }
 
 footer {
-  border-top: 1px solid #222;
+  border-top: 1px solid oklch(0.145 0 0);
   margin-top: 2rem;
-  padding-top: 0.5rem;
+  padding-top: 1rem;
 }
 
 /* Media queries for responsiveness */
diff --git a/themes/wikidarity/layouts/partials/footer.html b/themes/wikidarity/layouts/partials/footer.html
index a7cd916..5834327 100644
--- a/themes/wikidarity/layouts/partials/footer.html
+++ b/themes/wikidarity/layouts/partials/footer.html
@@ -1 +1,2 @@
-<p>Copyright {{ now.Year }}. All rights reserved.</p>
+<img src="/wc_logo_-_black_no-bg.webp" alt="Wiki Cafe Logo" class="footer-logo-img" width="128" height="128">
+<p>Copyright {{ now.Year }}. All rights reserved.</p>
\ No newline at end of file
diff --git a/themes/wikidarity/layouts/partials/header.html b/themes/wikidarity/layouts/partials/header.html
index c83559f..c116149 100644
--- a/themes/wikidarity/layouts/partials/header.html
+++ b/themes/wikidarity/layouts/partials/header.html
@@ -1,5 +1,7 @@
-<h1>{{ site.Title }}</h1>
+<div class="header-left">
+    <h1><a href="{{ .Site.BaseURL }}">{{ site.Title }}</a></h1>
+</div>
 <div class="header-right">
-    <a href="/signin">Sign in</a>
+    <a href="https://console.wiki.cafe">Sign in</a>
 </div>
 <!-- {{ partial "menu.html" (dict "menuID" "main" "page" .) }} -->