matei/zeroone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source 
Initial mock up of the app
This commit is contained in:
KM
2024-01-22 12:03:56 +01:00
commit 6e4dc5e9db
239 changed files with 32153 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

124
src/assets/base.css Normal file
View File

@@ -0,0 +1,124 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
:root {
--background: 0 0% 100%;
--foreground: 240 10% 3.9%;
--card: 0 0% 100%;
--card-foreground: 240 10% 3.9%;
--popover: 0 0% 100%;
--popover-foreground: 240 10% 3.9%;
--primary: 240 5.9% 10%;
--primary-foreground: 0 0% 98%;
--secondary: 240 4.8% 95.9%;
--secondary-foreground: 240 5.9% 10%;
--muted: 240 4.8% 95.9%;
--muted-foreground: 240 3.8% 46.1%;
--accent: 240 4.8% 95.9%;
--accent-foreground: 240 5.9% 10%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 0 0% 98%;
--border: 240 5.9% 90%;
--input: 240 5.9% 90%;
--ring: 240 10% 3.9%;
--radius: 0.5rem;
}
.dark {
--background: 240 10% 3.9%;
--foreground: 0 0% 98%;
--card: 240 10% 3.9%;
--card-foreground: 0 0% 98%;
--popover: 240 10% 3.9%;
--popover-foreground: 0 0% 98%;
--primary: 0 0% 98%;
--primary-foreground: 240 5.9% 10%;
--secondary: 240 3.7% 15.9%;
--secondary-foreground: 0 0% 98%;
--muted: 240 3.7% 15.9%;
--muted-foreground: 240 5% 64.9%;
--accent: 240 3.7% 15.9%;
--accent-foreground: 0 0% 98%;
--destructive: 0 62.8% 30.6%;
--destructive-foreground: 0 0% 98%;
--border: 240 3.7% 15.9%;
--input: 240 3.7% 15.9%;
--ring: 240 4.9% 83.9%;
}
}
@layer base {
* {
@apply border-border;
}
body {
@apply bg-background text-foreground;
}
@font-face {
font-family: 'ProtoMono';
src: url(gui-fonts/Proto-Mono-Semi-Bold.otf);
}
@font-face {
font-family: 'RenoMono';
src: url(gui-fonts/RenoMono.otf);
}
@font-face {
font-family: 'PixelLg';
src: url(gui-fonts/SG12.ttf);
}
@font-face {
font-family: 'PixelSm';
src: url(gui-fonts/andina.ttf);
}
.font-pixellg{
font-family: 'PixelLg';
}
.font-pixelsm{
font-family: 'PixelSm';
}
.font-size-gui-extra{
font-size: 48px;
}
h1,h2,h3,h4,h5,h6{
@apply font-heading;
}
#scale div{
width: 2px;
margin-right: 2px;
height: 5px;
@apply bg-white;
}
#scale div.active{
@apply bg-orange-500;
}
#scale div.current{
@apply bg-orange-500;
height: 10px;
}
}

BIN
src/assets/favico.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

BIN
src/assets/gfx-device/nanod.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 250 KiB

BIN
src/assets/gui-fonts/Proto-Mono-Semi-Bold.otf Normal file
View File

Binary file not shown.

BIN
src/assets/gui-fonts/RenoMono.otf Normal file
View File

Binary file not shown.

BIN
src/assets/gui-fonts/SG12.ttf Normal file
View File

Binary file not shown.

BIN
src/assets/gui-fonts/andina.ttf Normal file
View File

Binary file not shown.

18
src/assets/gui-ico/ico-cd.svg Normal file
View File

@@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 68 68" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-miterlimit:1;">
<g transform="matrix(1,0,0,1,-75.1962,-1)">
<g id="ico-cd" transform="matrix(1.0546,0,0,1.0625,75.1962,1)">
<rect x="0" y="0" width="64.48" height="64" style="fill:none;"/>
<g transform="matrix(0.75261,0.536708,-0.54073,0.747012,-499.862,-576.813)">
<path d="M852.5,177C866.574,177 878,188.426 878,202.5C878,216.574 866.574,228 852.5,228C838.426,228 827,216.574 827,202.5C827,188.426 838.426,177 852.5,177ZM852.5,179.046C839.556,179.046 829.046,189.556 829.046,202.5C829.046,215.444 839.556,225.954 852.5,225.954C865.444,225.954 875.954,215.444 875.954,202.5C875.954,189.556 865.444,179.046 852.5,179.046Z" style="fill:white;"/>
</g>
<g transform="matrix(0.374469,0.267045,-0.269046,0.371684,-225.586,-280.493)">
<path d="M852.5,182L852.5,192" style="fill:none;stroke:white;stroke-width:4.11px;"/>
</g>
<g transform="matrix(1.15275,0,0,1.14418,-950.479,-199.696)">
<circle cx="852.5" cy="202.5" r="25.5" style="fill:none;stroke:rgb(92,92,92);stroke-width:1.65px;stroke-dasharray:0.66,14.81,0,0,0,0;"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

20
src/assets/gui-ico/ico-fd.svg Normal file
View File

@@ -0,0 +1,20 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 68 68" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-miterlimit:1;">
<g id="ico-fd" transform="matrix(1.0546,0,0,1.0625,0,0)">
<rect x="0" y="0" width="64.48" height="64" style="fill:none;"/>
<g transform="matrix(0.946468,0,0,0.939428,-786.455,-170.513)">
<g transform="matrix(1.21795,0,0,1.21795,-173.301,-31.064)">
<circle cx="852.5" cy="202.5" r="25.5" style="fill:none;stroke:rgb(92,92,92);stroke-width:1.65px;stroke-dasharray:0.66,6.58,0,0,0,0;"/>
</g>
<g transform="matrix(0.168979,1.20617,-1.20617,0.168979,965.195,-846.907)">
<g transform="matrix(0.803922,0,0,0.803922,167.157,39.7059)">
<path d="M852.5,177C866.574,177 878,188.426 878,202.5C878,216.574 866.574,228 852.5,228C838.426,228 827,216.574 827,202.5C827,188.426 838.426,177 852.5,177ZM852.5,179.046C839.556,179.046 829.046,189.556 829.046,202.5C829.046,215.444 839.556,225.954 852.5,225.954C865.444,225.954 875.954,215.444 875.954,202.5C875.954,189.556 865.444,179.046 852.5,179.046Z" style="fill:white;"/>
</g>
<g transform="matrix(0.4,0,0,0.4,511.5,111.2)">
<path d="M852.5,182L852.5,192" style="fill:none;stroke:white;stroke-width:4.11px;"/>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

153
src/assets/gui-ico/ico-key-d.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

153
src/assets/gui-ico/ico-key-g.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

153
src/assets/gui-ico/ico-key-o.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

155
src/assets/gui-ico/ico-key.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

12
src/assets/gui-ico/ico-midi-logo.svg Normal file
View File

@@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 136 68" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-384.443,-1)">
<g id="ico-key" transform="matrix(2.10919,0,0,1.0625,384.443,1)">
<rect x="0" y="0" width="64.48" height="64" style="fill:none;"/>
<g transform="matrix(2.11336,0,0,4.19528,6.87951,-18.3454)">
<path d="M21.775,7.517L24,7.517L24,16.483L21.775,16.483L21.775,7.517ZM13.213,7.517L19.719,7.517C20.379,7.517 20.764,8.087 20.764,8.764L20.764,15.371C20.764,16.211 20.414,16.483 19.652,16.483L13.213,16.483L13.213,10.787L15.438,10.787L15.438,14.292L18.573,14.292L18.573,9.54L13.213,9.54L13.213,7.517ZM9.978,7.517L12.168,7.517L12.168,16.483L9.978,16.483L9.978,7.517ZM0,7.517L7.854,7.517C8.514,7.517 8.899,8.087 8.899,8.764L8.899,16.484L6.708,16.484L6.708,9.774L5.427,9.774L5.427,16.482L3.438,16.482L3.438,9.775L2.191,9.775L2.191,16.483L0,16.483L0,7.517Z" style="fill:rgb(235,235,235);fill-rule:nonzero;"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

36
src/assets/gui-ico/ico-rc.svg Normal file
View File

@@ -0,0 +1,36 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 68 68" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-miterlimit:1;">
<g transform="matrix(1,0,0,1,-226.869,-1)">
<g id="ico-rt" transform="matrix(1.0546,0,0,1.0625,226.869,1)">
<rect x="0" y="0" width="64.48" height="64" style="fill:none;"/>
<g transform="matrix(0.94823,0,0,0.941176,-1090.41,-171.035)">
<g transform="matrix(1.21795,0,0,1.21795,145.641,-30.8525)">
<g transform="matrix(0.803922,0,0,0.803922,167.157,39.7059)">
<path d="M852.5,177C866.574,177 878,188.426 878,202.5C878,216.574 866.574,228 852.5,228C838.426,228 827,216.574 827,202.5C827,188.426 838.426,177 852.5,177ZM852.5,179.043C839.554,179.043 829.043,189.554 829.043,202.5C829.043,215.446 839.554,225.957 852.5,225.957C865.446,225.957 875.957,215.446 875.957,202.5C875.957,189.554 865.446,179.043 852.5,179.043Z" style="fill:white;"/>
</g>
<g transform="matrix(0.4,0,0,0.4,511.5,111.2)">
<path d="M852.5,182L852.5,192" style="fill:none;stroke:white;stroke-width:4.11px;"/>
</g>
</g>
<g transform="matrix(1.21795,0,0,1.21795,145.641,-30.8525)">
<path d="M852.5,177C866.574,177 878,188.426 878,202.5" style="fill:none;stroke:rgb(92,92,92);stroke-width:1.64px;"/>
</g>
<g transform="matrix(1.21795,0,0,1.21795,145.641,-30.8525)">
<path d="M827,202.5C827,188.426 838.426,177 852.5,177" style="fill:none;stroke:rgb(92,92,92);stroke-width:1.64px;"/>
</g>
<g transform="matrix(1,0,0,1,68.9423,10.7244)">
<circle cx="1115" cy="174" r="3" style="fill:rgb(92,92,92);"/>
</g>
<g transform="matrix(-1.21795,-1.49156e-16,1.49156e-16,-1.21795,2540.13,463.026)">
<g transform="matrix(1,0,0,1,261,0)">
<path d="M852.5,177C866.574,177 878,188.426 878,202.5" style="fill:none;stroke:rgb(92,92,92);stroke-width:1.64px;stroke-dasharray:0.66,3.28,0,0,0,0;"/>
</g>
<g transform="matrix(1,0,0,1,261,0)">
<path d="M827,202.5C827,188.426 838.426,177 852.5,177" style="fill:none;stroke:rgb(92,92,92);stroke-width:1.64px;stroke-dasharray:0.66,3.28,0,0,0,0;"/>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

12
src/assets/gui-ico/ico-usb-logo.svg Normal file
View File

@@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 136 68" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-534.698,-1)">
<g id="ico-usb" transform="matrix(2.10919,0,0,1.0625,534.698,1)">
<rect x="0" y="0" width="64.48" height="64" style="fill:none;"/>
<g transform="matrix(0.0491017,0,0,0.0974729,14.909,6.75176)">
<path d="M641.5,256C641.5,259.1 639.8,262.1 637,263.5L547.9,317C546.5,317.8 545.1,318.4 543.4,318.4C542,318.4 540.3,318.1 538.9,317.3C536.1,315.6 534.4,312.8 534.4,309.5L534.4,273.9L295.7,273.9C321,313.5 336.2,380.8 365.3,380.8L392,380.8L392,354C392,349 395.9,345.1 400.9,345.1L490,345.1C495,345.1 498.9,349 498.9,354L498.9,443.1C498.9,448.1 495,452 490,452L400.9,452C395.9,452 392,448.1 392,443.1L392,416.4L365.3,416.4C289.9,416.4 284.2,273.9 240.6,273.9L140.3,273.9C132.2,304.5 104.4,327.4 71.3,327.4C32,327.3 0,295.3 0,256C0,216.7 32,184.7 71.3,184.7C104.4,184.7 132.3,207.5 140.3,238.2C179.4,238.2 184.2,247.7 214.9,177.8C255,88.7 273,95.7 323.8,95.7C331.3,74.8 350.8,60.1 374.2,60.1C403.7,60.1 427.7,84 427.7,113.6C427.7,143.2 403.8,167.1 374.2,167.1C350.8,167.1 331.3,152.3 323.8,131.5L294,131.5C264.9,131.5 249.7,198.9 224.4,238.4L534.5,238.4L534.5,202.8C534.5,199.5 536.2,196.7 539,195C541.8,193.3 545.4,193.6 547.9,195.3L637,248.8C639.8,249.9 641.5,252.9 641.5,256Z" style="fill:rgb(235,235,235);fill-rule:nonzero;"/>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

26
src/assets/gui-ico/ico-vf.svg Normal file
View File

@@ -0,0 +1,26 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 68 68" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-miterlimit:1;">
<g transform="matrix(1,0,0,1,-151.124,-1)">
<g id="ico-vf" transform="matrix(1.0546,0,0,1.0625,151.124,1)">
<rect x="0" y="0" width="64.48" height="64" style="fill:none;"/>
<g transform="matrix(1,0,0,1,1.89646,1.88235)">
<g transform="matrix(-0.939446,0.666736,-0.671733,-0.932458,967.247,-349.452)">
<g transform="matrix(0.803922,0,0,0.803922,167.157,39.7059)">
<path d="M852.5,177C866.574,177 878,188.426 878,202.5C878,216.574 866.574,228 852.5,228C838.426,228 827,216.574 827,202.5C827,188.426 838.426,177 852.5,177ZM852.5,179.043C839.554,179.043 829.043,189.554 829.043,202.5C829.043,215.446 839.554,225.957 852.5,225.957C865.446,225.957 875.957,215.446 875.957,202.5C875.957,189.554 865.446,179.043 852.5,179.043Z" style="fill:white;"/>
</g>
<g transform="matrix(0.4,0,0,0.4,511.5,111.2)">
<path d="M852.5,182L852.5,192" style="fill:none;stroke:white;stroke-width:4.11px;"/>
</g>
</g>
<g transform="matrix(1.1549,0,0,1.1463,-954.205,-202.009)">
<g transform="matrix(0.821053,-0,-0,0.821053,824.584,174.584)">
<path d="M37.221,0.181C35.57,0.054 34.127,1.291 34,2.942C33.873,4.593 35.111,6.036 36.762,6.163C38.413,6.29 39.856,5.052 39.982,3.401C40.109,1.75 38.872,0.307 37.221,0.181Z" style="fill:rgb(92,92,92);"/>
<path d="M27.788,0.41L34,2.942L28.247,6.392L27.788,0.41Z" style="fill:rgb(92,92,92);"/>
<path d="M38.709,3.804C38.437,3.761 38.25,3.506 38.292,3.233C38.334,2.96 38.59,2.773 38.862,2.815C46.467,3.994 53.177,7.89 57.968,13.48C62.699,18.999 65.558,26.168 65.558,34C65.558,42.709 62.023,50.598 56.31,56.31C50.598,62.023 42.709,65.558 34,65.558C25.291,65.558 17.402,62.023 11.69,56.31C5.977,50.598 2.442,42.709 2.442,34C2.442,26.168 5.301,18.999 10.032,13.48C14.823,7.89 21.533,3.994 29.138,2.815C29.41,2.773 29.666,2.96 29.708,3.233C29.75,3.506 29.563,3.761 29.291,3.804C21.928,4.944 15.43,8.718 10.791,14.131C6.211,19.475 3.442,26.417 3.442,34C3.442,42.433 6.865,50.072 12.397,55.603C17.928,61.135 25.567,64.558 34,64.558C42.433,64.558 50.072,61.135 55.603,55.603C61.135,50.072 64.558,42.433 64.558,34C64.558,26.417 61.789,19.475 57.209,14.131C52.57,8.718 46.072,4.944 38.709,3.804Z" style="fill:rgb(92,92,92);"/>
</g>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

