forked from auxolotl/website
Merge pull request #26 from auxolotl/jakehamilton/feat/new-logo
feat: add new auxolotl logo and hero styles
This commit is contained in:
GitHub
commit
364973d984
301
public/aux-text.svg
Normal file
301
public/aux-text.svg
Normal file
|
|
@ -0,0 +1,301 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
width="1020"
|
||||||
|
height="360"
|
||||||
|
viewBox="0 0 269.87499 95.249999"
|
||||||
|
version="1.1"
|
||||||
|
id="svg1"
|
||||||
|
xml:space="preserve"
|
||||||
|
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
|
||||||
|
sodipodi:docname="aux-text.svg"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
|
||||||
|
id="namedview1"
|
||||||
|
pagecolor="#505050"
|
||||||
|
bordercolor="#eeeeee"
|
||||||
|
borderopacity="1"
|
||||||
|
inkscape:showpageshadow="0"
|
||||||
|
inkscape:pageopacity="0"
|
||||||
|
inkscape:pagecheckerboard="0"
|
||||||
|
inkscape:deskcolor="#d1d1d1"
|
||||||
|
inkscape:document-units="px"
|
||||||
|
showguides="true"
|
||||||
|
inkscape:zoom="1.3883252"
|
||||||
|
inkscape:cx="452.70373"
|
||||||
|
inkscape:cy="152.34183"
|
||||||
|
inkscape:window-width="2776"
|
||||||
|
inkscape:window-height="1404"
|
||||||
|
inkscape:window-x="0"
|
||||||
|
inkscape:window-y="0"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:current-layer="layer3" /><defs
|
||||||
|
id="defs1"><linearGradient
|
||||||
|
id="linearGradient5"
|
||||||
|
inkscape:collect="always"><stop
|
||||||
|
style="stop-color:#f0a3d5;stop-opacity:1;"
|
||||||
|
offset="0.49842149"
|
||||||
|
id="stop4" /><stop
|
||||||
|
style="stop-color:#89c5f1;stop-opacity:1;"
|
||||||
|
offset="1"
|
||||||
|
id="stop5" /></linearGradient><linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient5"
|
||||||
|
id="linearGradient2"
|
||||||
|
x1="153.08398"
|
||||||
|
y1="116.19141"
|
||||||
|
x2="182.14844"
|
||||||
|
y2="107.01758"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="matrix(0.39477362,0,0,0.39477362,86.799142,-10.117686)" /><linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient5"
|
||||||
|
id="linearGradient4"
|
||||||
|
x1="147.5293"
|
||||||
|
y1="95.201172"
|
||||||
|
x2="172.55078"
|
||||||
|
y2="69.738281"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="matrix(0.39477362,0,0,0.39477362,87.320774,-8.5161272)" /><linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient5"
|
||||||
|
id="linearGradient7"
|
||||||
|
x1="131.19531"
|
||||||
|
y1="81"
|
||||||
|
x2="144.85742"
|
||||||
|
y2="48.019531"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="matrix(0.39477362,0,0,0.39477362,88.755378,-7.9235035)" /><linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient5"
|
||||||
|
id="linearGradient17"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="matrix(-0.39477362,0,0,0.39477362,167.55718,-10.117686)"
|
||||||
|
x1="153.08398"
|
||||||
|
y1="116.19141"
|
||||||
|
x2="182.14844"
|
||||||
|
y2="107.01758" /><linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient5"
|
||||||
|
id="linearGradient18"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="matrix(-0.39477362,0,0,0.39477362,167.03554,-8.5161274)"
|
||||||
|
x1="147.5293"
|
||||||
|
y1="95.201172"
|
||||||
|
x2="172.55078"
|
||||||
|
y2="69.738281" /><linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient5"
|
||||||
|
id="linearGradient19"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="matrix(-0.39477362,0,0,0.39477362,165.60094,-7.9235037)"
|
||||||
|
x1="131.19531"
|
||||||
|
y1="81"
|
||||||
|
x2="144.85742"
|
||||||
|
y2="48.019531" /><linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient5"
|
||||||
|
id="linearGradient2-6"
|
||||||
|
x1="153.08398"
|
||||||
|
y1="116.19141"
|
||||||
|
x2="182.14844"
|
||||||
|
y2="107.01758"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="translate(12.016015,-10.358081)" /><linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient5"
|
||||||
|
id="linearGradient4-1"
|
||||||
|
x1="147.5293"
|
||||||
|
y1="95.201172"
|
||||||
|
x2="172.55078"
|
||||||
|
y2="69.738281"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="translate(13.337361,-6.3011758)" /><linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient5"
|
||||||
|
id="linearGradient7-2"
|
||||||
|
x1="131.19531"
|
||||||
|
y1="81"
|
||||||
|
x2="144.85742"
|
||||||
|
y2="48.019531"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="translate(16.971352,-4.8000023)" /><linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient5"
|
||||||
|
id="linearGradient17-7"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="matrix(-1,0,0,1,216.58398,-10.358081)"
|
||||||
|
x1="153.08398"
|
||||||
|
y1="116.19141"
|
||||||
|
x2="182.14844"
|
||||||
|
y2="107.01758" /><linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient5"
|
||||||
|
id="linearGradient18-0"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="matrix(-1,0,0,1,215.26263,-6.3011763)"
|
||||||
|
x1="147.5293"
|
||||||
|
y1="95.201172"
|
||||||
|
x2="172.55078"
|
||||||
|
y2="69.738281" /><linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient5"
|
||||||
|
id="linearGradient19-9"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="matrix(-1,0,0,1,211.62864,-4.8000028)"
|
||||||
|
x1="131.19531"
|
||||||
|
y1="81"
|
||||||
|
x2="144.85742"
|
||||||
|
y2="48.019531" /></defs><g
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1"
|
||||||
|
style="display:none;opacity:0.342"><g
|
||||||
|
id="g1-6"
|
||||||
|
transform="matrix(-0.39477361,0,0,-0.39477361,111.45074,101.20811)"><g
|
||||||
|
id="layer2-0"
|
||||||
|
inkscape:label="bg" /><g
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
id="layer1-5-6"><path
|
||||||
|
id="rect1-2"
|
||||||
|
d="m 105.83333,76.199985 h 16.93333 a 33.866665,35.560001 0 0 1 33.86667,35.560005 v 6.77335 a 16.126972,16.933322 0 0 1 -16.12697,16.93332 H 88.093639 A 16.126972,16.933322 0 0 1 71.966667,118.53334 v -6.77335 A 33.866665,35.560001 0 0 1 105.83333,76.199985 Z"
|
||||||
|
style="font-variation-settings:'wght' 800;fill:#ead2d2;fill-opacity:1;fill-rule:nonzero;stroke:#16181d;stroke-width:16.4042;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers" /><ellipse
|
||||||
|
style="font-variation-settings:'wght' 800;fill:#16181d;fill-opacity:1;stroke:none;stroke-width:16.4042;stroke-linecap:round;stroke-dasharray:none"
|
||||||
|
id="path2-6"
|
||||||
|
cx="97.366684"
|
||||||
|
cy="101.60001"
|
||||||
|
rx="8.4666681"
|
||||||
|
ry="8.4666777" /><ellipse
|
||||||
|
style="font-variation-settings:'wght' 800;fill:#16181d;fill-opacity:1;stroke:none;stroke-width:16.4042;stroke-linecap:round;stroke-dasharray:none"
|
||||||
|
id="path2-5-1"
|
||||||
|
cx="131.23337"
|
||||||
|
cy="101.60001"
|
||||||
|
rx="8.4666653"
|
||||||
|
ry="8.4666777" /><path
|
||||||
|
style="font-variation-settings:'wght' 800;fill:#ead2d2;fill-opacity:1;fill-rule:nonzero;stroke:#16181d;stroke-width:16.4042;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
|
||||||
|
d="m 97.366669,152.39999 v 1e-5 a 50.800004,50.800004 0 0 0 50.800001,50.8 h 33.86665 a 50.800008,50.800008 0 0 0 50.8,-50.8 l 1e-5,-67.733336 a 7.0140145,7.0140145 0 0 0 -11.97367,-4.959657 l -3.9325,3.932498 A 61.321,61.321 0 0 0 198.96666,127 v 25.4 a 16.933344,16.933344 0 0 1 -16.93334,16.93334 H 148.16667 A 16.933344,16.933344 0 0 1 131.23333,152.4 v -1e-5 a 8.4666539,8.4666539 0 0 0 -8.46665,-8.46665 h -16.93336 a 8.4666539,8.4666539 0 0 0 -8.466651,8.46665 z"
|
||||||
|
id="path6-8"
|
||||||
|
sodipodi:nodetypes="ccccccccc" /><circle
|
||||||
|
style="font-variation-settings:'wght' 800;fill:#ead2d2;fill-opacity:1;fill-rule:nonzero;stroke:#16181d;stroke-width:16.4042;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
|
||||||
|
id="path13-7"
|
||||||
|
cx="76.20002"
|
||||||
|
cy="165.09998"
|
||||||
|
r="12.699999"
|
||||||
|
inkscape:label="path13" /><circle
|
||||||
|
style="font-variation-settings:'wght' 800;fill:#ead2d2;fill-opacity:1;fill-rule:nonzero;stroke:#16181d;stroke-width:16.4042;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
|
||||||
|
id="path13-6-9"
|
||||||
|
cx="148.16664"
|
||||||
|
cy="152.39999"
|
||||||
|
r="8.4666615" /><circle
|
||||||
|
style="font-variation-settings:'wght' 800;fill:#ead2d2;fill-opacity:1;fill-rule:nonzero;stroke:#16181d;stroke-width:16.4042;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
|
||||||
|
id="path13-0-2"
|
||||||
|
cx="182.03331"
|
||||||
|
cy="152.39999"
|
||||||
|
r="8.4666681" /><circle
|
||||||
|
style="font-variation-settings:'wght' 800;fill:#ead2d2;fill-opacity:1;fill-rule:nonzero;stroke:#16181d;stroke-width:16.4042;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
|
||||||
|
id="path13-0-3-0"
|
||||||
|
cx="220.13332"
|
||||||
|
cy="215.89999"
|
||||||
|
r="12.699999" /><path
|
||||||
|
style="color:#000000;fill:url(#linearGradient2-6);fill-opacity:1;stroke:#16181d;stroke-width:16.4042;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
|
||||||
|
d="m 190.74843,94.485665 a 5.2916498,5.2916498 0 0 0 -3.95508,0.87891 c -4.80672,3.36976 -10.53208,5.177735 -16.40234,5.177735 a 5.2916498,5.2916498 0 0 0 -5.29102,5.29102 5.2916498,5.2916498 0 0 0 5.29102,5.29101 c 8.04303,0 15.89266,-2.47672 22.47852,-7.09375 a 5.2916498,5.2916498 0 0 0 1.29492,-7.371095 5.2916498,5.2916498 0 0 0 -3.41602,-2.17383 z"
|
||||||
|
id="path15-2" /><path
|
||||||
|
style="color:#000000;fill:url(#linearGradient4-1);fill-opacity:1;stroke:#16181d;stroke-width:16.4042;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
|
||||||
|
d="m 185.88814,63.437106 a 5.2916665,5.2916665 0 0 0 -6.88867,2.925781 c -2.83974,7.028598 -8.35211,12.635686 -15.33008,15.597657 a 5.2916665,5.2916665 0 0 0 -2.80273,6.939453 5.2916665,5.2916665 0 0 0 6.9375,2.802738 c 9.55796,-4.057118 17.11812,-11.749644 21.00781,-21.376957 a 5.2916665,5.2916665 0 0 0 -2.92383,-6.888672 z"
|
||||||
|
id="path15-7-3" /><path
|
||||||
|
style="color:#000000;fill:url(#linearGradient7-2);fill-opacity:1;stroke:#16181d;stroke-width:16.4042;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
|
||||||
|
d="m 161.82877,43.219528 a 5.2916665,5.2916665 0 0 0 -5.29297,5.291016 c 0,7.580586 -3.00885,14.844794 -8.36914,20.205078 a 5.2916665,5.2916665 0 0 0 0,7.484375 5.2916665,5.2916665 0 0 0 7.48438,0 c 7.34216,-7.342167 11.46875,-17.306061 11.46875,-27.689453 a 5.2916665,5.2916665 0 0 0 -5.29102,-5.291016 z"
|
||||||
|
id="path15-7-6-7" /><path
|
||||||
|
style="color:#000000;fill:url(#linearGradient17-7);fill-opacity:1;stroke:#16181d;stroke-width:16.4042;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
|
||||||
|
d="m 37.85156,94.485665 a 5.2916498,5.2916498 0 0 1 3.95508,0.87891 c 4.80672,3.36976 10.53208,5.177725 16.40234,5.177725 a 5.2916498,5.2916498 0 0 1 5.29102,5.29102 5.2916498,5.2916498 0 0 1 -5.29102,5.29101 c -8.04303,0 -15.89266,-2.47672 -22.47852,-7.09375 a 5.2916498,5.2916498 0 0 1 -1.29492,-7.371085 5.2916498,5.2916498 0 0 1 3.41602,-2.17383 z"
|
||||||
|
id="path14-5" /><path
|
||||||
|
style="color:#000000;fill:url(#linearGradient18-0);fill-opacity:1;stroke:#16181d;stroke-width:16.4042;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
|
||||||
|
d="m 42.71185,63.437106 a 5.2916665,5.2916665 0 0 1 6.88867,2.925781 c 2.83974,7.028598 8.35211,12.635686 15.33008,15.597657 a 5.2916665,5.2916665 0 0 1 2.80273,6.939453 5.2916665,5.2916665 0 0 1 -6.9375,2.802738 C 51.23787,87.645617 43.67771,79.953091 39.78802,70.325778 a 5.2916665,5.2916665 0 0 1 2.92383,-6.888672 z"
|
||||||
|
id="path16-9" /><path
|
||||||
|
style="color:#000000;fill:url(#linearGradient19-9);fill-opacity:1;stroke:#16181d;stroke-width:16.4042;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
|
||||||
|
d="m 66.77122,43.219528 a 5.2916665,5.2916665 0 0 1 5.29297,5.291016 c 0,7.580586 3.00885,14.844794 8.36914,20.205078 a 5.2916665,5.2916665 0 0 1 0,7.484375 5.2916665,5.2916665 0 0 1 -7.48438,0 C 65.60679,68.85783 61.4802,58.893936 61.4802,48.510544 a 5.2916665,5.2916665 0 0 1 5.29102,-5.291016 z"
|
||||||
|
id="path17-2" /></g></g></g><g
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer3"
|
||||||
|
inkscape:label="Foreground"><path
|
||||||
|
d=""
|
||||||
|
style="fill:#ead2d2;stroke-linecap:round;stroke-linejoin:round"
|
||||||
|
id="path34" /><g
|
||||||
|
id="layer2"
|
||||||
|
inkscape:label="bg"
|
||||||
|
transform="matrix(0.39477362,0,0,0.39477362,82.055536,-6.0285892)" /><g
|
||||||
|
id="g34"
|
||||||
|
transform="translate(-3.7041668)"><path
|
||||||
|
id="rect1"
|
||||||
|
d="m 123.83574,24.053155 h 6.68483 a 13.369666,14.03815 0 0 1 13.36967,14.038152 v 2.67394 a 6.3665031,6.6848288 0 0 1 -6.3665,6.684828 h -20.69116 a 6.3665031,6.6848288 0 0 1 -6.3665,-6.684828 v -2.67394 a 13.369666,14.03815 0 0 1 13.36966,-14.038152 z"
|
||||||
|
style="font-variation-settings:'wght' 800;fill:#ead2d2;fill-opacity:1;fill-rule:nonzero;stroke:#16181d;stroke-width:6.47595;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers" /><ellipse
|
||||||
|
style="font-variation-settings:'wght' 800;fill:#16181d;fill-opacity:1;stroke:none;stroke-width:6.47595;stroke-linecap:round;stroke-dasharray:none"
|
||||||
|
id="path2"
|
||||||
|
cx="120.49333"
|
||||||
|
cy="34.080418"
|
||||||
|
rx="3.3424172"
|
||||||
|
ry="3.3424211" /><ellipse
|
||||||
|
style="font-variation-settings:'wght' 800;fill:#16181d;fill-opacity:1;stroke:none;stroke-width:6.47595;stroke-linecap:round;stroke-dasharray:none"
|
||||||
|
id="path2-5"
|
||||||
|
cx="133.86301"
|
||||||
|
cy="34.080418"
|
||||||
|
rx="3.342416"
|
||||||
|
ry="3.3424211" /><path
|
||||||
|
style="font-variation-settings:'wght' 800;fill:#ead2d2;fill-opacity:1;fill-rule:nonzero;stroke:#16181d;stroke-width:6.47595;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
|
||||||
|
d="m 120.49333,54.134907 v 3e-6 a 20.054501,20.054501 0 0 0 20.0545,20.0545 h 13.36966 a 20.054503,20.054503 0 0 0 20.0545,-20.0545 V 27.395576 a 2.7689479,2.7689479 0 0 0 -4.72689,-1.957942 l -1.55244,1.552447 a 24.207913,24.207913 0 0 0 -7.09034,17.11758 V 54.13491 a 6.6848375,6.6848375 0 0 1 -6.68483,6.684836 h -13.36966 a 6.6848375,6.6848375 0 0 1 -6.68484,-6.684836 v -3e-6 a 3.3424116,3.3424116 0 0 0 -3.34241,-3.342411 h -6.68484 a 3.3424116,3.3424116 0 0 0 -3.34241,3.342411 z"
|
||||||
|
id="path6"
|
||||||
|
sodipodi:nodetypes="ccccccccc" /><circle
|
||||||
|
style="font-variation-settings:'wght' 800;fill:#ead2d2;fill-opacity:1;fill-rule:nonzero;stroke:#16181d;stroke-width:6.47595;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
|
||||||
|
id="path13"
|
||||||
|
cx="112.13729"
|
||||||
|
cy="59.148525"
|
||||||
|
r="5.0136247"
|
||||||
|
inkscape:label="path13" /><circle
|
||||||
|
style="font-variation-settings:'wght' 800;fill:#ead2d2;fill-opacity:1;fill-rule:nonzero;stroke:#16181d;stroke-width:6.47595;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
|
||||||
|
id="path13-6"
|
||||||
|
cx="140.54782"
|
||||||
|
cy="54.134907"
|
||||||
|
r="3.3424146" /><circle
|
||||||
|
style="font-variation-settings:'wght' 800;fill:#ead2d2;fill-opacity:1;fill-rule:nonzero;stroke:#16181d;stroke-width:6.47595;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
|
||||||
|
id="path13-0"
|
||||||
|
cx="153.91748"
|
||||||
|
cy="54.134907"
|
||||||
|
r="3.3424172" /><circle
|
||||||
|
style="font-variation-settings:'wght' 800;fill:#ead2d2;fill-opacity:1;fill-rule:nonzero;stroke:#16181d;stroke-width:6.47595;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
|
||||||
|
id="path13-0-3"
|
||||||
|
cx="168.95836"
|
||||||
|
cy="79.203033"
|
||||||
|
r="5.0136247" /><path
|
||||||
|
style="color:#000000;fill:url(#linearGradient2);fill-opacity:1;stroke:#16181d;stroke-width:6.47595;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
|
||||||
|
d="m 157.35798,31.271859 a 2.0890037,2.0890037 0 0 0 -1.56136,0.34697 c -1.89756,1.330293 -4.15778,2.044033 -6.47521,2.044033 a 2.0890037,2.0890037 0 0 0 -2.08875,2.088756 2.0890037,2.0890037 0 0 0 2.08875,2.088751 c 3.17518,0 6.274,-0.977744 8.87393,-2.800426 a 2.0890037,2.0890037 0 0 0 0.5112,-2.909913 2.0890037,2.0890037 0 0 0 -1.34856,-0.858171 z"
|
||||||
|
id="path15" /><path
|
||||||
|
style="color:#000000;fill:url(#linearGradient4);fill-opacity:1;stroke:#16181d;stroke-width:6.47595;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
|
||||||
|
d="m 155.43927,19.014707 a 2.0890103,2.0890103 0 0 0 -2.71947,1.155021 c -1.12105,2.774705 -3.29719,4.988235 -6.05191,6.157543 a 2.0890103,2.0890103 0 0 0 -1.10644,2.739513 2.0890103,2.0890103 0 0 0 2.73874,1.106447 c 3.77323,-1.601643 6.75778,-4.638449 8.29333,-8.439058 a 2.0890103,2.0890103 0 0 0 -1.15425,-2.719466 z"
|
||||||
|
id="path15-7" /><path
|
||||||
|
style="color:#000000;fill:url(#linearGradient7);fill-opacity:1;stroke:#16181d;stroke-width:6.47595;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
|
||||||
|
d="m 145.94127,11.03334 a 2.0890103,2.0890103 0 0 0 -2.08953,2.088754 c 0,2.992615 -1.18781,5.860333 -3.30392,7.976432 a 2.0890103,2.0890103 0 0 0 0,2.954633 2.0890103,2.0890103 0 0 0 2.95464,0 c 2.89849,-2.898493 4.52756,-6.831976 4.52756,-10.931065 a 2.0890103,2.0890103 0 0 0 -2.08875,-2.088754 z"
|
||||||
|
id="path15-7-6" /><path
|
||||||
|
style="color:#000000;fill:url(#linearGradient17);fill-opacity:1;stroke:#16181d;stroke-width:6.47595;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
|
||||||
|
d="m 96.998333,31.271859 a 2.0890037,2.0890037 0 0 1 1.561362,0.34697 c 1.897565,1.330293 4.157785,2.04403 6.475215,2.04403 a 2.0890037,2.0890037 0 0 1 2.08875,2.088755 2.0890037,2.0890037 0 0 1 -2.08875,2.088751 c -3.17518,0 -6.274007,-0.977744 -8.873931,-2.800426 a 2.0890037,2.0890037 0 0 1 -0.5112,-2.909909 2.0890037,2.0890037 0 0 1 1.348554,-0.858171 z"
|
||||||
|
id="path14" /><path
|
||||||
|
style="color:#000000;fill:url(#linearGradient18);fill-opacity:1;stroke:#16181d;stroke-width:6.47595;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
|
||||||
|
d="m 98.917048,19.014707 a 2.0890103,2.0890103 0 0 1 2.719462,1.155021 c 1.12106,2.774705 3.2972,4.988235 6.05191,6.157543 a 2.0890103,2.0890103 0 0 1 1.10645,2.739513 2.0890103,2.0890103 0 0 1 -2.73874,1.106447 c -3.77323,-1.601643 -6.757786,-4.638449 -8.293333,-8.439058 a 2.0890103,2.0890103 0 0 1 1.154251,-2.719466 z"
|
||||||
|
id="path16" /><path
|
||||||
|
style="color:#000000;fill:url(#linearGradient19);fill-opacity:1;stroke:#16181d;stroke-width:6.47595;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"
|
||||||
|
d="m 108.41505,11.03334 a 2.0890103,2.0890103 0 0 1 2.08953,2.088754 c 0,2.992615 1.18781,5.860333 3.30391,7.976432 a 2.0890103,2.0890103 0 0 1 0,2.954633 2.0890103,2.0890103 0 0 1 -2.95463,0 c -2.89849,-2.898493 -4.52756,-6.831976 -4.52756,-10.931065 a 2.0890103,2.0890103 0 0 1 2.08875,-2.088754 z"
|
||||||
|
id="path17" /></g><path
|
||||||
|
id="path1"
|
||||||
|
style="color:#000000;fill:#ead2d2;fill-opacity:1;stroke:#16181d;stroke-width:3.175;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
|
||||||
|
d="m 49.246545,17.027384 c -7.81972,0.02854 -16.083041,1.460342 -22.478731,7.429521 -8.497392,7.930723 -9.338588,19.111796 -10.060367,28.482498 -0.72178,9.370702 -0.12144,17.418058 -0.12144,17.418058 0.340268,4.662891 4.395915,8.167216 9.058878,7.827946 4.663673,-0.339247 8.169257,-4.394689 7.830013,-9.058362 0,0 -0.217835,-3.197868 -0.177767,-7.684285 1.136279,-0.124618 2.703961,-0.241105 4.517554,-0.333313 3.675042,-0.186849 6.855527,-0.259412 11.518461,-0.253103 4.662934,0.0063 10.879542,0.325653 14.528418,0.515885 0.297227,0.0155 0.5395,0.03454 0.822689,0.05116 -0.09046,4.511535 -0.459294,7.494367 -0.459294,7.494367 -0.484845,4.650023 2.891231,8.813253 7.541141,9.299173 4.650745,0.485999 8.814828,-2.890386 9.300724,-7.541141 0,0 0.893537,-8.400725 0.361218,-18.105355 C 80.895724,42.865805 80.303782,31.06563 70.834374,23.2854 64.636429,18.193062 57.066266,16.998843 49.246545,17.027384 Z m 0.06253,16.933333 c 5.045793,-0.01842 9.023794,0.959474 11.060307,2.71508 1.834695,1.581626 3.013447,5.752842 3.664267,10.932415 -3.884958,-0.190484 -10.040226,-0.503402 -14.682931,-0.509684 -4.853318,-0.0066 -8.20439,0.06574 -12.235213,0.270673 -0.998609,0.05077 -1.944046,0.107902 -2.836003,0.173632 0.676395,-4.893431 1.783524,-8.82239 4.041097,-10.706839 2.609805,-2.178466 5.942685,-2.85686 10.988476,-2.875277 z"
|
||||||
|
sodipodi:nodetypes="sssccccsssccscsssssccscss" /><path
|
||||||
|
id="path33"
|
||||||
|
style="fill:#ead2d2;stroke:#16181d;stroke-width:3.175;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
|
||||||
|
d="m 196.4401,15.399525 c -2.33071,3.15e-4 -4.56669,0.926945 -6.21459,2.575189 -3.42753,3.428097 -3.42753,9.000582 0,12.42868 l 17.9392,17.939198 -17.9392,17.9392 c -3.42754,3.428101 -3.42754,9.000073 0,12.428173 3.42834,3.428879 9.00239,3.428879 12.4307,0 l 17.93769,-17.938186 17.93869,17.938186 c 3.42808,3.42753 9.00059,3.42753 12.42868,0 3.42754,-3.428097 3.42754,-9.000076 0,-12.428173 l -17.9387,-17.9392 17.9387,-17.939198 c 3.42754,-3.428102 3.42754,-9.00058 0,-12.42868 -1.64789,-1.648246 -3.88387,-2.574874 -6.2146,-2.575189 -2.33072,3.15e-4 -4.56619,0.926943 -6.21408,2.575189 L 220.5939,35.913407 202.65621,17.974714 c -1.64837,-1.64874 -3.88468,-2.575412 -6.21611,-2.575189 z"
|
||||||
|
sodipodi:nodetypes="cccccsccccccccccccc" /><path
|
||||||
|
d=""
|
||||||
|
style="fill:#ead2d2;stroke-linecap:round;stroke-linejoin:round"
|
||||||
|
id="path31" /></g></svg>
|
||||||
|
After Width: | Height: | Size: 22 KiB |
34
public/auxolotl.svg
Normal file
34
public/auxolotl.svg
Normal file
|
|
@ -0,0 +1,34 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
<svg xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 270.93333 270.93333" version="1.1" id="svg1" inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)" sodipodi:docname="auxolotl-logo.svg" inkscape:export-filename="auxolotl-cuddle3.svg" inkscape:export-xdpi="96" inkscape:export-ydpi="96">
|
||||||
|
|
||||||
|
<defs id="defs1">
|
||||||
|
<linearGradient id="linearGradient5" inkscape:collect="always">
|
||||||
|
<stop style="stop-color:#f0a3d5;stop-opacity:1;" offset="0.49842149" id="stop4"/>
|
||||||
|
<stop style="stop-color:#89c5f1;stop-opacity:1;" offset="1" id="stop5"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient inkscape:collect="always" xlink:href="#linearGradient5" id="linearGradient2" x1="153.08398" y1="116.19141" x2="182.14844" y2="107.01758" gradientUnits="userSpaceOnUse" gradientTransform="translate(12.016015,-10.358081)"/>
|
||||||
|
<linearGradient inkscape:collect="always" xlink:href="#linearGradient5" id="linearGradient4" x1="147.5293" y1="95.201172" x2="172.55078" y2="69.738281" gradientUnits="userSpaceOnUse" gradientTransform="translate(13.337361,-6.3011758)"/>
|
||||||
|
<linearGradient inkscape:collect="always" xlink:href="#linearGradient5" id="linearGradient7" x1="131.19531" y1="81" x2="144.85742" y2="48.019531" gradientUnits="userSpaceOnUse" gradientTransform="translate(16.971352,-4.8000023)"/>
|
||||||
|
<linearGradient inkscape:collect="always" xlink:href="#linearGradient5" id="linearGradient17" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-1,0,0,1,216.58398,-10.358081)" x1="153.08398" y1="116.19141" x2="182.14844" y2="107.01758"/>
|
||||||
|
<linearGradient inkscape:collect="always" xlink:href="#linearGradient5" id="linearGradient18" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-1,0,0,1,215.26263,-6.3011763)" x1="147.5293" y1="95.201172" x2="172.55078" y2="69.738281"/>
|
||||||
|
<linearGradient inkscape:collect="always" xlink:href="#linearGradient5" id="linearGradient19" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-1,0,0,1,211.62864,-4.8000028)" x1="131.19531" y1="81" x2="144.85742" y2="48.019531"/>
|
||||||
|
</defs>
|
||||||
|
<g inkscape:groupmode="layer" id="layer2" inkscape:label="bg"/>
|
||||||
|
<g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1">
|
||||||
|
<path id="rect1" d="m 105.83333,76.199985 h 16.93333 a 33.866665,35.560001 0 0 1 33.86667,35.560005 v 6.77335 a 16.126972,16.933322 0 0 1 -16.12697,16.93332 H 88.093639 A 16.126972,16.933322 0 0 1 71.966667,118.53334 v -6.77335 A 33.866665,35.560001 0 0 1 105.83333,76.199985 Z" style="font-variation-settings:'wght' 800;fill:#ead2d2;fill-opacity:1;fill-rule:nonzero;stroke:#16181d;stroke-width:16.4042;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers"/>
|
||||||
|
<ellipse style="font-variation-settings:'wght' 800;fill:#16181d;fill-opacity:1;stroke:none;stroke-width:16.4042;stroke-linecap:round;stroke-dasharray:none" id="path2" cx="97.366684" cy="101.60001" rx="8.4666681" ry="8.4666777"/>
|
||||||
|
<ellipse style="font-variation-settings:'wght' 800;fill:#16181d;fill-opacity:1;stroke:none;stroke-width:16.4042;stroke-linecap:round;stroke-dasharray:none" id="path2-5" cx="131.23337" cy="101.60001" rx="8.4666653" ry="8.4666777"/>
|
||||||
|
<path style="font-variation-settings:'wght' 800;fill:#ead2d2;fill-opacity:1;fill-rule:nonzero;stroke:#16181d;stroke-width:16.4042;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers" d="m 97.366669,152.39999 v 1e-5 a 50.800004,50.800004 0 0 0 50.800001,50.8 h 33.86665 a 50.800008,50.800008 0 0 0 50.8,-50.8 l 1e-5,-67.733336 a 7.0140145,7.0140145 0 0 0 -11.97367,-4.959657 l -3.9325,3.932498 A 61.321,61.321 0 0 0 198.96666,127 v 25.4 a 16.933344,16.933344 0 0 1 -16.93334,16.93334 H 148.16667 A 16.933344,16.933344 0 0 1 131.23333,152.4 v -1e-5 a 8.4666539,8.4666539 0 0 0 -8.46665,-8.46665 h -16.93336 a 8.4666539,8.4666539 0 0 0 -8.466651,8.46665 z" id="path6" sodipodi:nodetypes="ccccccccc"/>
|
||||||
|
<circle style="font-variation-settings:'wght' 800;fill:#ead2d2;fill-opacity:1;fill-rule:nonzero;stroke:#16181d;stroke-width:16.4042;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers" id="path13" cx="76.20002" cy="165.09998" r="12.699999" inkscape:label="path13"/>
|
||||||
|
<circle style="font-variation-settings:'wght' 800;fill:#ead2d2;fill-opacity:1;fill-rule:nonzero;stroke:#16181d;stroke-width:16.4042;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers" id="path13-6" cx="148.16664" cy="152.39999" r="8.4666615"/>
|
||||||
|
<circle style="font-variation-settings:'wght' 800;fill:#ead2d2;fill-opacity:1;fill-rule:nonzero;stroke:#16181d;stroke-width:16.4042;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers" id="path13-0" cx="182.03331" cy="152.39999" r="8.4666681"/>
|
||||||
|
<circle style="font-variation-settings:'wght' 800;fill:#ead2d2;fill-opacity:1;fill-rule:nonzero;stroke:#16181d;stroke-width:16.4042;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers" id="path13-0-3" cx="220.13332" cy="215.89999" r="12.699999"/>
|
||||||
|
<path style="color:#000000;fill:url(#linearGradient2);fill-opacity:1;stroke:#16181d;stroke-width:16.4042;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers" d="m 190.74843,94.485665 a 5.2916498,5.2916498 0 0 0 -3.95508,0.87891 c -4.80672,3.36976 -10.53208,5.177735 -16.40234,5.177735 a 5.2916498,5.2916498 0 0 0 -5.29102,5.29102 5.2916498,5.2916498 0 0 0 5.29102,5.29101 c 8.04303,0 15.89266,-2.47672 22.47852,-7.09375 a 5.2916498,5.2916498 0 0 0 1.29492,-7.371095 5.2916498,5.2916498 0 0 0 -3.41602,-2.17383 z" id="path15"/>
|
||||||
|
<path style="color:#000000;fill:url(#linearGradient4);fill-opacity:1;stroke:#16181d;stroke-width:16.4042;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers" d="m 185.88814,63.437106 a 5.2916665,5.2916665 0 0 0 -6.88867,2.925781 c -2.83974,7.028598 -8.35211,12.635686 -15.33008,15.597657 a 5.2916665,5.2916665 0 0 0 -2.80273,6.939453 5.2916665,5.2916665 0 0 0 6.9375,2.802738 c 9.55796,-4.057118 17.11812,-11.749644 21.00781,-21.376957 a 5.2916665,5.2916665 0 0 0 -2.92383,-6.888672 z" id="path15-7"/>
|
||||||
|
<path style="color:#000000;fill:url(#linearGradient7);fill-opacity:1;stroke:#16181d;stroke-width:16.4042;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers" d="m 161.82877,43.219528 a 5.2916665,5.2916665 0 0 0 -5.29297,5.291016 c 0,7.580586 -3.00885,14.844794 -8.36914,20.205078 a 5.2916665,5.2916665 0 0 0 0,7.484375 5.2916665,5.2916665 0 0 0 7.48438,0 c 7.34216,-7.342167 11.46875,-17.306061 11.46875,-27.689453 a 5.2916665,5.2916665 0 0 0 -5.29102,-5.291016 z" id="path15-7-6"/>
|
||||||
|
<path style="color:#000000;fill:url(#linearGradient17);fill-opacity:1;stroke:#16181d;stroke-width:16.4042;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers" d="m 37.85156,94.485665 a 5.2916498,5.2916498 0 0 1 3.95508,0.87891 c 4.80672,3.36976 10.53208,5.177725 16.40234,5.177725 a 5.2916498,5.2916498 0 0 1 5.29102,5.29102 5.2916498,5.2916498 0 0 1 -5.29102,5.29101 c -8.04303,0 -15.89266,-2.47672 -22.47852,-7.09375 a 5.2916498,5.2916498 0 0 1 -1.29492,-7.371085 5.2916498,5.2916498 0 0 1 3.41602,-2.17383 z" id="path14"/>
|
||||||
|
<path style="color:#000000;fill:url(#linearGradient18);fill-opacity:1;stroke:#16181d;stroke-width:16.4042;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers" d="m 42.71185,63.437106 a 5.2916665,5.2916665 0 0 1 6.88867,2.925781 c 2.83974,7.028598 8.35211,12.635686 15.33008,15.597657 a 5.2916665,5.2916665 0 0 1 2.80273,6.939453 5.2916665,5.2916665 0 0 1 -6.9375,2.802738 C 51.23787,87.645617 43.67771,79.953091 39.78802,70.325778 a 5.2916665,5.2916665 0 0 1 2.92383,-6.888672 z" id="path16"/>
|
||||||
|
<path style="color:#000000;fill:url(#linearGradient19);fill-opacity:1;stroke:#16181d;stroke-width:16.4042;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke fill markers" d="m 66.77122,43.219528 a 5.2916665,5.2916665 0 0 1 5.29297,5.291016 c 0,7.580586 3.00885,14.844794 8.36914,20.205078 a 5.2916665,5.2916665 0 0 1 0,7.484375 5.2916665,5.2916665 0 0 1 -7.48438,0 C 65.60679,68.85783 61.4802,58.893936 61.4802,48.510544 a 5.2916665,5.2916665 0 0 1 5.29102,-5.291016 z" id="path17"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 8.5 KiB |
|
|
@ -4,35 +4,57 @@ interface Props {}
|
||||||
import { useTranslations } from "../i18n/utils";
|
import { useTranslations } from "../i18n/utils";
|
||||||
import type { Params } from "../i18n/utils";
|
import type { Params } from "../i18n/utils";
|
||||||
import { Image } from "astro:assets";
|
import { Image } from "astro:assets";
|
||||||
import aux from "../../public/aux.svg";
|
import auxolotl from "../../public/auxolotl.svg";
|
||||||
|
|
||||||
const { lang } = Astro.params as Params;
|
const { lang } = Astro.params as Params;
|
||||||
const translation = useTranslations(lang);
|
const translation = useTranslations(lang);
|
||||||
---
|
---
|
||||||
|
|
||||||
<header
|
<header
|
||||||
class="sticky flex justify-between top-0 bg-[rgb(var(--background))] z-10 max-w-4xl mx-auto p-4 text-lg"
|
class="sticky flex justify-between top-0 bg-[rgb(var(--background-light))] z-10 p-4 text-lg rounded-bl-3xl rounded-br-3xl overflow-hidden"
|
||||||
>
|
>
|
||||||
<div class="flex items-center">
|
<div class="flex justify-between w-full max-w-4xl mx-auto pr-1">
|
||||||
<a href="https://auxolotl.org" class="flex items-center text-lg gap-4">
|
<div class="flex items-center">
|
||||||
<Image class="w-12 h-12" src={aux} alt="auxolotl.org logo" />
|
<a
|
||||||
<span>Auxolotl</span>
|
href="https://auxolotl.org"
|
||||||
</a>
|
class="flex items-center text-lg gap-2"
|
||||||
</div>
|
>
|
||||||
|
<Image
|
||||||
|
class="w-12 h-12"
|
||||||
|
src={auxolotl}
|
||||||
|
alt="auxolotl.org logo"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
<nav>
|
<nav>
|
||||||
<ul class="flex gap-4 items-center h-full">
|
<ul class="flex gap-4 items-center h-full">
|
||||||
<!--
|
<!--
|
||||||
<li><a href="https://auxolotl.org/contribute">Contribute</a></li>
|
<li><a href="https://auxolotl.org/contribute">Contribute</a></li>
|
||||||
-->
|
-->
|
||||||
|
|
||||||
<li><a href="https://wiki.auxolotl.org">Wiki</a></li>
|
<li>
|
||||||
<li>
|
<a
|
||||||
<a href="https://forum.aux.computer"
|
href="https://wiki.auxolotl.org"
|
||||||
>{translation("header.community")}</a
|
class="inline-block relative after:absolute after:left-0 after:top-full after:w-full after:h-1 after:rounded after:bg-[rgb(var(--text))] after:origin-center after:transform after:scale-x-0 hover:after:scale-x-100 after:transition-transform delay-75 duration-100"
|
||||||
>
|
>Wiki</a
|
||||||
</li>
|
>
|
||||||
<li><a href="https://github.com/auxolotl">GitHub</a></li>
|
</li>
|
||||||
</ul>
|
<li>
|
||||||
</nav>
|
<a
|
||||||
|
href="https://forum.aux.computer"
|
||||||
|
class="inline-block relative after:absolute after:left-0 after:top-full after:w-full after:h-1 after:rounded after:bg-[rgb(var(--text))] after:origin-center after:transform after:scale-x-0 hover:after:scale-x-100 after:transition-transform delay-75 duration-100"
|
||||||
|
>{translation("header.community")}</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://github.com/auxolotl"
|
||||||
|
class="inline-block relative after:absolute after:left-0 after:top-full after:w-full after:h-1 after:rounded after:bg-[rgb(var(--text))] after:origin-center after:transform after:scale-x-0 hover:after:scale-x-100 after:transition-transform delay-75 duration-100"
|
||||||
|
>GitHub</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
|
||||||
|
|
@ -1,20 +1,21 @@
|
||||||
---
|
---
|
||||||
import { useTranslations } from "../../i18n/utils";
|
import { useTranslations } from "../../i18n/utils";
|
||||||
import { Image } from "astro:assets";
|
import { Image } from "astro:assets";
|
||||||
import aux from "../../../public/aux.svg";
|
import auxText from "../../../public/aux-text.svg";
|
||||||
import type { Params } from "../../i18n/utils";
|
import type { Params } from "../../i18n/utils";
|
||||||
|
|
||||||
const { lang } = Astro.params as Params;
|
const { lang } = Astro.params as Params;
|
||||||
const translation = useTranslations(lang);
|
const translation = useTranslations(lang);
|
||||||
---
|
---
|
||||||
|
|
||||||
<div class="hero">
|
<div class="w-full bg-[rgb(var(--background))]">
|
||||||
<div class="content">
|
<div class="hero rounded-bl-3xl rounded-br-3xl">
|
||||||
<div class="icon">
|
<div class="content">
|
||||||
<Image src={aux} alt="auxolotl.org logo" />
|
<div class="icon">
|
||||||
|
<Image src={auxText} alt="aux" />
|
||||||
|
</div>
|
||||||
|
<div class="description">{translation("root.description")}</div>
|
||||||
</div>
|
</div>
|
||||||
<h1 class="title">auxolotl.org</h1>
|
|
||||||
<div class="description">{translation("root.description")}</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -22,8 +23,11 @@ const translation = useTranslations(lang);
|
||||||
.hero {
|
.hero {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
max-width: 600px;
|
width: 100%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
|
background: rgb(var(--background-light));
|
||||||
|
padding-top: 1rem;
|
||||||
|
padding-bottom: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
|
|
@ -38,23 +42,10 @@ const translation = useTranslations(lang);
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content .icon::before {
|
|
||||||
content: "";
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
width: 100%;
|
|
||||||
height: 60%;
|
|
||||||
background: rgb(var(--accent));
|
|
||||||
border-radius: 50%;
|
|
||||||
bottom: 0;
|
|
||||||
left: 0;
|
|
||||||
transform: rotateZ(-5deg) skewX(-8deg) skewY(-8deg);
|
|
||||||
z-index: -1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content .icon img {
|
.content .icon img {
|
||||||
width: 250px;
|
width: 100%;
|
||||||
height: 250px;
|
height: auto;
|
||||||
|
max-width: 450px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content .title {
|
.content .title {
|
||||||
|
|
@ -65,6 +56,7 @@ const translation = useTranslations(lang);
|
||||||
|
|
||||||
.content .description {
|
.content .description {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 1rem;
|
font-size: 1.25rem;
|
||||||
|
text-wrap: balance;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -8,9 +8,13 @@ import Roadmap from "./Roadmap.astro";
|
||||||
<main class="grid place-items-center">
|
<main class="grid place-items-center">
|
||||||
<Hero />
|
<Hero />
|
||||||
|
|
||||||
<div class="prose prose-invert py-16 px-4 max-w-4xl">
|
<div
|
||||||
<Values />
|
class="py-16 px-4 flex justify-center w-full bg-[rgb(var(--background))]"
|
||||||
<Goals />
|
>
|
||||||
<Roadmap />
|
<div class="prose prose-invert max-w-4xl w-full">
|
||||||
|
<Values />
|
||||||
|
<Goals />
|
||||||
|
<Roadmap />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
|
|
||||||
|
|
@ -32,9 +32,9 @@ const { lang } = Astro.params as Params;
|
||||||
</html>
|
</html>
|
||||||
<style is:global>
|
<style is:global>
|
||||||
:root {
|
:root {
|
||||||
--accent: 136, 58, 234;
|
--accent: 240, 163, 213;
|
||||||
--background: 24, 24, 24;
|
--background: 22, 24, 29;
|
||||||
--background-light: 34, 34, 38;
|
--background-light: 27, 28, 33;
|
||||||
--text: 255, 255, 255;
|
--text: 255, 255, 255;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -42,7 +42,7 @@ const { lang } = Astro.params as Params;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-family: system-ui, sans-serif;
|
font-family: system-ui, sans-serif;
|
||||||
color: rgb(var(--text));
|
color: rgb(var(--text));
|
||||||
background: rgb(var(--background));
|
background: rgb(var(--background-light));
|
||||||
background-size: 224px;
|
background-size: 224px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue