added button

This commit is contained in:
twoneis 2025-02-20 00:41:21 +01:00
parent 53cb7e3d29
commit d074bd1b60
11 changed files with 766 additions and 0 deletions

BIN
button/button.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

763
button/button.svg Normal file
View file

@ -0,0 +1,763 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="297mm"
height="210mm"
viewBox="0 0 296.99999 210"
version="1.1"
id="svg1"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
sodipodi:docname="button.svg"
inkscape:export-filename="button.png"
inkscape:export-xdpi="25.4"
inkscape:export-ydpi="25.4"
inkscape:export-batch-path="/home/twoneis/code"
inkscape:export-batch-name="button"
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"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs1">
<linearGradient
id="linearGradient6"
inkscape:label="-180">
<stop
style="stop-color:#753ec1;stop-opacity:1;"
offset="0"
id="stop63" />
<stop
style="stop-color:#9064cd;stop-opacity:1;"
offset="1"
id="stop64" />
</linearGradient>
<linearGradient
id="linearGradient6-5"
inkscape:label="100">
<stop
style="stop-color:#753ec1;stop-opacity:1;"
offset="0"
id="stop43" />
<stop
style="stop-color:#9064cd;stop-opacity:1;"
offset="1"
id="stop44" />
</linearGradient>
<linearGradient
id="linearGradient6-4"
inkscape:label="75">
<stop
style="stop-color:#753ec1;stop-opacity:1;"
offset="0"
id="stop41" />
<stop
style="stop-color:#9064cd;stop-opacity:1;"
offset="1"
id="stop42" />
</linearGradient>
<linearGradient
id="linearGradient6-3"
inkscape:label="25">
<stop
style="stop-color:#753ec1;stop-opacity:1;"
offset="0"
id="stop39" />
<stop
style="stop-color:#9064cd;stop-opacity:1;"
offset="1"
id="stop40" />
</linearGradient>
<linearGradient
id="linearGradient6-2"
inkscape:label="0">
<stop
style="stop-color:#753ec1;stop-opacity:1;"
offset="0"
id="stop37" />
<stop
style="stop-color:#9064cd;stop-opacity:1;"
offset="1"
id="stop38" />
</linearGradient>
<linearGradient
id="linearGradient6-7"
inkscape:label="-180">
<stop
style="stop-color:#753ec1;stop-opacity:1;"
offset="0"
id="stop35" />
<stop
style="stop-color:#9064cd;stop-opacity:1;"
offset="1"
id="stop36" />
</linearGradient>
<linearGradient
id="linearGradient6-6"
inkscape:label="-135">
<stop
style="stop-color:#753ec1;stop-opacity:1;"
offset="0"
id="stop33" />
<stop
style="stop-color:#9064cd;stop-opacity:1;"
offset="1"
id="stop34" />
</linearGradient>
<linearGradient
id="linearGradient6-1"
inkscape:label="-45">
<stop
style="stop-color:#753ec1;stop-opacity:1;"
offset="0"
id="stop6" />
<stop
style="stop-color:#9064cd;stop-opacity:1;"
offset="1"
id="stop7" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient6-5"
id="linearGradient31"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1274715,0,0,1.1274715,-5.8182113,1.2580538)"
x1="9.4981775"
y1="12.938955"
x2="64.597275"
y2="12.938955" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient6-5"
id="linearGradient49"
x1="26.379154"
y1="6.7708082"
x2="31.379158"
y2="6.7708082"
gradientUnits="userSpaceOnUse" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient6-5"
id="linearGradient120"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1274715,0,0,1.1274715,-5.8182113,1.2580538)"
x1="9.4981775"
y1="12.938955"
x2="64.597275"
y2="12.938955" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient6-5"
id="linearGradient121"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1274715,0,0,1.1274715,-5.8182113,1.2580538)"
x1="9.4981775"
y1="12.938955"
x2="64.597275"
y2="12.938955" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient6-5"
id="linearGradient122"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1274715,0,0,1.1274715,-5.8182113,1.2580538)"
x1="9.4981775"
y1="12.938955"
x2="64.597275"
y2="12.938955" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient6-5"
id="linearGradient123"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1274715,0,0,1.1274715,-5.8182113,1.2580538)"
x1="9.4981775"
y1="12.938955"
x2="64.597275"
y2="12.938955" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient6-5"
id="linearGradient124"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1274715,0,0,1.1274715,-5.8182113,1.2580538)"
x1="9.4981775"
y1="12.938955"
x2="64.597275"
y2="12.938955" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient6-5"
id="linearGradient125"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1274715,0,0,1.1274715,-5.8182113,1.2580538)"
x1="9.4981775"
y1="12.938955"
x2="64.597275"
y2="12.938955" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient6-5"
id="linearGradient126"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(1.1274715,0,0,1.1274715,-5.8182113,1.2580538)"
x1="9.4981775"
y1="12.938955"
x2="64.597275"
y2="12.938955" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.3"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1.063025"
inkscape:cx="284.09492"
inkscape:cy="340.53762"
inkscape:document-units="mm"
inkscape:showpageshadow="0"
inkscape:pagecheckerboard="1"
inkscape:deskcolor="#505050"
showguides="true"
inkscape:window-width="2554"
inkscape:window-height="2142"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="0"
inkscape:current-layer="svg1">
<sodipodi:guide
position="40.66543,236.34706"
orientation="0,-1"
id="guide122"
inkscape:locked="false" />
</sodipodi:namedview>
<metadata
id="metadata1">
<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>
<g
id="g31"
inkscape:label="8"
style="display:inline"
transform="translate(101.41904,112.1598)">
<g
inkscape:groupmode="layer"
id="g29"
inkscape:label="Background">
<rect
style="display:inline;fill:#808080;fill-opacity:1;stroke-width:0"
id="rect27"
width="87"
height="30"
x="0.5"
y="0.5"
inkscape:label="button" />
<path
style="fill:#9064cd;fill-opacity:0.8;stroke-width:0"
d="m 88,0 h -8 l -8,31 h 8 z"
id="path27"
inkscape:label="ribbon" />
<path
style="fill:#e5e5e5;fill-opacity:0.8;stroke-width:0"
d="m 0,31 0.5,-0.5 v -30 h 87 L 88,0 H 0 Z"
id="path28"
inkscape:label="light" />
<path
style="fill:#1a1a1a;fill-opacity:0.8;stroke-width:0"
d="m 0,31 0.5,-0.5 h 87 V 0.5 L 88,0 v 31 z"
id="path29"
inkscape:label="dark" />
</g>
<g
inkscape:groupmode="layer"
id="g30"
inkscape:label="Text">
<text
xml:space="preserve"
style="font-size:26.6826px;font-family:'FiraCode Nerd Font';-inkscape-font-specification:'FiraCode Nerd Font';text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;display:inline;fill:url(#linearGradient123);stroke-width:0"
x="3.5086901"
y="26.266262"
id="text29"
transform="scale(1.0223457,0.97814271)"
inkscape:label="mira"><tspan
sodipodi:role="line"
id="tspan29"
style="fill:url(#linearGradient123);fill-opacity:1;stroke-width:0"
x="3.5086901"
y="26.266262">mira</tspan></text>
<text
xml:space="preserve"
style="font-size:6.01106px;font-family:'FiraCode Nerd Font';-inkscape-font-specification:'FiraCode Nerd Font';text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#8351c7;fill-opacity:1;stroke-width:0"
x="26.376106"
y="8.6203651"
id="text48"
inkscape:label="heart"><tspan
sodipodi:role="line"
id="tspan48"
style="fill:#8351c7;fill-opacity:1;stroke-width:0"
x="26.376106"
y="8.6203651">󰋑</tspan></text>
</g>
</g>
<g
id="g96"
inkscape:label="7"
style="display:inline"
transform="translate(101.66794,78.807653)">
<g
inkscape:groupmode="layer"
id="g94"
inkscape:label="Background">
<rect
style="display:inline;fill:#808080;fill-opacity:1;stroke-width:0"
id="rect92"
width="87"
height="30"
x="0.5"
y="0.5"
inkscape:label="button" />
<path
style="fill:#9064cd;fill-opacity:0.8;stroke-width:0"
d="m 88,0 h -8 l -8,31 h 8 z"
id="path92"
inkscape:label="ribbon" />
<path
style="fill:#e5e5e5;fill-opacity:0.8;stroke-width:0"
d="m 0,31 0.5,-0.5 v -30 h 87 L 88,0 H 0 Z"
id="path93"
inkscape:label="light" />
<path
style="fill:#1a1a1a;fill-opacity:0.8;stroke-width:0"
d="m 0,31 0.5,-0.5 h 87 V 0.5 L 88,0 v 31 z"
id="path94"
inkscape:label="dark" />
</g>
<g
inkscape:groupmode="layer"
id="g95"
inkscape:label="Text">
<text
xml:space="preserve"
style="font-size:26.6826px;font-family:'FiraCode Nerd Font';-inkscape-font-specification:'FiraCode Nerd Font';text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;display:inline;fill:url(#linearGradient124);stroke-width:0"
x="3.5086901"
y="26.266262"
id="text94"
transform="scale(1.0223457,0.97814271)"
inkscape:label="mira"><tspan
sodipodi:role="line"
id="tspan94"
style="fill:url(#linearGradient124);fill-opacity:1;stroke-width:0"
x="3.5086901"
y="26.266262">mira</tspan></text>
<text
xml:space="preserve"
style="font-size:6.01106px;font-family:'FiraCode Nerd Font';-inkscape-font-specification:'FiraCode Nerd Font';text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#8351c7;fill-opacity:0.75;stroke-width:0"
x="26.376106"
y="8.6203651"
id="text95"
inkscape:label="heart"><tspan
sodipodi:role="line"
id="tspan95"
style="fill:#8351c7;fill-opacity:0.75;stroke-width:0"
x="26.376106"
y="8.6203651">󰋑</tspan></text>
</g>
</g>
<g
id="g100"
inkscape:label="6"
style="display:inline"
transform="translate(101.66794,44.459919)">
<g
inkscape:groupmode="layer"
id="g98"
inkscape:label="Background">
<rect
style="display:inline;fill:#808080;fill-opacity:1;stroke-width:0"
id="rect96"
width="87"
height="30"
x="0.5"
y="0.5"
inkscape:label="button" />
<path
style="fill:#9064cd;fill-opacity:0.8;stroke-width:0"
d="m 88,0 h -8 l -8,31 h 8 z"
id="path96"
inkscape:label="ribbon" />
<path
style="fill:#e5e5e5;fill-opacity:0.8;stroke-width:0"
d="m 0,31 0.5,-0.5 v -30 h 87 L 88,0 H 0 Z"
id="path97"
inkscape:label="light" />
<path
style="fill:#1a1a1a;fill-opacity:0.8;stroke-width:0"
d="m 0,31 0.5,-0.5 h 87 V 0.5 L 88,0 v 31 z"
id="path98"
inkscape:label="dark" />
</g>
<g
inkscape:groupmode="layer"
id="g99"
inkscape:label="Text">
<text
xml:space="preserve"
style="font-size:26.6826px;font-family:'FiraCode Nerd Font';-inkscape-font-specification:'FiraCode Nerd Font';text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;display:inline;fill:url(#linearGradient125);stroke-width:0"
x="3.5086901"
y="26.266262"
id="text98"
transform="scale(1.0223457,0.97814271)"
inkscape:label="mira"><tspan
sodipodi:role="line"
id="tspan98"
style="fill:url(#linearGradient125);fill-opacity:1;stroke-width:0"
x="3.5086901"
y="26.266262">mira</tspan></text>
<text
xml:space="preserve"
style="font-size:6.01106px;font-family:'FiraCode Nerd Font';-inkscape-font-specification:'FiraCode Nerd Font';text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#8351c7;fill-opacity:0.5;stroke-width:0"
x="26.376106"
y="8.6203651"
id="text99"
inkscape:label="heart"><tspan
sodipodi:role="line"
id="tspan99"
style="fill:#8351c7;fill-opacity:0.5;stroke-width:0"
x="26.376106"
y="8.6203651">󰋑</tspan></text>
</g>
</g>
<g
id="g104"
inkscape:label="5"
style="display:inline"
transform="translate(101.91683,8.8677017)">
<g
inkscape:groupmode="layer"
id="g102"
inkscape:label="Background">
<rect
style="display:inline;fill:#808080;fill-opacity:1;stroke-width:0"
id="rect100"
width="87"
height="30"
x="0.5"
y="0.5"
inkscape:label="button" />
<path
style="fill:#9064cd;fill-opacity:0.8;stroke-width:0"
d="m 88,0 h -8 l -8,31 h 8 z"
id="path100"
inkscape:label="ribbon" />
<path
style="fill:#e5e5e5;fill-opacity:0.8;stroke-width:0"
d="m 0,31 0.5,-0.5 v -30 h 87 L 88,0 H 0 Z"
id="path101"
inkscape:label="light" />
<path
style="fill:#1a1a1a;fill-opacity:0.8;stroke-width:0"
d="m 0,31 0.5,-0.5 h 87 V 0.5 L 88,0 v 31 z"
id="path102"
inkscape:label="dark" />
</g>
<g
inkscape:groupmode="layer"
id="g103"
inkscape:label="Text">
<text
xml:space="preserve"
style="font-size:26.6826px;font-family:'FiraCode Nerd Font';-inkscape-font-specification:'FiraCode Nerd Font';text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;display:inline;fill:url(#linearGradient126);stroke-width:0"
x="3.5086901"
y="26.266262"
id="text102"
transform="scale(1.0223457,0.97814271)"
inkscape:label="mira"><tspan
sodipodi:role="line"
id="tspan102"
style="fill:url(#linearGradient126);fill-opacity:1;stroke-width:0"
x="3.5086901"
y="26.266262">mira</tspan></text>
<text
xml:space="preserve"
style="font-size:6.01106px;font-family:'FiraCode Nerd Font';-inkscape-font-specification:'FiraCode Nerd Font';text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#8351c7;fill-opacity:0.25;stroke-width:0"
x="26.376106"
y="8.6203651"
id="text103"
inkscape:label="heart"><tspan
sodipodi:role="line"
id="tspan103"
style="fill:#8351c7;fill-opacity:0.25;stroke-width:0"
x="26.376106"
y="8.6203651">󰋑</tspan></text>
</g>
</g>
<g
id="g108"
inkscape:label="4"
style="display:inline"
transform="translate(9.078391,112.65759)">
<g
inkscape:groupmode="layer"
id="g106"
inkscape:label="Background">
<rect
style="display:inline;fill:#808080;fill-opacity:1;stroke-width:0"
id="rect104"
width="87"
height="30"
x="0.5"
y="0.5"
inkscape:label="button" />
<path
style="fill:#9064cd;fill-opacity:0.8;stroke-width:0"
d="m 88,0 h -8 l -8,31 h 8 z"
id="path104"
inkscape:label="ribbon" />
<path
style="fill:#e5e5e5;fill-opacity:0.8;stroke-width:0"
d="m 0,31 0.5,-0.5 v -30 h 87 L 88,0 H 0 Z"
id="path105"
inkscape:label="light" />
<path
style="fill:#1a1a1a;fill-opacity:0.8;stroke-width:0"
d="m 0,31 0.5,-0.5 h 87 V 0.5 L 88,0 v 31 z"
id="path106"
inkscape:label="dark" />
</g>
<g
inkscape:groupmode="layer"
id="g107"
inkscape:label="Text">
<text
xml:space="preserve"
style="font-size:26.6826px;font-family:'FiraCode Nerd Font';-inkscape-font-specification:'FiraCode Nerd Font';text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;display:inline;fill:url(#linearGradient31);stroke-width:0"
x="3.5086901"
y="26.266262"
id="text106"
transform="scale(1.0223457,0.97814271)"
inkscape:label="mira"><tspan
sodipodi:role="line"
id="tspan106"
style="fill:url(#linearGradient31);fill-opacity:1;stroke-width:0"
x="3.5086901"
y="26.266262">mira</tspan></text>
<text
xml:space="preserve"
style="font-size:6.01106px;font-family:'FiraCode Nerd Font';-inkscape-font-specification:'FiraCode Nerd Font';text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#8351c7;fill-opacity:0;stroke-width:0"
x="26.376106"
y="8.6203651"
id="text107"
inkscape:label="heart"><tspan
sodipodi:role="line"
id="tspan107"
style="fill:#8351c7;fill-opacity:0;stroke-width:0"
x="26.376106"
y="8.6203651">󰋑</tspan></text>
</g>
</g>
<g
id="g112"
inkscape:label="3"
style="display:inline"
transform="translate(10.073973,78.558757)">
<g
inkscape:groupmode="layer"
id="g110"
inkscape:label="Background">
<rect
style="display:inline;fill:#808080;fill-opacity:1;stroke-width:0"
id="rect108"
width="87"
height="30"
x="0.5"
y="0.5"
inkscape:label="button" />
<path
style="fill:#9064cd;fill-opacity:0.8;stroke-width:0"
d="m 88,0 h -8 l -8,31 h 8 z"
id="path108"
inkscape:label="ribbon" />
<path
style="fill:#e5e5e5;fill-opacity:0.8;stroke-width:0"
d="m 0,31 0.5,-0.5 v -30 h 87 L 88,0 H 0 Z"
id="path109"
inkscape:label="light" />
<path
style="fill:#1a1a1a;fill-opacity:0.8;stroke-width:0"
d="m 0,31 0.5,-0.5 h 87 V 0.5 L 88,0 v 31 z"
id="path110"
inkscape:label="dark" />
</g>
<g
inkscape:groupmode="layer"
id="g111"
inkscape:label="Text">
<text
xml:space="preserve"
style="font-size:26.6826px;font-family:'FiraCode Nerd Font';-inkscape-font-specification:'FiraCode Nerd Font';text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;display:inline;fill:url(#linearGradient122);stroke-width:0"
x="3.5086901"
y="26.266262"
id="text110"
transform="scale(1.0223457,0.97814271)"
inkscape:label="mira"><tspan
sodipodi:role="line"
id="tspan110"
style="fill:url(#linearGradient122);fill-opacity:1;stroke-width:0"
x="3.5086901"
y="26.266262">mira</tspan></text>
<text
xml:space="preserve"
style="font-size:6.01106px;font-family:'FiraCode Nerd Font';-inkscape-font-specification:'FiraCode Nerd Font';text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#8351c7;fill-opacity:0.5;stroke-width:0"
x="26.376106"
y="8.6203651"
id="text111"
inkscape:label="heart"><tspan
sodipodi:role="line"
id="tspan111"
style="fill:#8351c7;fill-opacity:0.5;stroke-width:0"
x="26.376106"
y="8.6203651">󰋑</tspan></text>
</g>
</g>
<g
id="g116"
inkscape:label="2"
style="display:inline"
transform="translate(9.8250812,44.459919)">
<g
inkscape:groupmode="layer"
id="g114"
inkscape:label="Background">
<rect
style="display:inline;fill:#808080;fill-opacity:1;stroke-width:0"
id="rect112"
width="87"
height="30"
x="0.5"
y="0.5"
inkscape:label="button" />
<path
style="fill:#9064cd;fill-opacity:0.8;stroke-width:0"
d="m 88,0 h -8 l -8,31 h 8 z"
id="path112"
inkscape:label="ribbon" />
<path
style="fill:#e5e5e5;fill-opacity:0.8;stroke-width:0"
d="m 0,31 0.5,-0.5 v -30 h 87 L 88,0 H 0 Z"
id="path113"
inkscape:label="light" />
<path
style="fill:#1a1a1a;fill-opacity:0.8;stroke-width:0"
d="m 0,31 0.5,-0.5 h 87 V 0.5 L 88,0 v 31 z"
id="path114"
inkscape:label="dark" />
</g>
<g
inkscape:groupmode="layer"
id="g115"
inkscape:label="Text">
<text
xml:space="preserve"
style="font-size:26.6826px;font-family:'FiraCode Nerd Font';-inkscape-font-specification:'FiraCode Nerd Font';text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;display:inline;fill:url(#linearGradient121);stroke-width:0"
x="3.5086901"
y="26.266262"
id="text114"
transform="scale(1.0223457,0.97814271)"
inkscape:label="mira"><tspan
sodipodi:role="line"
id="tspan114"
style="fill:url(#linearGradient121);fill-opacity:1;stroke-width:0"
x="3.5086901"
y="26.266262">mira</tspan></text>
<text
xml:space="preserve"
style="font-size:6.01106px;font-family:'FiraCode Nerd Font';-inkscape-font-specification:'FiraCode Nerd Font';text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#8351c7;fill-opacity:0.75;stroke-width:0"
x="26.376106"
y="8.6203651"
id="text115"
inkscape:label="heart"><tspan
sodipodi:role="line"
id="tspan115"
style="fill:#8351c7;fill-opacity:0.75;stroke-width:0"
x="26.376106"
y="8.6203651">󰋑</tspan></text>
</g>
</g>
<g
id="g120"
inkscape:label="1"
style="display:inline"
transform="translate(9.8503593,9.7057836)">
<g
inkscape:groupmode="layer"
id="g118"
inkscape:label="Background">
<rect
style="display:inline;fill:#808080;fill-opacity:1;stroke-width:0"
id="rect116"
width="87"
height="30"
x="0.5"
y="0.5"
inkscape:label="button" />
<path
style="fill:#9064cd;fill-opacity:0.8;stroke-width:0"
d="m 88,0 h -8 l -8,31 h 8 z"
id="path116"
inkscape:label="ribbon" />
<path
style="fill:#e5e5e5;fill-opacity:0.8;stroke-width:0"
d="m 0,31 0.5,-0.5 v -30 h 87 L 88,0 H 0 Z"
id="path117"
inkscape:label="light" />
<path
style="fill:#1a1a1a;fill-opacity:0.8;stroke-width:0"
d="m 0,31 0.5,-0.5 h 87 V 0.5 L 88,0 v 31 z"
id="path118"
inkscape:label="dark" />
</g>
<g
inkscape:groupmode="layer"
id="g119"
inkscape:label="Text">
<text
xml:space="preserve"
style="font-size:26.6826px;font-family:'FiraCode Nerd Font';-inkscape-font-specification:'FiraCode Nerd Font';text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;display:inline;fill:url(#linearGradient120);stroke-width:0"
x="3.5086901"
y="26.266262"
id="text118"
transform="scale(1.0223457,0.97814271)"
inkscape:label="mira"><tspan
sodipodi:role="line"
id="tspan118"
style="fill:url(#linearGradient120);fill-opacity:1;stroke-width:0"
x="3.5086901"
y="26.266262">mira</tspan></text>
<text
xml:space="preserve"
style="font-size:6.01106px;font-family:'FiraCode Nerd Font';-inkscape-font-specification:'FiraCode Nerd Font';text-align:start;writing-mode:lr-tb;direction:ltr;text-anchor:start;fill:#8351c7;fill-opacity:1;stroke-width:0"
x="26.376106"
y="8.6203651"
id="text119"
inkscape:label="heart"><tspan
sodipodi:role="line"
id="tspan119"
style="fill:#8351c7;fill-opacity:1;stroke-width:0"
x="26.376106"
y="8.6203651">󰋑</tspan></text>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 25 KiB

BIN
button/button_1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

BIN
button/button_2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

BIN
button/button_3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

BIN
button/button_4.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

BIN
button/button_5.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

BIN
button/button_6.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

BIN
button/button_7.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

BIN
button/button_8.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

View file

@ -10,4 +10,7 @@
<h1>hii :3</h1>
</main>
</body>
<footer>
<img src="button/button.gif" alt="88x31 with text mira and a pulsating heart as dot on the i">
</footer>
</html>