~tenacity/tenacity-dev

tenacityaudio.org: Add wiki place holder and some Sosasees styles v1 PROPOSED

NotAProton: 1
 Add wiki place holder and some Sosasees styles

 14 files changed, 619 insertions(+), 0 deletions(-)
#579380 .build.yml failed
Export patchset (mbox)
How do I use this?

Copy & paste the following snippet into your terminal to import this patchset into git:

curl -s https://lists.sr.ht/~tenacity/tenacity-dev/patches/24908/mbox | git am -3
Learn more about email & git

[PATCH tenacityaudio.org] Add wiki place holder and some Sosasees styles Export this patch

The wiki placeholder page is needed so that Audacity links in the installer and application can be changed.
This won't be conflicting with the upcoming redesign as I have used the same styles and images as the redesign.

Signed-off-by: NotAProton <notaproton8@gmail.com>
---
 images/logo/ATTRIBUTION.txt       |   7 ++
 images/logo/favicon.svg           |  47 +++++++++++++
 images/logo/header-logo/dark.png  | Bin 0 -> 5956 bytes
 images/logo/header-logo/dark.svg  | 105 ++++++++++++++++++++++++++++++
 images/logo/header-logo/light.png | Bin 0 -> 6171 bytes
 images/logo/header-logo/light.svg | 104 +++++++++++++++++++++++++++++
 styles/button.css                 |  42 ++++++++++++
 styles/buttons-layout.css         |  84 ++++++++++++++++++++++++
 styles/color-palette.css          |  23 +++++++
 styles/footer.css                 |  22 +++++++
 styles/main.css                   |  87 +++++++++++++++++++++++++
 wiki/LICENSE                      |  21 ++++++
 wiki/index.html                   |  63 ++++++++++++++++++
 wiki/key.svg                      |  14 ++++
 14 files changed, 619 insertions(+)
 create mode 100644 images/logo/ATTRIBUTION.txt
 create mode 100644 images/logo/favicon.svg
 create mode 100644 images/logo/header-logo/dark.png
 create mode 100644 images/logo/header-logo/dark.svg
 create mode 100644 images/logo/header-logo/light.png
 create mode 100644 images/logo/header-logo/light.svg
 create mode 100644 styles/button.css
 create mode 100644 styles/buttons-layout.css
 create mode 100644 styles/color-palette.css
 create mode 100644 styles/footer.css
 create mode 100644 styles/main.css
 create mode 100644 wiki/LICENSE
 create mode 100644 wiki/index.html
 create mode 100644 wiki/key.svg

diff --git a/images/logo/ATTRIBUTION.txt b/images/logo/ATTRIBUTION.txt
new file mode 100644
index 0000000..004c2f2
--- /dev/null
+++ b/images/logo/ATTRIBUTION.txt
@@ -0,0 +1,7 @@
The image files 'favicon.svg' and 'header-logo.svg'
are modified versions of the original Tenacity logo which can be found here:
https://github.com/tenacityteam/assets/tree/master/originals

The original images, and as such these modified versions,
are licensed under CC-BY 4.0:
https://creativecommons.org/licenses/by/4.0/
diff --git a/images/logo/favicon.svg b/images/logo/favicon.svg
new file mode 100644
index 0000000..30066de
--- /dev/null
+++ b/images/logo/favicon.svg
@@ -0,0 +1,47 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="32" height="32" version="1.1" viewBox="0 0 16.912 16.912" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xlink="http://www.w3.org/1999/xlink">
<metadata>
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
<cc:license rdf:resource="http://creativecommons.org/licenses/by/4.0/"/>
</cc:Work>
<cc:License rdf:about="http://creativecommons.org/licenses/by/4.0/">
<cc:permits rdf:resource="http://creativecommons.org/ns#Reproduction"/>
<cc:permits rdf:resource="http://creativecommons.org/ns#Distribution"/>
<cc:requires rdf:resource="http://creativecommons.org/ns#Notice"/>
<cc:requires rdf:resource="http://creativecommons.org/ns#Attribution"/>
<cc:permits rdf:resource="http://creativecommons.org/ns#DerivativeWorks"/>
</cc:License>
</rdf:RDF>
</metadata>
<style type="text/css">
  @media(prefers-color-scheme: light) {
    #background { opacity: 0; }
    #wave { opacity: 1; }
  }
  @media(prefers-color-scheme: dark) {
    #wave { opacity: 0; }
    #background { opacity: 1; }
  }
</style>
<defs>
  <linearGradient id="a">
    <stop stop-color="#e93c17" offset="0"/>
    <stop stop-color="#ca153e" offset="1"/>
  </linearGradient>
  <linearGradient id="d" x1="16.912" x2="-2.5642e-7" y1=".000491" y2="16.912" gradientUnits="userSpaceOnUse" xlink:href="#a"/>
  <linearGradient id="c" x1="16.912" x2=".5285" y2="16.912" gradientUnits="userSpaceOnUse" xlink:href="#a"/>
  <linearGradient id="b" x1="32" x2="-4.8519e-7" y1=".00092904" y2="32.001" gradientTransform="matrix(.5285 0 0 .5285 -.069828 0)" gradientUnits="userSpaceOnUse" xlink:href="#a"/>
</defs>
<g>
  <path id="background" d="m2.114 1.057c-0.59471 0-1.057 0.46229-1.057 1.057v5.285h3.171v-3.171h2.114v2.114h2.114v-4.228h2.114v3.171h2.114v2.114h3.171v-5.285c0-0.59471-0.46229-1.057-1.057-1.057zm-1.057 8.456v5.285c0 0.59471 0.46229 1.057 1.057 1.057h12.684c0.59471 0 1.057-0.46229 1.057-1.057v-5.285h-3.171v2.114h-2.114v3.171h-2.114v-4.228h-2.114v2.114h-2.114v-3.171z"
    fill="url(#c)" stroke-width=".045714" style="paint-order:markers fill stroke"/>
  <path id="wave" d="m1.057 7.3995 9e-7 2.1135 3.171 4.91e-4v3.171h2.114v-2.1145h2.114v4.2285l2.114-4.92e-4v-3.1705h2.114v-2.1145l3.171 4.91e-4v-2.114h-3.171v-2.114h-2.114v-3.1715l-2.114 4.905e-4v4.228h-2.114v-2.114h-2.114l7e-7 3.1705z"
    fill="url(#d)"/>
  <!--outline--><path d="m2.114 0c-1.162 0-2.114 0.95201-2.114 2.114v12.684c0 1.162 0.952 2.114 2.114 2.114h12.684c1.162 0 2.114-0.95201 2.114-2.114v-12.684c0-1.162-0.95201-2.114-2.114-2.114zm0 1.057h12.684c0.59471 0 1.057 0.46229 1.057 1.057v12.684c0 0.59471-0.46229 1.057-1.057 1.057h-12.684c-0.59471 0-1.057-0.46229-1.057-1.057v-12.684c0-0.59471 0.46229-1.057 1.057-1.057z"
    color="#000000" fill="url(#b)" style="paint-order:markers fill stroke"/>
</g>
</svg>
diff --git a/images/logo/header-logo/dark.png b/images/logo/header-logo/dark.png
new file mode 100644
index 0000000000000000000000000000000000000000..06edaf95126d96fdf7347bbdb7c30f5adec8569d
GIT binary patch
literal 5956
zcmV-K7rW?*P)<h;3K|Lk000e1NJLTq007kh001)x1^@s609{QS00004b3#c}2nYxW
zd<bNS00009a7bBm001mY001mY0i`{bsQ>@~8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H107P^}Sad^gaCvfRXJ~W)Lqi}zbaZlQVs&(BZ*CxHbaZe!FE3+q
zWnpw_c4cF4ZEbIEb1rXkXD@7NV`Xl0WpgiLc`r0BFfVBk*IfVr7I8^LK~#90?VWjW
z9mSo;zu%sbWZA^AAz)dyEFY33`N^kzU}Nuw1hNT)EXPtL3#o)7kZcliupw31oV%OU
zrV=)rW1+zIW=VDl>l6gDNySSgV1ln0%ZFr1)?w?gEMMRRjIa0J^l$%|H`mj=_vY#F
zLA_6v;Z0BXuX}p>*T=7a(;`x|#A3xoBKIiDod9A2c?Sp(03fh`ixU7qK>F`Ny!&pL
z`x_AZe-t};N*)1m!h-k3%ZdULZve7SL4I-Y+>tel8<9YP0v90!fPFPJ<)pcu)C)lh
zorWEv92Zit0Du&LXf{>irYm20?eK`#NPz;wM76|X#h|&Kz(R-uL@44kWdZ_7;5VHB
z0E9>&9=-d6)237saO9`t2|y<-c%NQY&V3;um}}{x-|lEY(J0hOfda!qnF-uS;X<$R
zUK)xeg1YjO$#;)vZ4@Xl0w|%n3qV@qy)+byzyl*!6$J{63<`od;f?o_P^>z+9ma^&
zMu7q&fC=C-0YIT`3=l#b1A!<2ngYjoK|lmTfbMUC;us<b5drDO<LShhaj}+`czVXY
zi)O?@LLk1p0U-ehDHKqUxoiX|#?kgkV}PTl&R2yMD3A-4dsG<Sh?SX<8?g!$xR@{j
zIK6(BQDGP(Rt9V-cG_W$SOwlz^e&wFI{_*HKmnj3AFbHYz5N0gD=$nD+Iv5vq*xho
zvK*#j6?l7*Qm7fuM8>kD^g@>@UrZonNgE}_%FN)jLs6`#yjr&6VL}nmfCA!5R<G#a
zdSZz6R$#Qr@p^lgOp7UtH$b`Z4^=ewK6PHomIKrIF?x!X0Rg}fP^^d$>N~Ux4+t<;
zj9&pLDAlEkg@r<X+rAKx*aG0<P^#3@$F>DTP^{VeT8i!NK1gS*HW8{=84x&%H%!Hf
zOu?%0_Jzn{6+5q(wl+mqtjvUuSedZLG0JciD}QYH=Z2KFz^Eg<n@p{v1YlA(UEmVs
zjp;7<qbgQbLX;yDw)kNyR)Mz{(|7OR5;d;fE|GniaRG2m>X8*I!#L~4PgkrA%-quz
z>I~bnaArI&#VSzXBEuBW-fE4gSQ!xsHD2UTej`>slAZBzq`I~p4Gl%=s9HhA=_2wj
z1(XVL)Bw8Q(&pwB{aeorHxB{WI(^<!m}WI#O$87Ka7>xpRJU(;PrmY6VzJ_)IOd3n
zS_sO87zgOH08SWU?0;ii$@ayKji-lG=FY0B@f>TcFhrLLaV5YaP)-WaO=ULE+||}Q
z9Qol~Ji`_D&RA%Hu3v-Wu?PAb7u@fwD5&XZE(-IN=%|e)L5=k9vEnd7-IOxXvtU*n
z&VWd#svJES{5@9jxw8|?n!??bUY)e^c>pU@X(pzUq!P=ULRiX;9niJ@MFU&sXDZ{)
zY0KsqTK++R8$pbB(mT5db{=wC$mf%m^^J!9on4t^wM=jLx)2X~WzavXKd}3Y0;twm
z3qK8!&j6@$>%`6i1O=3B5I$VDe|Od?Q~T`sQ!FNLH$>eC>SX}Ox;F=HqU(eZ8x-)}
z>bACR+2r~WfSs}0Ta}W}D$&b?G(ExI`yv2}^a`<_TCJYZ+_BFur+4AZ?E+T1&nmpN
za`*nt0MNgzYO0m68dGwM0U76HK_UstN$<J5HcddF`N)(Vz27^ubn3$Zzex9nbeI3J
ze??fE&c@+u%DzOwL#aZ7WY1Nbjw~l2rt{3gXd_mp%xCXwF~h?1C10yx4lV;QF~hy_
zS^Bn<VSz8<-R6X;XTDF3PYco=c~cfBcaG1o6!~zGQnxi#F8=#@y*qvqCR2b?h)i^p
zM!>PVrZ1SV*HBL@(bxMU+Fyi<mj!q=lzyqDdj2P4oqK*7CcnA5zD`r`QKFPr&R_wA
z{!mp!=$iz%siUs$k?OX#uMn`ptI4J-7OUE?lD|-p1puI#KJgD)=Y*^T<UyhS0Dw7Z
z#d#-u?@ZHj+m%XcWu?7Or!E9AA>r>jRdr(kfR=t*8^$-`y}yYEmsG66s|Wv(?HSYL
zsiT7X1)S&$`+=hy%B@au`&u~ub>i#9WN34_yb-7G6u|BC;r({|pFGMV?tg~Po=Nk@
zO_*}#IRFm=Fv6xA-uN82Sp?vRP1BZqJxuPPy$OvXlUzrU>$6R1+{v}jAn<tGtOYB=
z;+Y0b3RKuVo2>QtP*+{ukF!PCADg|BOl*c=K~9-b`ay4g6d_J_Ibn`$<&6V<1UC5P
zm`dLpL88mC<&&=$aGI~A3B$CWbgoT%0PuR*TqD+~ldn}Un<(;I3i4P=?*G6Z-)xD3
z&jWHe@O}iT{)>aw6k?8h4A3_OL)izB$At2tX{tVzFcKExQ!K^z8^SLDnB+yp*ITA9
z*&ge8bwlP76Cgf9NC^bc#G8s(4dMT3ivy}isHp3-@Bs+k>!uPYD0vj{H|$XHT?E%_
z=vNb(En2JBIaU(I@kA*MqfTkwAjI7ejQ9Fiexfs0v!S}B{rPlp2kPo7h58u*FZZ`}
zLV5wNhLRT(<e}2!nKPC-ZoIbQbp)3KxD`Nc*0P3j_BADAJ^}!mdKG}b^X^Fpfo}w&
zI~_9s!;m(&d?HV1@<y-q@aF!dQ?8i0{m|=CN}(zD`ITM-zrJeY@gvT)33$%0_1!x!
z__s-!tb%@e7tQ!H$g#P0s+Jyk<z?shj!7$@_788CsWvP-w5cOXnRZTD_ECYPKIXKg
zC~)lwbIfP2?b&!XE&2%n%`H=xuhlB~yg-&arc(_((GrVQg|0DE^B6)(0D$0jk@(HA
z1AC9A#cT!eOl#GGA3*R~_uUHW+h#3Tk-okvA|*-rwGiK}-PgP|!z2C)zyN^XH`mwy
zTS*en0r1w8VtfTaK&b>^mm$9(czN1$JgVM`e|bhvPkO!l2|zFGQQ{j1=2rg&D0gHi
zPblS$1E&Ez0|32?W|RijnVPRv?Cg0aik!)>_P=mw>C_&8)9sm$j8WuW0DhP&?eSHW
zlatBB4gT#MrPLaK9OX`_E-B+QmA@B?%n+V&9d0*B_02%;#JYL?+wKohD3@6O))R?%
z@)iNy9t?sh`ef;#hLm0`0eUSfal_p1K?>!?DM@@;h@L<l5FbpBSJl?Ex3<0c=DN%Z
z6=3e(y$7}En?U;4l??}Cv4G*Gv%c;I089K~ggjogxBYV=3N?tC&7FUk+0^yvC}qk;
zzOR*lCb>E-@ZKn9;Y2e2aroT(0CZoqY2ZbF9M>1_VlqkQMwH)<7b!*XcjSkyn$mX*
zL}u7m1i({qLw`O>?u(A>I!?j&(@Jt@u5?uR%DlejKV^#(YiWr?@N_^jq#>8=DAcyM
z4~U5EM<@1XplBUfvnj2=5J)6EP<+|xFO5Y0k=9ki<a9joBq`@yTd<(!;L?hfIf|tS
z-V+F<tYzBLSb4^Y5iId&BT$}kd2}JvO=)?rU)uBPkqprX5igQwQt9mf5m&Fn?HQ-p
z0-iiOK}DLzC^GP!5rOGZ%asdi?(ko0z*X3NH8t-5cug>Y{CmaL{*l<1J1<o4I&xeK
zpY@03GFTj5KKXh9JOc$KPLU_m<Cy{D#3h12siAEy2Ti-tGLuyS-Bs9_Px8eF8vB|m
z7rzd{751`;@2Hv4U4?G656%k^g~r8=jgbxtO=t|5_NG-Txx6z<x|W%-X{M>_wbC;c
za2deyfDV`l1(+R3L|*0mG>W)fgr;Xe0x0HlQSu&nhVV{PSemO%B_Hv&LwHO7(kTyR
zF<9J(RBkCF+5eVpIdUvLl8Fe;uNNHx<yZwXE;=%&jXc0@yL{Pr0Mq?xDDvLj<;!LT
zS|FtafV-jU-g1oyV)|daw(u?>s8miC6huED)Zi&-Z>NUz%8<_fnGNqeR}_DcA|F;@
z4Jc57UWw35uNrr5M3NKSm>M;~4o!~EYH8_<T<%d|C~8%?qi^%T(u!sQ=B8wfQHpm0
z_)&V?<EttsCz6SP^;amX)8hf|rymrEps8}P<#|@v*|;arro!qE>>5=IVOM=k!rcw`
z?a2F2!WF<Xx933~`UC(dDdy#_8<$s-I|8TaI)Z%x+P6dE-)VC&DHD(Z0+A1~kwiko
zP^4#y3Vpn`s`>9rsQ7;<L76wKr8dz0IcI5_BHkCc0t797;K-j8?7pllJ_Y%{&=54Z
znj$}Pt3`0H06$J&Gh0dPW5L2mSJ~zx8^dHOu`Pe}UcY~h<vYa14I6EI<?t<7Gar98
z1o;uMRC?nXCMoq2rk||q+w&O8JUmN^j@fgs1Lao$%LXMQG=KpCb_rys0Ny{!{)}?n
zQ7iQhMBdE1%o#bq3z4^qPCvz<2Tg6d!9oC~MFIv2MXb%#0`1S~?J1x;VtE_Dus2%W
zLtIAxaZ~FKcS@S=__MUGcI3-qsW^;a79=-`$l28T$8i@L^c2AmU)>R~G>>P@bdZZh
zjxxeuhG1EDlsAmkNIXuU#24``Kpv&2^(V&_@65D*>!_{26|mNYXDX-tvjib8@HrAg
zZ=1E7Upskt>C~qLe87>BGFZIg#5uO2{5oh<db!CtZOG3v$uynHj;>hYw9cAug*oBY
zb~feb6PVgujjmXefP7b05$m60jMtG!dT9t~T3=k$zkNs6ghOPcdx*=%#&3bJ(hHGO
zrlD3=wKea}l~yY~L1_g?%l(sa0w;nKM;X}>{X9d>Ct&zaJ5DoLXyJXSm;eMqtS^7%
zNXCvau-_AHDj1GE3-B#7hV0VhUxnnJ3g$~*N#1q(HGuKJxTB3ZnG;+XGTA|e_&^|l
zc)Y5uDW^i&QT@s|NN|5Jf6nNvsu~|fZeB!rStHOBmF+mVmypdqkz=U%w*YW#$@DT2
z-007XB5Oj#xTy37noF@VBDSdWu2|9WRX<^fmBq=_W^rR<0+fI!0x5r$Po~is=88L{
zaoOJBzH4nn{*(h+R%ViGS=J`+incYj#CUgP**VF*u2N)hqRebg!?_XR>cBe?+kBoh
zlOKoAKtV`H+14XjJ=#@R&!1hfG8Bq-hncQenP{)6Pqx?8C);ad$qwgVU0pK&lW-#w
zu&U`~R3ij`AGj3UytCq(^1N~$WxQ$_w2}+#TPf<C?n4035{p%VT$Sm5O-IKe00F;A
z^8Eg>2%!$VPXVqNj=a++N}eU*pVHO#Evfhm5xF}ppNs|y2lpGB$cmL2J7rYG3O&X-
z|0AaJz;*i(00xXnS>n2A(^w1OteX%hRoZ$)hCQ_SkkFqIDE6frJS`BxpM%$oMUiS+
z_^$W4NcaFi$NS&SpYQ94)!r6Gem0`ktChqX!Se9R;pAK0)pbq-Px`|QC657^?&Trp
z5a)m8lBN6&cvy<1eR>o@u{3?{U|5P36}I@V1p2xtsTTLXa+t&u{znnuj@?t1|LaS5
zcVr{XAEzw6qN%dstIgAv+!eXV!$b+1gViJt<XZdetBHLLz+dN*eaa~QDFgv;0)u#>
zD^_!Dl(MzNV#NpMRedOPjO@B)X`|J>u-nIkzJ(QwqvV|l1IB7FV1KO&l!N?LdE>xq
zx#R>-s7<r3g;@nNY!D{^3A#MxK9<?uz8%d2I|I34BM5Itoa&Q1%B~p)!6r}+i>Pxj
zlBvfs&n_O=<gOcv<0W4`SA6b05Y+nwes1E_GplyWvVSp>XMQ{XXw#rg+Z~k+lMOLe
zD#&dFZiH~GhCGzHki*=zkn~Hg2k?M*gVU2n>4wfZ^FLADx+l=dwAR&C8`}710Jnt*
z8dT5oo0?8_#cJ*qsPzC9M4*ZBiug@eeeD{E@uRAimaa50?3-UTCn@T0h;w&Ccp7P+
zlw^6F098%<kM%8@(JKBghn4wEU&D+wgx;@}9P^7PArF*o@9oYa5|g*}^c-4N@d6<4
z_ZPx(#S%+rHBdNsCiOfNE5zJhl<7mqj7Z8n2@LBb+^7`OdNL06Rlqq@0t&##Kzxi&
z9@;jB61oq*VLx_!<6DhWm)}a^%YaOFA3?B)z&c%An%q5gSt}r~gR}^lC_n`?uJWDz
zA;VUhEQGXs)OGE7p|yJ676Pt^IW?Cip?9~{%xxoZfFcHz%!Fo*PnLl4EQP7*oM&41
zQ`OSGp>s~{w?KZ&OUohvp8}Jg+CO)8FMvZLJVWXU-NGsndz~jxAfz+WgJgc@M*;lA
zcRd-9uK@&IpDVk*<G??`{+AUc`Uy?GKRuklzOwCyH-)7cBqK208_HBr(&DGWa<9QW
zk5~bQyvB;k{G(frr52rMy*#6*Z|L9JC5Bo8fzKM~KCcO29>8lMa-G;7-B;z6#gKI^
zFfAQa>6X@a0x}RtAs_{FAow7_4?uhhWlzh$DU5c6a&_yz?*RA|MUv_FL|7@{3J~uV
zs0JY-Is8VQe@xriy@n#c3`sv^$|?_S05Hgpk&rb}TbxR7pyy4od`jes7>Z)$!O~-!
zpS8#a0;}QMF^>8Y7aiO@@aKUse+l3o0E2s3pTGb_Qh=8rxVNOVWNluB9wu}5?>z`*
zUJc3%86&xMD@O%#Yi;}9Z|9RobxYeCQ|UzzJO}sbvsWoaI;nDfX`4d^peuIu+y&q+
z3SI&b^65!_ZG^vs1tMUKAb2)G_1{rtnBJ7jH{BcFR4{PnMMlKd&*A=2gnYUB$SbV?
z?gw!Ho=GdNI%l9<iMmW%7-P##f`*yV^n5KgCUFS=xemAgyt?AhB5ftFHNb^JOagEP
zi3Efv2{~*D_bG*)C8vvCu6=ED=m||mQr1Elzq2m@ZCL|h@xqWZiGvttyw7Pk3Odxu
zskVLB0Dv3XXD?VHVtoiegAkJ-h=VvvL7%3)Jm&1F-#B0G8u9oRU0m$#$x(%t-(mXR
z&NcwIx5Q%8N}0S~gewIo17#9~NdRvNu-_1Awv_qetmd}RO=v}Y+|s&KQf}L3GMV+*
zX99wq-Rl6XliOkR^-QZ2%?ToyK%X0a33(u!oB+aw{>CdJ&s1zX6#0)?a7WoSV(W@C
zu6X^n|NK6`m$>~fk~$kuQtOaG#tQ&~`tESA_O_~dXJF621Lq35B79+P&4ipQc-knQ
zFu!TAk)S|<p)k-;K21zxA0S@4rGC$pZ3COLBnx0da7Kty3S~4#ti3Z9+GobOipMyV
zoDz}ZeE!-<*oZ|za$ZwYqz%mi1)?B^`V0hyH?Uw&c^(P{*q?s1y5o(zmKn`8mJ~x{
zq5$D8P5G>`hz{mB=&?Y7sB|tYyAr_N{xE@lBwsm-f~Uk)iu0vda1~`(iluo`{E@E$
zmp%uVPc0o&RJ2;a)RqeYNO$>|fk@|t_%Tn8H6Oj~O!6K9V@!QcF<MhWM{}bdF`acP
z2-SYN$Ot`3xj=zj^fXl7Xc~G2g@yoAps@<RJxBo1<RjdOL0bj6AOLK+V)>L}(|AFE
zInHP7qiMWw!lM3B1XqL;rldn9cvE%P-u?MLaDf5<aBxZG_W=1E;EfCZjT%xmPyS>7
zb<F#-(UiC3ir2RuI$3HqfP7fMCJ5pe+f-0fEP$<=_}bYbV@W}w3XB#)>^>Dw-Z2z~
z0y6B3380#%t&Ft$ot-ywM~TSXzS=j5UlxoK1xAGaC6)gO$^$@Zbt5<h>Q(`sJ8Dh(
mS=3|V3KS?%pg@63kN*dIl;c2_EK<Ax0000<MNUMnLSTX_2{q3E

literal 0
HcmV?d00001

diff --git a/images/logo/header-logo/dark.svg b/images/logo/header-logo/dark.svg
new file mode 100644
index 0000000..5e97036
--- /dev/null
+++ b/images/logo/header-logo/dark.svg
@@ -0,0 +1,105 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   width="71"
   height="17"
   version="1.1"
   viewBox="0 0 107.92 25.84"
   id="svg28">
  <defs
     id="defs32">
    <linearGradient
       id="linearGradient870">
      <stop
         style="stop-color:#ca153e;stop-opacity:1"
         offset="0"
         id="stop866" />
      <stop
         style="stop-color:#e93c17;stop-opacity:0.97402596"
         offset="1"
         id="stop868" />
    </linearGradient>
    <linearGradient
       xlink:href="#linearGradient870"
       id="linearGradient872"
       x1="1.4486842e-07"
       y1="16.116116"
       x2="70.355469"
       y2="0.00195276"
       gradientUnits="userSpaceOnUse" />
    <linearGradient
       gradientTransform="scale(1.52)"
       gradientUnits="userSpaceOnUse"
       y2="0.00195276"
       x2="16.013672"
       y1="15.849537"
       x1="0.082176067"
       id="linearGradient866"
       xlink:href="#linearGradient870" />
    <linearGradient
       gradientTransform="scale(1.52)"
       y2="2.7148438"
       x2="70.355469"
       y1="16.17824"
       x1="18.489584"
       gradientUnits="userSpaceOnUse"
       id="linearGradient877"
       xlink:href="#linearGradient870" />
    <linearGradient
       y2="0"
       x2="16"
       y1="16"
       x1="0"
       gradientUnits="userSpaceOnUse"
       id="linearGradient854"
       xlink:href="#linearGradient870" />
  </defs>
  <metadata
     id="metadata2">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
        <cc:license
           rdf:resource="http://creativecommons.org/licenses/by/4.0/" />
      </cc:Work>
      <cc:License
         rdf:about="http://creativecommons.org/licenses/by/4.0/">
        <cc:permits
           rdf:resource="http://creativecommons.org/ns#Reproduction" />
        <cc:permits
           rdf:resource="http://creativecommons.org/ns#Distribution" />
        <cc:requires
           rdf:resource="http://creativecommons.org/ns#Notice" />
        <cc:requires
           rdf:resource="http://creativecommons.org/ns#Attribution" />
        <cc:permits
           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
      </cc:License>
    </rdf:RDF>
  </metadata>
  <g
     id="g859">
    <path
       style="opacity:1;fill:url(#linearGradient854);fill-opacity:1;stroke:none;stroke-width:0.5;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
       d="M 2.0019531,0.00195313 C 0.90167472,0.00195313 0,0.90356005 0,2.0039062 V 14.013672 c 0,0.461023 0.15899692,0.887074 0.42382812,1.226562 0.36724242,0.47081 0.93886318,0.775391 1.57812498,0.775391 H 14.011719 c 1.100277,0 2.001953,-0.901607 2.001953,-2.001953 V 2.0039062 c 0,-0.4428995 -0.146197,-0.8528586 -0.392578,-1.18554682 v -0.001953 c -0.002,-0.002651 -0.0034,-0.00517 -0.0059,-0.007813 -0.0065,-0.008705 -0.01272,-0.0170735 -0.01953,-0.0253906 -0.0046,-0.005645 -0.0091,-0.0119064 -0.01367,-0.0175781 -0.01362,-0.0174026 -0.0287,-0.0339832 -0.04297,-0.0507813 C 15.171015,0.27978089 14.622214,0.00195313 14.011719,0.00195313 Z M 10,2 v 3 h 2 V 7 L 15.013672,7.00781 15,9 h -3 v 2 H 10 L 10.0078,14.013672 8,14 V 10 H 6 L 6.00586,12.011719 4,12 V 9 H 1 V 7 H 4 L 4.0039062,4.0039062 6,4 V 6 L 8.0078125,6.00586 V 2.0039062 Z"
       transform="scale(1.52)"
       id="rect826" />
    <path
       id="path849"
       d="M 83.160626,4.1265626 V 6.72125 h 2.08703 V 4.1265626 Z m -53.77,1.2201561 V 8.633125 h -1.395313 v 1.665469 h 1.395313 v 6.189843 c 0,1.4588 0.279953,2.484051 0.866874,3.06375 0.58715,0.572651 1.623244,0.843126 3.102344,0.843126 h 2.048437 v -1.778282 h -2.048437 c -0.78102,0 -1.284462,-0.139262 -1.514063,-0.374062 -0.21725,-0.22987 -0.35625,-0.819822 -0.35625,-1.754532 v -6.189843 h 3.91875 V 8.633125 h -3.91875 V 5.3467187 h -0.09204 z m 59.09,0 V 8.633125 h -1.395313 v 1.665469 h 1.395313 v 6.189843 c 0,1.4588 0.279944,2.484051 0.866874,3.06375 0.58715,0.572651 1.623244,0.843126 3.102344,0.843126 h 2.045469 v -1.778282 h -2.045469 c -0.78103,0 -1.284462,-0.139262 -1.514063,-0.374062 h -0.003 c -0.217147,-0.22994 -0.356178,-0.819861 -0.356178,-1.754532 v -6.189843 h 3.91875 V 8.633125 h -3.91875 V 5.3467187 h -0.09204 z M 42.1325,8.3540626 c -1.754762,6.688e-4 -3.16897,0.5693602 -4.212656,1.7040624 -1.0375,1.1287 -1.552657,2.657506 -1.552657,4.568906 0,1.8509 0.54528,3.332906 1.63875,4.426406 v 0.003 c 1.100401,1.0934 2.594563,1.63875 4.459063,1.63875 0.743601,0 1.476944,-0.07864 2.199844,-0.231561 0.72243,-0.152821 1.42625,-0.37333 2.11375,-0.665 l 0.05937,-0.02376 v -2.015781 l -0.136557,0.07422 c -0.66936,0.35517 -1.346056,0.621384 -2.027656,0.798593 -0.67428,0.177088 -1.373138,0.26422 -2.095937,0.26422 -1.2436,0 -2.201662,-0.335011 -2.891563,-0.9975 -0.66262,-0.65021 -1.034694,-1.600926 -1.131094,-2.838125 h 8.725157 v -1.02125 c 0,-1.7388 -0.461995,-3.125775 -1.389376,-4.1443754 C 44.971303,8.8699378 43.71082,8.3546934 42.135467,8.3540196 Z m 12.486563,0 c -0.819341,0 -1.547032,0.1756474 -2.182032,0.5284374 h -0.003 c -0.556665,0.31289 -1.037523,0.7892088 -1.463522,1.380469 V 8.633125 h -2.095938 v 11.762188 h 2.095938 v -6.635157 c 0,-1.1138 0.292104,-1.980568 0.866875,-2.615469 0.5747,-0.634839 1.350288,-0.949999 2.357187,-0.95 0.834721,0 1.4438,0.260052 1.8525,0.780782 0.40856,0.52059 0.620469,1.318218 0.620469,2.401718 v 7.018126 h 2.087031 v -7.080469 c 0,-1.6117 -0.34395,-2.844488 -1.045,-3.6871877 -0.7009,-0.8496101 -1.741468,-1.2735937 -3.090468,-1.2735937 z m 10.625156,0 c -0.626981,0 -1.269387,0.068803 -1.929688,0.2078124 C 62.654491,8.6939451 61.975,8.89722 61.275,9.1675 l -0.05937,0.02375 v 1.974219 l 0.136557,-0.07422 c 0.57212,-0.3133 1.167788,-0.547054 1.787187,-0.703594 0.619515,-0.15658 1.254807,-0.234531 1.908907,-0.234531 1.0261,0 1.809457,0.236155 2.360156,0.700625 0.557241,0.45774 0.834218,1.098838 0.834218,1.953438 v 0.095 h -2.573906 c -1.741199,0 -3.06488,0.333213 -3.963281,1.012343 -0.891469,0.67921 -1.338906,1.693451 -1.338906,3.01625 0,1.1355 0.360178,2.059894 1.074687,2.746093 0.721721,0.679265 1.692232,1.018282 2.894532,1.018282 0.94796,0 1.755731,-0.168696 2.419531,-0.507656 0.58726,-0.30612 1.073944,-0.784888 1.487343,-1.380469 v 1.588282 h 2.087032 v -6.6975 c 0,-1.778401 -0.416237,-3.12285 -1.264688,-4.0137504 -0.84843,-0.8907705 -2.130485,-1.3300002 -3.820779,-1.33 z m 12.314375,0 c -1.8237,0 -3.275475,0.5495549 -4.334375,1.6506244 -1.0521,1.101201 -1.576406,2.613638 -1.576406,4.518438 0,1.8774 0.519971,3.383056 1.564531,4.497656 1.0445,1.1146 2.458862,1.674375 4.221562,1.674375 0.646401,0 1.25685,-0.06456 1.82875,-0.19 0.57858,-0.125476 1.137575,-0.313122 1.674375,-0.564062 l 0.05344,-0.02376 v -1.974219 l -0.136557,0.07719 c -0.531299,0.29289 -1.066625,0.512521 -1.603124,0.662031 -0.52976,0.142622 -1.065963,0.21375 -1.609063,0.21375 -1.2139,0 -2.138601,-0.379291 -2.8025,-1.137031 -0.66411,-0.76473 -1.000469,-1.838338 -1.000469,-3.235938 0,-1.3976 0.336589,-2.466363 1.000469,-3.224063 0.66401,-0.76462 1.588799,-1.145937 2.8025,-1.145937 0.542729,0 1.079563,0.07332 1.609063,0.222656 0.53647,0.14261 1.071624,0.360145 1.603124,0.653125 l 0.136557,0.07719 V 9.1110843 l -0.05344,-0.02375 C 80.407191,8.8433532 79.860212,8.6596537 79.295313,8.5410937 v 0.00296 c -0.56485,-0.1255702 -1.144519,-0.19 -1.736719,-0.19 z m 5.602032,0.2790624 v 11.762188 h 2.08703 V 8.633125 Z m 12.240155,0 4.720309,11.483125 -0.326559,0.834219 c -0.34937,0.917959 -0.674814,1.498675 -0.935157,1.721875 -0.268429,0.23009 -0.651741,0.347343 -1.16078,0.347343 h -1.208281 v 1.778282 h 1.612031 c 0.86957,0 1.575344,-0.216675 2.104846,-0.653125 0.53588,-0.441741 1.05739,-1.349919 1.59718,-2.734218 l 5.13594,-12.777501 h -2.21468 l -3.5536,8.897344 -3.556561,-8.897344 z m -53.2475,1.52 c 0.916641,0 1.6372,0.298251 2.185,0.899531 0.53563,0.5808 0.809046,1.359338 0.840156,2.333438 l -6.555,0.01187 c 0.109607,-1.016796 0.448652,-1.810931 1.042032,-2.372031 0.62209,-0.58162 1.444512,-0.872813 2.487812,-0.872813 z m 24.290313,4.423438 h 1.799062 v 0.329531 c 0,1.2243 -0.313675,2.195288 -0.938125,2.927187 -0.617469,0.72485 -1.431662,1.083593 -2.464062,1.083593 -0.74797,0 -1.326431,-0.189532 -1.754532,-0.564061 -0.421739,-0.382201 -0.632343,-0.888661 -0.632343,-1.54375 0,-0.82591 0.278665,-1.384106 0.843125,-1.718907 0.562349,-0.33349 1.617375,-0.513594 3.146875,-0.513593 z"
       style="fill:url(#linearGradient877);fill-opacity:1;stroke-width:0.06579708;paint-order:markers fill stroke" />
  </g>
  <g
     id="g24"
     transform="translate(-13.229,-13.229)"
     style="fill:#ffffff" />
</svg>
diff --git a/images/logo/header-logo/light.png b/images/logo/header-logo/light.png
new file mode 100644
index 0000000000000000000000000000000000000000..12011fe1bd0b12ece3b364d91803b28125cbd8a6
GIT binary patch
literal 6171
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

literal 0
HcmV?d00001

diff --git a/images/logo/header-logo/light.svg b/images/logo/header-logo/light.svg
new file mode 100644
index 0000000..3d61154
--- /dev/null
+++ b/images/logo/header-logo/light.svg
@@ -0,0 +1,104 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:xlink="http://www.w3.org/1999/xlink"
   id="svg28"
   viewBox="0 0 107.92 25.84"
   version="1.1"
   height="17"
   width="71">
  <defs
     id="defs32">
    <linearGradient
       id="linearGradient870">
      <stop
         id="stop866"
         offset="0"
         style="stop-color:#ca153e;stop-opacity:1" />
      <stop
         id="stop868"
         offset="1"
         style="stop-color:#e93c17;stop-opacity:0.97402596" />
    </linearGradient>
    <linearGradient
       gradientUnits="userSpaceOnUse"
       y2="0.00195276"
       x2="70.355469"
       y1="16.116116"
       x1="1.4486842e-07"
       id="linearGradient872"
       xlink:href="#linearGradient870" />
    <linearGradient
       xlink:href="#linearGradient870"
       id="linearGradient866"
       x1="0.082176067"
       y1="15.849537"
       x2="16.013672"
       y2="0.00195276"
       gradientUnits="userSpaceOnUse" />
    <linearGradient
       xlink:href="#linearGradient870"
       id="linearGradient877"
       gradientUnits="userSpaceOnUse"
       x1="18.489584"
       y1="16.17824"
       x2="70.355469"
       y2="2.7148438" />
  </defs>
  <metadata
     id="metadata2">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
        <cc:license
           rdf:resource="http://creativecommons.org/licenses/by/4.0/" />
      </cc:Work>
      <cc:License
         rdf:about="http://creativecommons.org/licenses/by/4.0/">
        <cc:permits
           rdf:resource="http://creativecommons.org/ns#Reproduction" />
        <cc:permits
           rdf:resource="http://creativecommons.org/ns#Distribution" />
        <cc:requires
           rdf:resource="http://creativecommons.org/ns#Notice" />
        <cc:requires
           rdf:resource="http://creativecommons.org/ns#Attribution" />
        <cc:permits
           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
      </cc:License>
    </rdf:RDF>
  </metadata>
  <g
     id="g857">
    <g
       transform="translate(-13.229,39.574)"
       id="g26"
       style="fill:#ffffff">
      <g
         transform="matrix(1.0337,0,0,1.0337,-0.6338,-107.91)"
         id="g6">
        <path
           style="fill:url(#linearGradient866);fill-opacity:1;stroke-width:0.04328755;paint-order:markers fill stroke"
           d="M 2.0019531,0.00195313 C 0.90167468,0.00195313 0,0.90355995 0,2.0039062 V 14.013672 c 0,0.461023 0.15899691,0.887074 0.42382812,1.226562 0.36724238,0.47081 0.93886318,0.775391 1.57812498,0.775391 H 14.011719 c 1.100278,0 2.001953,-0.901607 2.001953,-2.001953 V 2.0039062 c 0,-0.4428996 -0.146197,-0.8528586 -0.392578,-1.18554682 v -0.001953 c -0.002,-0.002652 -0.0035,-0.005174 -0.0059,-0.007813 -0.0065,-0.008705 -0.01272,-0.0170734 -0.01953,-0.0253906 -0.0046,-0.005645 -0.0091,-0.0119064 -0.01367,-0.0175781 -0.01362,-0.0174029 -0.0287,-0.0339835 -0.04297,-0.0507813 -0.36807,-0.4350646 -0.916848,-0.71289062 -1.527343,-0.71289062 z m 0,0.99999997 H 14.011719 c 0.563135,0 1.001953,0.4388451 1.001953,1.0019531 V 7.0078125 H 12.009766 V 5.0058594 H 10.007812 V 2.0039062 H 8.0078125 V 6.0058594 H 6.0058594 V 4.0039062 H 4.0039062 V 7.0078125 H 1 V 2.0039062 C 1,1.440771 1.438845,1.0019531 2.0019531,1.0019531 Z M 1,9.0097656 h 3.0039062 v 3.0019534 h 2.0019532 v -2.001953 h 2.0019531 v 4.003906 h 1.9999995 v -3.001953 h 2.001954 V 9.0097656 h 3.003906 v 5.0039064 c 0,0.563135 -0.438845,1 -1.001953,1 H 2.0019531 C 1.4388178,15.013672 1,14.576773 1,14.013672 Z"
           transform="matrix(1.470446,0,0,1.470446,13.410854,66.108155)"
           id="path853" />
        <path
           style="fill:url(#linearGradient877);fill-opacity:1;stroke-width:0.04328755;paint-order:markers fill stroke"
           d="M 54.710938,2.7148438 V 4.421875 h 1.373046 V 2.7148438 Z m -35.375,0.8027343 v 2.1621094 h -0.917969 v 1.0957031 h 0.917969 v 4.0722654 c 0,0.959737 0.18418,1.634244 0.570312,2.015625 0.386283,0.376744 1.067924,0.554688 2.041016,0.554688 h 1.347656 v -1.169922 h -1.347656 c -0.513829,0 -0.845041,-0.09162 -0.996094,-0.246094 -0.142928,-0.15123 -0.234375,-0.539356 -0.234375,-1.154297 V 6.7753906 h 2.578125 V 5.6796875 H 20.716797 V 3.5175781 h -0.06055 z m 38.875,0 v 2.1621094 h -0.917969 v 1.0957031 h 0.917969 v 4.0722654 c 0,0.959737 0.184174,1.634244 0.570312,2.015625 0.386283,0.376744 1.067924,0.554688 2.041016,0.554688 h 1.345703 v -1.169922 h -1.345703 c -0.513836,0 -0.845041,-0.09162 -0.996094,-0.246094 h -0.002 c -0.14286,-0.151276 -0.234328,-0.539382 -0.234328,-1.154297 V 6.7753906 h 2.578125 V 5.6796875 H 59.589844 V 3.5175781 h -0.06055 z M 27.71875,5.4960938 c -1.154449,4.4e-4 -2.084849,0.3745791 -2.771484,1.1210937 -0.682566,0.7425658 -1.021485,1.7483594 -1.021485,3.0058594 0,1.2176971 0.358737,2.1927011 1.078125,2.9121091 v 0.002 c 0.723948,0.719342 1.706949,1.078125 2.933594,1.078125 0.489211,0 0.971674,-0.05174 1.447266,-0.152343 0.475283,-0.10054 0.938322,-0.245612 1.390625,-0.4375 l 0.03906,-0.01563 v -1.326172 l -0.08984,0.04883 c -0.440368,0.233664 -0.885563,0.408805 -1.333984,0.52539 -0.443605,0.116505 -0.90338,0.173829 -1.378906,0.173829 -0.818158,0 -1.448462,-0.220402 -1.902344,-0.65625 -0.435934,-0.42777 -0.68072,-1.053241 -0.744141,-1.8671879 h 5.740235 v -0.671875 c 0,-1.1439473 -0.303944,-2.0564309 -0.914063,-2.7265625 C 29.586385,5.8355137 28.75712,5.4965371 27.720703,5.4960938 Z m 8.214844,0 c -0.53904,0 -1.017784,0.1155575 -1.435547,0.3476562 h -0.002 C 34.12982,6.0495987 33.813466,6.3629663 33.533203,6.7519531 V 5.6796875 h -1.378906 v 7.7382815 h 1.378906 V 9.0527344 c 0,-0.7327632 0.192174,-1.3030055 0.570313,-1.7207032 0.378092,-0.4176578 0.888347,-0.6249996 1.550781,-0.625 0.549158,0 0.949868,0.1710864 1.21875,0.5136719 0.268789,0.3424934 0.408203,0.8672492 0.408203,1.5800781 v 4.6171878 h 1.373047 V 8.7597656 c 0,-1.0603289 -0.226283,-1.8713733 -0.6875,-2.4257812 -0.461119,-0.558954 -1.145703,-0.8378906 -2.033203,-0.8378906 z m 6.990234,0 c -0.412487,0 -0.835123,0.045265 -1.269531,0.1367187 C 41.22006,5.7197007 40.773026,5.8534342 40.3125,6.03125 l -0.03906,0.015625 v 1.2988281 l 0.08984,-0.048828 c 0.376395,-0.2061184 0.768282,-0.3599038 1.175781,-0.4628906 0.407576,-0.1030132 0.825531,-0.1542969 1.25586,-0.1542969 0.675066,0 1.190432,0.1553651 1.552734,0.4609375 0.366606,0.3011447 0.548828,0.7229194 0.548828,1.2851562 v 0.0625 h -1.693359 c -1.145526,0 -2.016369,0.2192196 -2.607422,0.6660157 -0.586493,0.4468487 -0.880859,1.114112 -0.880859,1.984375 0,0.747039 0.236959,1.355193 0.707031,1.80664 0.474816,0.446885 1.11331,0.669922 1.904297,0.669922 0.623658,0 1.155086,-0.110984 1.591797,-0.333984 0.386355,-0.201395 0.706542,-0.516374 0.978515,-0.908203 v 1.044922 H 46.26953 V 9.0117188 c 0,-1.1700003 -0.27384,-2.0545066 -0.832031,-2.640625 -0.558178,-0.5860332 -1.401635,-0.8750001 -2.513671,-0.875 z m 8.101563,0 c -1.199803,0 -2.154918,0.3615493 -2.851563,1.0859374 -0.692171,0.7244738 -1.037109,1.7194984 -1.037109,2.9726563 0,1.2351315 0.342086,2.2256945 1.029297,2.9589845 0.687171,0.733289 1.617672,1.101562 2.777343,1.101562 0.425264,0 0.826875,-0.04247 1.203125,-0.125 0.380645,-0.08255 0.748405,-0.206001 1.101563,-0.371093 l 0.03516,-0.01563 v -1.298828 l -0.08984,0.05078 c -0.349539,0.192691 -0.701727,0.337185 -1.054687,0.435547 -0.348526,0.09383 -0.701291,0.140625 -1.058594,0.140625 -0.798618,0 -1.406974,-0.249534 -1.84375,-0.748047 -0.436914,-0.503112 -0.658203,-1.209433 -0.658203,-2.1289065 0,-0.9194737 0.22144,-1.6226069 0.658203,-2.1210937 0.436849,-0.5030396 1.045263,-0.7539063 1.84375,-0.7539063 0.357059,0 0.710239,0.048234 1.058594,0.1464844 0.352941,0.093822 0.705016,0.2369375 1.054687,0.4296875 l 0.08984,0.050781 v -1.3125 l -0.03516,-0.015625 C 52.899468,5.8179955 52.539613,5.6971406 52.167969,5.6191406 v 0.00195 c -0.371612,-0.082612 -0.752973,-0.125 -1.142578,-0.125 z m 3.685547,0.1835937 v 7.7382815 h 1.373046 V 5.6796875 Z m 8.052734,0 3.105469,7.5546875 -0.214844,0.548828 c -0.229849,0.603921 -0.443957,0.985971 -0.615235,1.132813 -0.176598,0.151375 -0.428777,0.228515 -0.763671,0.228515 h -0.794922 v 1.169922 h 1.060547 c 0.572085,0 1.03641,-0.142549 1.384765,-0.429687 0.352553,-0.290619 0.69565,-0.888105 1.050781,-1.798828 L 70.355469,5.6796875 H 68.898438 L 66.560547,11.533203 64.220703,5.6796875 Z m -35.03125,1 c 0.603053,0 1.077105,0.1962179 1.4375,0.5917969 0.352388,0.3821052 0.532267,0.894301 0.552734,1.5351562 l -4.3125,0.00781 C 25.482266,8.1455058 25.705322,7.623049 26.095703,7.2539037 26.504973,6.871259 27.04604,6.679685 27.732422,6.679685 Z m 15.980469,2.9101563 h 1.183593 v 0.2167968 c 0,0.8054604 -0.206365,1.4442684 -0.617187,1.9257814 -0.40623,0.476875 -0.941883,0.71289 -1.621094,0.71289 -0.492085,0 -0.872652,-0.124692 -1.154297,-0.371093 -0.27746,-0.251448 -0.416015,-0.584645 -0.416015,-1.015625 0,-0.543362 0.183332,-0.910596 0.554687,-1.1308596 0.369967,-0.2194013 1.064063,-0.3378907 2.070313,-0.3378906 z"
           transform="matrix(1.470446,0,0,1.470446,13.410854,66.108155)"
           id="path849" />
      </g>
      <g
         transform="translate(0,-52.803)"
         id="g24" />
    </g>
  </g>
</svg>
diff --git a/styles/button.css b/styles/button.css
new file mode 100644
index 0000000..d2c339e
--- /dev/null
+++ b/styles/button.css
@@ -0,0 +1,42 @@
.button {
    --shadow-normal: 0 0 2px #00001040;
    --shadow-hover: 0 0 3px #00001080;
    --shadow-active: 0 0 4px #00001090;
    --transition-time: 0.1s
    display: inline;
}

a:link.button, a:visited.button {
    text-decoration: none;
    padding-top: 0.65rem;    
    padding-bottom: 0.6rem;
    padding-left: 1rem;    
    padding-right: 1rem;
    margin: 2px;
    /*line-height: var(--line-height);*/
    background-color: var(--color-primary);
    color: var(--color-on-primary);
    border-radius: var(--corner-radius);
}
a:link.button, a:visited.button {
    box-shadow: var(--shadow-normal);
    transition: var(--transition-time);
}
a:focus.button, a:hover.button {
    box-shadow: var(--shadow-hover);
    transition: var(--transition-time);
}
a:active.button {
    box-shadow: var(--shadow-active);
    transition: var(--transition-time);
}

a:link.header-button, a:visited.header-button {
    background-color: var(--color-on-primary);
    color: var(--color-primary);
}


a:link.emphasized-button, a:visited.emphasized-button {
    background-image: linear-gradient( to top right, var(--color-primary), var(--color-primary-gradient-end) );
}
diff --git a/styles/buttons-layout.css b/styles/buttons-layout.css
new file mode 100644
index 0000000..40c546a
--- /dev/null
+++ b/styles/buttons-layout.css
@@ -0,0 +1,84 @@
.top-buttons-bar {
    max-width: var(--page-width);
    display: grid;
    padding-left: var(--page-padding);
    padding-right: var(--page-padding);
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1rem;
}

.download-header-link .docs-header-link .community-header-link {
    width: 1rem;
}

@media (max-width: 39rem) {
    .download-header-link {
        grid-row: 1;
        grid-column: 1;
    }
    .docs-header-link {
        grid-row: 2;
        grid-column: 1;
    }
    .community-header-link {
        grid-row: 3;
        grid-column: 1;
    }
}
@media (min-width: 39rem) {
    .download-header-link {
        grid-row: 1;
        grid-column: 1 / 98;
    }
    .docs-header-link {
        grid-row: 1;
        grid-column: 98;
    }
    .community-header-link {
        grid-row: 1;
        grid-column: 99;
    }
}


.buttons-section {
    max-width: 26em;
    display: grid;
    text-align: center;
    padding-left: var(--page-padding);
    padding-right: var(--page-padding);
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: 1fr 1fr;
}

.docs-link .download-link {
    grid-column: 1 / 2;
}

.source-sourcehut-link {
    grid-row: 1;
    grid-column: 1;
}
.source-github-link {
    grid-row: 1;
    grid-column: 2;
}

.community-maillist-link {
    grid-row: 1;
    grid-column: 1 / 3;
}
.community-irc-link {
    grid-row: 3;
    grid-column: 1;
}
.community-irc-join-link {
    grid-row: 3;
    grid-column: 2;
}
.community-matrix-link {
    grid-row: 4;
    grid-column: 1 / 3;
}
diff --git a/styles/color-palette.css b/styles/color-palette.css
new file mode 100644
index 0000000..8661cf6
--- /dev/null
+++ b/styles/color-palette.css
@@ -0,0 +1,23 @@
/* Some of the colors are from Open Color:    */
/* https://yeun.github.io/open-color/    */
/* The Tenacity Brand Colors are not from Open color.    */

@media(prefers-color-scheme: light) { :root {
    --color-background: #fff4e6; /*Orange 0 from Open Color*/
    --color-on-background: #212529; /*Gray 9 from Open Color*/
    --color-on-background-link: #dd1547;
    --color-on-background-link-visited: #5c1c33;
    --color-primary: #ca153e;
    --color-primary-gradient-end: #e93c17;
    --color-on-primary: #f8f9fa; /*Gray 0 from Open Color*/
    --color-link: #c4163a;
}}
@media(prefers-color-scheme: dark) { :root {
    --color-background: #191e23; /*Darker than Gray 9 from Open Color*/
    --color-on-background: #ced4da; /*Gray 4 from Open Color*/
    --color-on-background-link: #ee4874;
    --color-on-background-link-visited: #f4b0bc;
    --color-primary: #ca153e;
    --color-primary-gradient-end: #e93c17;
    --color-on-primary: #f1f3f5; /*Gray 1 from Open Color*/
}}
diff --git a/styles/footer.css b/styles/footer.css
new file mode 100644
index 0000000..187632a
--- /dev/null
+++ b/styles/footer.css
@@ -0,0 +1,22 @@
footer {
    padding: var(--page-padding);
    opacity: 80%;
    border-top: 1px dotted var(--color-on-background);
    max-width: var(--extended-page-width);
    margin-left: auto;    margin-right: auto;
}

.footer-contents {
    max-width: var(--extended-page-width);
    margin-left: auto;    margin-right: auto;
    padding: 0;
}

p.footer-contents {
    margin: 0;
    margin-bottom: 0.6rem;
}

a.footer-contents, a:link.footer-contents, a:visited.footer-contents {
    color: var(--color-on-background);
}
diff --git a/styles/main.css b/styles/main.css
new file mode 100644
index 0000000..66edec5
--- /dev/null
+++ b/styles/main.css
@@ -0,0 +1,87 @@
@import url("color-palette.css");
@import url("buttons-layout.css");
@import url("button.css");
@import url("feature-cards.css");
@import url("footer.css");

:root {
    --page-padding: 1rem;
    --page-width: 40rem;
    --extended-page-width: 60rem;
    --line-height: 160%;
    --corner-radius: 5px;
}

.tenacity-logo {
    height: 51px;
}

.main-image {
    width: 90%;
    max-width: var(--extended-page-width);
    border-radius: var(--corner-radius);
}

.padding-before-and-after-text {
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

body {
    background-color: var(--color-background);
    color: var(--color-on-background);
    font-family: sans-serif;
    font-size: 16px;
    margin: 0;
}

p {
    padding-left: var(--page-padding);
    padding-right: var(--page-padding);
}

.standard-paragraph {
    max-width: var(--page-width);
    margin-left: auto;
    margin-right: auto;
    line-height: var(--line-height);
}

h2, h3, h4 {
    text-align: center;
}
h3 {
    margin-bottom: 0.75rem;
}
h4 {
    margin-top: 0.6rem;
    margin-bottom: 0.4rem;
}

em {
    font-style: normal;
    font-weight: bold;
}

a:link, a:visited {
    color: var(--color-on-background-link);
    text-decoration: underline;
}
a:visited {
    color: var(--color-on-background-link-visited);
}
a:hover, a:focus {
    text-decoration: none;
}
a:active {
    text-decoration: underline;
}

.key-cat {
    font-family: monospace, monospace;
    padding: var(--page-padding);
    max-width: var(--extended-page-width);
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
}
diff --git a/wiki/LICENSE b/wiki/LICENSE
new file mode 100644
index 0000000..e277b49
--- /dev/null
+++ b/wiki/LICENSE
@@ -0,0 +1,21 @@
MIT License

Copyright (c) 2021 Sosasees

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
diff --git a/wiki/index.html b/wiki/index.html
new file mode 100644
index 0000000..e215759
--- /dev/null
+++ b/wiki/index.html
@@ -0,0 +1,63 @@
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Tenacity</title>
        <meta name="description" content="The wiki of Tenacity"/>
        <meta name="author" content="Tenacity Wiki"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <link rel="stylesheet" type="text/css" href="../styles/main.css"/>
        <link rel="shortcut icon" type="image/svg" href="../images/logo/favicon.svg"/>
        <meta name="theme-color" content="#ffd8a8"> <!-- Orange 2 from Open Color -->
        <meta name="keywords" content="Wiki, Audio, Recording, Editing, Easy-to-Use, FLOSS, Free, Libre, Open-Source, Tenacity"/>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    </head>

    <body>
        <div style="text-align: center">
            <h1 style="margin-bottom: 1rem;">
                <a href="https://tenacityaudio.org">
                <picture>
                    <source media="(prefers-color-scheme: dark)" srcset="../images/logo/header-logo/dark.svg"/>
                    <source media="(prefers-color-scheme: light)" srcset="../images/logo/header-logo/light.svg"/>
                    <source media="(prefers-color-scheme: dark)" srcset="../images/logo/header-logo/dark.png"/>
                    <img alt="Tenacity" src="../images/logo/header-logo/light.png" class="tenacity-logo"/>
                </picture>
                </a>
            </h1>

            <p>an easy-to-use, cross-platform multi-track audio editor/recorder</p>
             <br>
            <h2 style="margin-bottom: 4rem;">The Tenacity wiki is not ready yet (._. ) </h2> 
                    
            <p class="standard-paragraph">
                Meanwhile, you can visit the Audacity wiki: 
                <div class="buttons-section" style="grid-template-columns: auto; margin-bottom: 8rem;">
                <a href="https://wiki.audacityteam.org" class="button">Audacity Wiki</a>
                </div>
            </p>
        </div>
        <pre class="key-cat">
                         /\_/\
                ________(' - ')
          _____(              ) sorry
         /     (______________)
         '     | |          | |
               | |          | |  
               '"'          '"'
        </pre>

        <footer><div class="footer-contents">
            <p class="footer-contents">
                <a href="https://git.sr.ht/~tenacity/tenacityaudio.org" class="footer-contents">This Website's Source Code</a>
            </p>
            <p class="footer-contents">
                <a href="https://git.semisol.dev/Semisol/cat" class="footer-contents">
                    Tenacity Mascot "Key the Cat"
                </a> by
                <a href="https://github.com/Semisol" class="footer-contents">
                    @semisol on GitHub
                </a>
          </p>
        </div></footer>
    </body>
</html>
diff --git a/wiki/key.svg b/wiki/key.svg
new file mode 100644
index 0000000..f3134ac
--- /dev/null
+++ b/wiki/key.svg
@@ -0,0 +1,14 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 816 1056" height="1056px" width="816px" xml:space="preserve" id="svg2" version="1.1"><metadata id="metadata8"><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/></cc:Work></rdf:RDF></metadata><defs id="defs6"><clipPath id="clipPath18" clipPathUnits="userSpaceOnUse"><path style="clip-rule:evenodd" id="path16" d="M 9.12e-6,0 H 612.00001 V 792 H 9.12e-6 Z"/></clipPath><clipPath id="clipPath26" clipPathUnits="userSpaceOnUse"><path style="clip-rule:evenodd" id="path24" d="M 9.12e-6,0 H 612.00001 V 792 H 9.12e-6 Z"/></clipPath><clipPath id="clipPath38" clipPathUnits="userSpaceOnUse"><path style="clip-rule:evenodd" id="path36" d="M 9.12e-6,0 H 612.00001 V 792 H 9.12e-6 Z"/></clipPath><clipPath id="clipPath50" clipPathUnits="userSpaceOnUse"><path style="clip-rule:evenodd" id="path48" d="M 9.12e-6,0 H 612.00001 V 792 H 9.12e-6 Z"/></clipPath><clipPath id="clipPath62" clipPathUnits="userSpaceOnUse"><path style="clip-rule:evenodd" id="path60" d="M 9.12e-6,0 H 612.00001 V 792 H 9.12e-6 Z"/></clipPath><clipPath id="clipPath74" clipPathUnits="userSpaceOnUse"><path style="clip-rule:evenodd" id="path72" d="M 9.12e-6,0 H 612.00001 V 792 H 9.12e-6 Z"/></clipPath><clipPath id="clipPath82" clipPathUnits="userSpaceOnUse"><path style="clip-rule:evenodd" id="path80" d="M 9.12e-6,0 H 612.00001 V 792 H 9.12e-6 Z"/></clipPath><clipPath id="clipPath90" clipPathUnits="userSpaceOnUse"><path style="clip-rule:evenodd" id="path88" d="M 9.12e-6,0 H 612.00001 V 792 H 9.12e-6 Z"/></clipPath><clipPath id="clipPath102" clipPathUnits="userSpaceOnUse"><path style="clip-rule:evenodd" id="path100" d="M 9.12e-6,0 H 612.00001 V 792 H 9.12e-6 Z"/></clipPath><clipPath id="clipPath114" clipPathUnits="userSpaceOnUse"><path style="clip-rule:evenodd" id="path112" d="M 9.12e-6,0 H 612.00001 V 792 H 9.12e-6 Z"/></clipPath><clipPath id="clipPath122" clipPathUnits="userSpaceOnUse"><path style="clip-rule:evenodd" id="path120" d="M 9.12e-6,0 H 612.00001 V 792 H 9.12e-6 Z"/></clipPath><clipPath id="clipPath134" clipPathUnits="userSpaceOnUse"><path style="clip-rule:evenodd" id="path132" d="M 9.12e-6,0 H 612.00001 V 792 H 9.12e-6 Z"/></clipPath><clipPath id="clipPath142" clipPathUnits="userSpaceOnUse"><path style="clip-rule:evenodd" id="path140" d="M 9.12e-6,0 H 612.00001 V 792 H 9.12e-6 Z"/></clipPath><clipPath id="clipPath150" clipPathUnits="userSpaceOnUse"><path style="clip-rule:evenodd" id="path148" d="M 9.12e-6,0 H 612.00001 V 792 H 9.12e-6 Z"/></clipPath><clipPath id="clipPath162" clipPathUnits="userSpaceOnUse"><path style="clip-rule:evenodd" id="path160" d="M 9.12e-6,0 H 612.00001 V 792 H 9.12e-6 Z"/></clipPath><clipPath id="clipPath170" clipPathUnits="userSpaceOnUse"><path style="clip-rule:evenodd" id="path168" d="M 9.12e-6,0 H 612.00001 V 792 H 9.12e-6 Z"/></clipPath><clipPath id="clipPath178" clipPathUnits="userSpaceOnUse"><path style="clip-rule:evenodd" id="path176" d="M 9.12e-6,0 H 612.00001 V 792 H 9.12e-6 Z"/></clipPath><clipPath id="clipPath190" clipPathUnits="userSpaceOnUse"><path style="clip-rule:evenodd" id="path188" d="M 9.12e-6,0 H 612.00001 V 792 H 9.12e-6 Z"/></clipPath><clipPath id="clipPath198" clipPathUnits="userSpaceOnUse"><path style="clip-rule:evenodd" id="path196" d="M 9.12e-6,0 H 612.00001 V 792 H 9.12e-6 Z"/></clipPath><clipPath id="clipPath206" clipPathUnits="userSpaceOnUse"><path style="clip-rule:evenodd" id="path204" d="M 9.12e-6,0 H 612.00001 V 792 H 9.12e-6 Z"/></clipPath><clipPath id="clipPath218" clipPathUnits="userSpaceOnUse"><path style="clip-rule:evenodd" id="path216" d="M 9.12e-6,0 H 612.00001 V 792 H 9.12e-6 Z"/></clipPath><clipPath id="clipPath226" clipPathUnits="userSpaceOnUse"><path style="clip-rule:evenodd" id="path224" d="M 9.12e-6,0 H 612.00001 V 792 H 9.12e-6 Z"/></clipPath><clipPath id="clipPath234" clipPathUnits="userSpaceOnUse"><path style="clip-rule:evenodd" id="path232" d="M 9.12e-6,0 H 612.00001 V 792 H 9.12e-6 Z"/></clipPath><clipPath id="clipPath246" clipPathUnits="userSpaceOnUse"><path style="clip-rule:evenodd" id="path244" d="M 9.12e-6,0 H 612.00001 V 792 H 9.12e-6 Z"/></clipPath><clipPath id="clipPath254" clipPathUnits="userSpaceOnUse"><path style="clip-rule:evenodd" id="path252" d="M 9.12e-6,0 H 612.00001 V 792 H 9.12e-6 Z"/></clipPath><clipPath id="clipPath262" clipPathUnits="userSpaceOnUse"><path style="clip-rule:evenodd" id="path260" d="M 9.12e-6,0 H 612.00001 V 792 H 9.12e-6 Z"/></clipPath><clipPath id="clipPath274" clipPathUnits="userSpaceOnUse"><path style="clip-rule:evenodd" id="path272" d="M 9.12e-6,0 H 612.00001 V 792 H 9.12e-6 Z"/></clipPath></defs><g transform="matrix(1.3333333,0,0,-1.3333333,0,1056)" id="g10"><g id="g12"><g clip-path="url(#clipPath18)" id="g14"/></g><g id="g20"><g clip-path="url(#clipPath26)" id="g22"><text id="text30" style="font-variant:normal;font-weight:normal;font-size:10.56000042px;font-family:'Courier 10 Pitch';-inkscape-font-specification:CourierNewPSMT;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="matrix(1,0,0,-1,232.73,710.98)"><tspan id="tspan28" y="0" x="0">/</tspan></text>
</g></g><g id="g32"><g clip-path="url(#clipPath38)" id="g34"><text id="text42" style="font-variant:normal;font-weight:normal;font-size:10.56000042px;font-family:'Courier 10 Pitch';-inkscape-font-specification:CourierNewPSMT;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="matrix(1,0,0,-1,238.97,710.98)"><tspan id="tspan40" y="0" x="0">\</tspan></text>
</g></g><g id="g44"><g clip-path="url(#clipPath50)" id="g46"><text id="text54" style="font-variant:normal;font-weight:normal;font-size:10.56000042px;font-family:'Courier 10 Pitch';-inkscape-font-specification:CourierNewPSMT;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="matrix(1,0,0,-1,245.33,710.98)"><tspan id="tspan52" y="0" x="0 6.2399998">_/</tspan></text>
</g></g><g id="g56"><g clip-path="url(#clipPath62)" id="g58"><text id="text66" style="font-variant:normal;font-weight:normal;font-size:10.56000042px;font-family:'Courier 10 Pitch';-inkscape-font-specification:CourierNewPSMT;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="matrix(1,0,0,-1,257.93,710.98)"><tspan id="tspan64" y="0" x="0">\</tspan></text>
</g></g><g id="g68"><g clip-path="url(#clipPath74)" id="g70"/></g><g id="g76"><g clip-path="url(#clipPath82)" id="g78"/></g><g id="g84"><g clip-path="url(#clipPath90)" id="g86"><text id="text94" style="font-variant:normal;font-weight:normal;font-size:10.56000042px;font-family:'Courier 10 Pitch';-inkscape-font-specification:CourierNewPSMT;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="matrix(1,0,0,-1,175.94,699.1)"><tspan id="tspan92" y="0" x="0 6.2409601 12.57696 18.839041 25.175039 31.55328 37.794239 44.130241 50.392319 56.728321 62.990398">________(' </tspan></text>
</g></g><g id="g96"><g clip-path="url(#clipPath102)" id="g98"><text id="text106" style="font-variant:normal;font-weight:normal;font-size:10.56000042px;font-family:'Courier 10 Pitch';-inkscape-font-specification:CourierNewPSMT;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="matrix(1,0,0,-1,245.33,699.1)"><tspan id="tspan104" y="0" x="0">-</tspan></text>
</g></g><g id="g108"><g clip-path="url(#clipPath114)" id="g110"/></g><g id="g116"><g clip-path="url(#clipPath122)" id="g118"><text id="text126" style="font-variant:normal;font-weight:normal;font-size:10.56000042px;font-family:'Courier 10 Pitch';-inkscape-font-specification:CourierNewPSMT;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="matrix(1,0,0,-1,257.93,699.1)"><tspan id="tspan124" y="0" x="0 6.2399998">')</tspan></text>
</g></g><g id="g128"><g clip-path="url(#clipPath134)" id="g130"/></g><g id="g136"><g clip-path="url(#clipPath142)" id="g138"/></g><g id="g144"><g clip-path="url(#clipPath150)" id="g146"><text id="text154" style="font-variant:normal;font-weight:normal;font-size:10.56000042px;font-family:'Courier 10 Pitch';-inkscape-font-specification:CourierNewPSMT;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="matrix(1,0,0,-1,138.14,687.22)"><tspan id="tspan152" y="0" x="0 6.2409601 12.57696 18.839041 25.175039 31.43712 37.773121 125.9808">_____( )</tspan></text>
</g></g><g id="g156"><g clip-path="url(#clipPath162)" id="g158"/></g><g id="g164"><g clip-path="url(#clipPath170)" id="g166"/></g><g id="g172"><g clip-path="url(#clipPath178)" id="g174"><text id="text182" style="font-variant:normal;font-weight:normal;font-size:10.56000042px;font-family:'Courier 10 Pitch';-inkscape-font-specification:CourierNewPSMT;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="matrix(1,0,0,-1,131.78,675.34)"><tspan id="tspan180" y="0" x="0 6.336 37.794239 44.130241 50.392319 56.728321 62.990398 69.326401 75.704643 81.945602 88.281601 94.543678 100.87968 107.14176 113.47776 119.73984 126.07584 132.33792">/ (______________)</tspan></text>
</g></g><g id="g184"><g clip-path="url(#clipPath190)" id="g186"/></g><g id="g192"><g clip-path="url(#clipPath198)" id="g194"/></g><g id="g200"><g clip-path="url(#clipPath206)" id="g202"><text id="text210" style="font-variant:normal;font-weight:normal;font-size:10.56000042px;font-family:'Courier 10 Pitch';-inkscape-font-specification:CourierNewPSMT;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="matrix(1,0,0,-1,131.78,663.46)"><tspan id="tspan208" y="0" x="0 6.336 37.794239 44.130241 50.392319 56.728321 119.73984 126.07584 132.33792">' | | | |</tspan></text>
</g></g><g id="g212"><g clip-path="url(#clipPath218)" id="g214"/></g><g id="g220"><g clip-path="url(#clipPath226)" id="g222"/></g><g id="g228"><g clip-path="url(#clipPath234)" id="g230"><text id="text238" style="font-variant:normal;font-weight:normal;font-size:10.56000042px;font-family:'Courier 10 Pitch';-inkscape-font-specification:CourierNewPSMT;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="matrix(1,0,0,-1,169.58,651.46)"><tspan id="tspan236" y="0" x="0 6.336 12.59808 18.93408 81.945602 88.281601 94.543678 100.87968 113.47776 119.73984 126.07584 132.33792 138.67392">| | | | hello</tspan></text>
</g></g><g id="g240"><g clip-path="url(#clipPath246)" id="g242"/></g><g id="g248"><g clip-path="url(#clipPath254)" id="g250"/></g><g id="g256"><g clip-path="url(#clipPath262)" id="g258"><text id="text266" style="font-variant:normal;font-weight:normal;font-size:10.56000042px;font-family:'Courier 10 Pitch';-inkscape-font-specification:CourierNewPSMT;writing-mode:lr-tb;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="matrix(1,0,0,-1,169.58,639.58)"><tspan id="tspan264" y="0" x="0 6.336 12.59808 18.93408 81.945602 88.281601 94.543678">'"' '"'</tspan></text>
</g></g><g id="g268"><g clip-path="url(#clipPath274)" id="g270"/></g></g></svg>
\ No newline at end of file
-- 
2.32.0.windows.2
tenacityaudio.org/patches/.build.yml: FAILED in 11s

[Add wiki place holder and some Sosasees styles][0] from [NotAProton][1]

[0]: https://lists.sr.ht/~tenacity/tenacity-dev/patches/24908
[1]: mailto:notaproton8@gmail.com

✗ #579380 FAILED tenacityaudio.org/patches/.build.yml https://builds.sr.ht/~tenacity/job/579380
Forgot to Reply-All, sorry for the double ping:
---

Sosasees' styles still need some condensing and rewriting, I don't like how they look now.

I think a more minimal 404 page is appropriate.