40
src/assets/gui-ico/xl-bg-ico.svg Normal file
View File

@@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 301 301" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;">
<g transform="matrix(1,0,0,1,-406.435,-188.7)">
<g transform="matrix(1,0,0,1,272.791,-68.96)">
<g transform="matrix(1.76453,0,0,1.76453,-791.267,-245.177)">
<g transform="matrix(0.12,0,0,0.12,0,-54.8614)">
<path d="M4811.28,4001.73C5065.82,4147.93 5390.68,4060.11 5536.88,3805.57C5621.18,3658.82 5630.54,3480.7 5562.1,3325.91" style="fill:none;fill-rule:nonzero;stroke:white;stroke-width:2.83px;"/>
</g>
<g transform="matrix(-0.0800815,-0.0893697,-0.0893697,0.0800815,1472.57,474.872)">
<path d="M5288.11,4270.32C5394.91,4235.59 5509.97,4235.59 5616.77,4270.32" style="fill:none;fill-rule:nonzero;stroke:white;stroke-width:2.83px;"/>
</g>
<g transform="matrix(0,-0.12,-0.12,0,1081.2,979.52)">
<path d="M5078,3228.5C4689.47,3228.5 4374.5,3543.47 4374.5,3932C4374.5,4320.53 4689.47,4635.5 5078,4635.5C5466.53,4635.5 5781.5,4320.53 5781.5,3932C5781.5,3543.47 5466.53,3228.5 5078,3228.5" style="fill:none;fill-rule:nonzero;stroke:rgb(92,92,92);stroke-width:2.83px;"/>
</g>
<g transform="matrix(0.12,0,0,0.12,0,-119.458)">
<path d="M5342.77,3619.45C5088.89,3472.12 4763.64,3558.49 4616.3,3812.38C4468.97,4066.26 4555.34,4391.52 4809.23,4538.85C4809.91,4539.25 4810.59,4539.64 4811.28,4540.03" style="fill:none;fill-rule:nonzero;stroke:white;stroke-width:2.83px;"/>
</g>
<g transform="matrix(0.12,0,0,0.12,0,-84.1415)">
<path d="M4811.23,4245.55C5065.12,4392.88 5390.37,4306.5 5537.7,4052.62C5685.03,3798.73 5598.66,3473.48 5344.77,3326.14C5344.09,3325.75 5343.41,3325.36 5342.73,3324.97" style="fill:none;fill-rule:nonzero;stroke:white;stroke-width:2.83px;"/>
</g>
<g transform="matrix(0,-0.12,-0.12,0,1081.08,979.16)">
<path d="M5076,3420.5C4792.95,3420.5 4563.5,3649.95 4563.5,3933C4563.5,4216.05 4792.95,4445.5 5076,4445.5C5359.05,4445.5 5588.5,4216.05 5588.5,3933C5588.5,3649.95 5359.05,3420.5 5076,3420.5" style="fill-rule:nonzero;stroke:black;stroke-width:2.83px;"/>
</g>
<g transform="matrix(0,-0.12,-0.12,0,1081.2,979.52)">
<path d="M5078,3332C4746.63,3332 4478,3600.63 4478,3932C4478,4263.37 4746.63,4532 5078,4532C5409.37,4532 5678,4263.37 5678,3932C5678,3600.63 5409.37,3332 5078,3332" style="fill:none;fill-rule:nonzero;stroke:rgb(92,92,92);stroke-width:2.83px;"/>
</g>
<g transform="matrix(0,-0.12,-0.12,0,1081.2,979.52)">
<path d="M5078,3374.5C4770.1,3374.5 4520.5,3624.1 4520.5,3932C4520.5,4239.9 4770.1,4489.5 5078,4489.5C5385.9,4489.5 5635.5,4239.9 5635.5,3932C5635.5,3624.1 5385.9,3374.5 5078,3374.5" style="fill:none;fill-rule:nonzero;stroke:rgb(92,92,92);stroke-width:2.83px;"/>
</g>
<g transform="matrix(0,-0.12,-0.12,0,1081.2,979.52)">
<path d="M5078,3318C4738.9,3318 4464,3592.9 4464,3932C4464,4271.1 4738.9,4546 5078,4546C5417.1,4546 5692,4271.1 5692,3932C5692,3592.9 5417.1,3318 5078,3318" style="fill:none;fill-rule:nonzero;stroke:rgb(92,92,92);stroke-width:2.83px;"/>
</g>
<g transform="matrix(0,-0.12,-0.12,0,1081.2,979.52)">
<path d="M5078,3223.5C4686.71,3223.5 4369.5,3540.71 4369.5,3932C4369.5,4323.29 4686.71,4640.5 5078,4640.5C5469.29,4640.5 5786.5,4323.29 5786.5,3932C5786.5,3540.71 5469.29,3223.5 5078,3223.5" style="fill:none;fill-rule:nonzero;stroke:rgb(92,92,92);stroke-width:2.83px;"/>
</g>
</g>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

79
src/assets/index.css Normal file
View File

@@ -0,0 +1,79 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
@layer base {
:root {
--background: 0 0% 100%;
--foreground: 240 10% 3.9%;
--muted: 240 4.8% 95.9%;
--muted-foreground: 240 3.8% 46.1%;
--popover: 0 0% 100%;
--popover-foreground: 240 10% 3.9%;
--card: 0 0% 100%;
--card-foreground: 240 10% 3.9%;
--border: 240 5.9% 90%;
--input: 240 5.9% 90%;
--primary: 240 5.9% 10%;
--primary-foreground: 0 0% 98%;
--secondary: 240 4.8% 95.9%;
--secondary-foreground: 240 5.9% 10%;
--accent: 240 4.8% 95.9%;
--accent-foreground: 240 5.9% 10%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 0 0% 98%;
--ring: 240 10% 3.9%;
--radius: 0.5rem;
}
.dark {
--background: 240 10% 3.9%;
--foreground: 0 0% 98%;
--muted: 240 3.7% 15.9%;
--muted-foreground: 240 5% 64.9%;
--popover: 240 10% 3.9%;
--popover-foreground: 0 0% 98%;
--card: 240 10% 3.9%;
--card-foreground: 0 0% 98%;
--border: 240 3.7% 15.9%;
--input: 240 3.7% 15.9%;
--primary: 0 0% 98%;
--primary-foreground: 240 5.9% 10%;
--secondary: 240 3.7% 15.9%;
--secondary-foreground: 0 0% 98%;
--accent: 240 3.7% 15.9%;
--accent-foreground: 0 0% 98%;
--destructive: 0 62.8% 30.6%;
--destructive-foreground: 0 0% 98%;
--ring: 240 4.9% 83.9%;
}
}
@layer base {
* {
@apply border-border;
}
body {
@apply bg-background text-foreground;
}
}

1
src/assets/logo.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>
Side by Side

After

Width:  |  Height:  |  Size: 276 B

40
src/assets/main.css Normal file
View File

@@ -0,0 +1,40 @@
@import './base.css';
#app {
margin: 0 auto;
padding: 0rem 0rem!important;
font-weight: normal;
}
a,
.green {
text-decoration: none;
color: hsla(160, 100%, 37%, 1);
transition: 0.4s;
padding: 3px;
}
.text-xs{
font-size: 0.625rem;
letter-spacing: 0.05em;
}
@media (hover: hover) {
a:hover {
background-color: hsla(160, 100%, 37%, 0.2);
}
}
@media (min-width: 1024px) {
body {
display: flex;
place-items: center;
}
#app {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 0 2rem;
}
}