waffles: power menu and user account menu

This commit is contained in:
end-4
2025-12-01 13:27:01 +01:00
parent 61b5cf8cb6
commit 8d2c8bd38e
13 changed files with 611 additions and 61 deletions
@@ -0,0 +1,17 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_525_6" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="4" width="56" height="56">
<rect x="4.5" y="4.5" width="26.5" height="26.5" fill="#D9D9D9"/>
<rect x="4.5" y="33" width="26.5" height="26.5" fill="#D9D9D9"/>
<rect x="33" y="4.5" width="26.5" height="26.5" fill="#D9D9D9"/>
<rect x="33" y="33" width="26.5" height="26.5" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_525_6)">
<rect width="64" height="64" fill="url(#paint0_linear_525_6)"/>
</g>
<defs>
<linearGradient id="paint0_linear_525_6" x1="0" y1="0" x2="63.6279" y2="64" gradientUnits="userSpaceOnUse">
<stop stop-color="#5AE8C0"/>
<stop offset="0.99563" stop-color="#119979"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 795 B

@@ -1,24 +1,120 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 6.2C4 4.98497 4.98497 4 6.2 4H28.2C29.415 4 30.4 4.98497 30.4 6.2V28.2C30.4 29.415 29.415 30.4 28.2 30.4H6.2C4.98497 30.4 4 29.415 4 28.2V6.2Z" fill="url(#paint0_radial_520_19)"/>
<path d="M32.6 6.2C32.6 4.98497 33.585 4 34.8 4H56.8C58.015 4 59 4.98497 59 6.2V28.2C59 29.415 58.015 30.4 56.8 30.4H34.8C33.585 30.4 32.6 29.415 32.6 28.2V6.2Z" fill="url(#paint1_radial_520_19)"/>
<path d="M32.6 34.8C32.6 33.585 33.585 32.6 34.8 32.6H56.8C58.015 32.6 59 33.585 59 34.8V56.8C59 58.015 58.015 59 56.8 59H34.8C33.585 59 32.6 58.015 32.6 56.8V34.8Z" fill="url(#paint2_radial_520_19)"/>
<path d="M4 34.8C4 33.585 4.98497 32.6 6.2 32.6H28.2C29.415 32.6 30.4 33.585 30.4 34.8V56.8C30.4 58.015 29.415 59 28.2 59H6.2C4.98497 59 4 58.015 4 56.8V34.8Z" fill="url(#paint3_radial_520_19)"/>
<defs>
<radialGradient id="paint0_radial_520_19" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(4 4) rotate(45) scale(77.7817)">
<stop stop-color="#0B9BFE"/>
<stop offset="1" stop-color="#0B9BFE"/>
</radialGradient>
<radialGradient id="paint1_radial_520_19" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(4 4) rotate(45) scale(77.7817)">
<stop stop-color="#0B9BFE"/>
<stop offset="1" stop-color="#0B9BFE"/>
</radialGradient>
<radialGradient id="paint2_radial_520_19" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(4 4) rotate(45) scale(77.7817)">
<stop stop-color="#0B9BFE"/>
<stop offset="1" stop-color="#0B9BFE"/>
</radialGradient>
<radialGradient id="paint3_radial_520_19" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(4 4) rotate(45) scale(77.7817)">
<stop stop-color="#0B9BFE"/>
<stop offset="1" stop-color="#0B9BFE"/>
</radialGradient>
</defs>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="64"
height="64"
viewBox="0 0 64 64"
fill="none"
version="1.1"
id="svg11"
sodipodi:docname="start-here-pressed.svg"
inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview11"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="6.375"
inkscape:cx="32.156863"
inkscape:cy="28.862745"
inkscape:window-width="1164"
inkscape:window-height="1020"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg11" />
<g
id="g11"
transform="translate(0.5,0.5)">
<path
d="M 4,6.2 C 4,4.98497 4.98497,4 6.2,4 h 22 c 1.215,0 2.2,0.98497 2.2,2.2 v 22 c 0,1.215 -0.985,2.2 -2.2,2.2 H 6.2 C 4.98497,30.4 4,29.415 4,28.2 Z"
fill="url(#paint0_radial_520_19)"
id="path1"
style="fill:url(#paint0_radial_520_19)" />
<path
d="M 32.6,6.2 C 32.6,4.98497 33.585,4 34.8,4 h 22 C 58.015,4 59,4.98497 59,6.2 v 22 c 0,1.215 -0.985,2.2 -2.2,2.2 h -22 c -1.215,0 -2.2,-0.985 -2.2,-2.2 z"
fill="url(#paint1_radial_520_19)"
id="path2"
style="fill:url(#paint1_radial_520_19)" />
<path
d="m 32.6,34.8 c 0,-1.215 0.985,-2.2 2.2,-2.2 h 22 c 1.215,0 2.2,0.985 2.2,2.2 v 22 c 0,1.215 -0.985,2.2 -2.2,2.2 h -22 c -1.215,0 -2.2,-0.985 -2.2,-2.2 z"
fill="url(#paint2_radial_520_19)"
id="path3"
style="fill:url(#paint2_radial_520_19)" />
<path
d="m 4,34.8 c 0,-1.215 0.98497,-2.2 2.2,-2.2 h 22 c 1.215,0 2.2,0.985 2.2,2.2 v 22 c 0,1.215 -0.985,2.2 -2.2,2.2 H 6.2 C 4.98497,59 4,58.015 4,56.8 Z"
fill="url(#paint3_radial_520_19)"
id="path4"
style="fill:url(#paint3_radial_520_19)" />
</g>
<defs
id="defs11">
<radialGradient
id="paint0_radial_520_19"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(54.999968,54.999968,-54.999968,54.999968,4,4)">
<stop
stop-color="#0B9BFE"
id="stop4" />
<stop
offset="1"
stop-color="#0B9BFE"
id="stop5" />
</radialGradient>
<radialGradient
id="paint1_radial_520_19"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(54.999968,54.999968,-54.999968,54.999968,4,4)">
<stop
stop-color="#0B9BFE"
id="stop6" />
<stop
offset="1"
stop-color="#0B9BFE"
id="stop7" />
</radialGradient>
<radialGradient
id="paint2_radial_520_19"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(54.999968,54.999968,-54.999968,54.999968,4,4)">
<stop
stop-color="#0B9BFE"
id="stop8" />
<stop
offset="1"
stop-color="#0B9BFE"
id="stop9" />
</radialGradient>
<radialGradient
id="paint3_radial_520_19"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(54.999968,54.999968,-54.999968,54.999968,4,4)">
<stop
stop-color="#0B9BFE"
id="stop10" />
<stop
offset="1"
stop-color="#0B9BFE"
id="stop11" />
</radialGradient>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

@@ -1,24 +1,120 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 6.2C4 4.98497 4.98497 4 6.2 4H28.2C29.415 4 30.4 4.98497 30.4 6.2V28.2C30.4 29.415 29.415 30.4 28.2 30.4H6.2C4.98497 30.4 4 29.415 4 28.2V6.2Z" fill="url(#paint0_radial_519_6)"/>
<path d="M32.6 6.2C32.6 4.98497 33.585 4 34.8 4H56.8C58.015 4 59 4.98497 59 6.2V28.2C59 29.415 58.015 30.4 56.8 30.4H34.8C33.585 30.4 32.6 29.415 32.6 28.2V6.2Z" fill="url(#paint1_radial_519_6)"/>
<path d="M32.6 34.8C32.6 33.585 33.585 32.6 34.8 32.6H56.8C58.015 32.6 59 33.585 59 34.8V56.8C59 58.015 58.015 59 56.8 59H34.8C33.585 59 32.6 58.015 32.6 56.8V34.8Z" fill="url(#paint2_radial_519_6)"/>
<path d="M4 34.8C4 33.585 4.98497 32.6 6.2 32.6H28.2C29.415 32.6 30.4 33.585 30.4 34.8V56.8C30.4 58.015 29.415 59 28.2 59H6.2C4.98497 59 4 58.015 4 56.8V34.8Z" fill="url(#paint3_radial_519_6)"/>
<defs>
<radialGradient id="paint0_radial_519_6" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(4 4) rotate(45) scale(77.7817)">
<stop stop-color="#81DFFF"/>
<stop offset="1" stop-color="#0A99F9"/>
</radialGradient>
<radialGradient id="paint1_radial_519_6" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(4 4) rotate(45) scale(77.7817)">
<stop stop-color="#81DFFF"/>
<stop offset="1" stop-color="#0A99F9"/>
</radialGradient>
<radialGradient id="paint2_radial_519_6" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(4 4) rotate(45) scale(77.7817)">
<stop stop-color="#81DFFF"/>
<stop offset="1" stop-color="#0A99F9"/>
</radialGradient>
<radialGradient id="paint3_radial_519_6" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(4 4) rotate(45) scale(77.7817)">
<stop stop-color="#81DFFF"/>
<stop offset="1" stop-color="#0A99F9"/>
</radialGradient>
</defs>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="64"
height="64"
viewBox="0 0 64 64"
fill="none"
version="1.1"
id="svg11"
sodipodi:docname="start-here.svg"
inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview11"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="4.5078057"
inkscape:cx="53.3519"
inkscape:cy="28.838865"
inkscape:window-width="1113"
inkscape:window-height="1020"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg11" />
<g
id="g11"
transform="translate(0.5,0.5)">
<path
d="M 4,6.2 C 4,4.98497 4.98497,4 6.2,4 h 22 c 1.215,0 2.2,0.98497 2.2,2.2 v 22 c 0,1.215 -0.985,2.2 -2.2,2.2 H 6.2 C 4.98497,30.4 4,29.415 4,28.2 Z"
fill="url(#paint0_radial_519_6)"
id="path1"
style="fill:url(#paint0_radial_519_6)" />
<path
d="M 32.6,6.2 C 32.6,4.98497 33.585,4 34.8,4 h 22 C 58.015,4 59,4.98497 59,6.2 v 22 c 0,1.215 -0.985,2.2 -2.2,2.2 h -22 c -1.215,0 -2.2,-0.985 -2.2,-2.2 z"
fill="url(#paint1_radial_519_6)"
id="path2"
style="fill:url(#paint1_radial_519_6)" />
<path
d="m 32.6,34.8 c 0,-1.215 0.985,-2.2 2.2,-2.2 h 22 c 1.215,0 2.2,0.985 2.2,2.2 v 22 c 0,1.215 -0.985,2.2 -2.2,2.2 h -22 c -1.215,0 -2.2,-0.985 -2.2,-2.2 z"
fill="url(#paint2_radial_519_6)"
id="path3"
style="fill:url(#paint2_radial_519_6)" />
<path
d="m 4,34.8 c 0,-1.215 0.98497,-2.2 2.2,-2.2 h 22 c 1.215,0 2.2,0.985 2.2,2.2 v 22 c 0,1.215 -0.985,2.2 -2.2,2.2 H 6.2 C 4.98497,59 4,58.015 4,56.8 Z"
fill="url(#paint3_radial_519_6)"
id="path4"
style="fill:url(#paint3_radial_519_6)" />
</g>
<defs
id="defs11">
<radialGradient
id="paint0_radial_519_6"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(54.999968,54.999968,-54.999968,54.999968,4,4)">
<stop
stop-color="#81DFFF"
id="stop4" />
<stop
offset="1"
stop-color="#0A99F9"
id="stop5" />
</radialGradient>
<radialGradient
id="paint1_radial_519_6"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(54.999968,54.999968,-54.999968,54.999968,4,4)">
<stop
stop-color="#81DFFF"
id="stop6" />
<stop
offset="1"
stop-color="#0A99F9"
id="stop7" />
</radialGradient>
<radialGradient
id="paint2_radial_519_6"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(54.999968,54.999968,-54.999968,54.999968,4,4)">
<stop
stop-color="#81DFFF"
id="stop8" />
<stop
offset="1"
stop-color="#0A99F9"
id="stop9" />
</radialGradient>
<radialGradient
id="paint3_radial_519_6"
cx="0"
cy="0"
r="1"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(54.999968,54.999968,-54.999968,54.999968,4,4)">
<stop
stop-color="#81DFFF"
id="stop10" />
<stop
offset="1"
stop-color="#0A99F9"
id="stop11" />
</radialGradient>
</defs>
</svg>

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB