diff --git a/.forgejo/workflows/deploy.yaml b/.forgejo/workflows/deploy.yaml new file mode 100644 index 0000000..2887dd5 --- /dev/null +++ b/.forgejo/workflows/deploy.yaml @@ -0,0 +1,36 @@ +on: + push: + branches: + - main + - add_ci + +jobs: + build: + runs-on: docker + container: + image: docker.io/library/alpine + steps: + - name: Pipeline info + run: | + echo "Run triggered by ${{ github.event_name }} (${{ github.event.action }}) on ref ${{ github.ref_name }}" + + - name: Install packages + run: | + apk update + # For CI actions. + apk add nodejs-current git + # For uploading. + apk add rsync openssh + + - uses: actions/checkout@v4 + + - name: Prepare keys + run: | + echo "${{ secrets.SSH_DEPLOY_KEY }}" > deploykey.priv + chmod 400 deploykey.priv + echo "${{ secrets.SSH_KNOWN_HOSTS_FILE }}" > ./known_hosts + + - name: Upload styleguide + if: (github.event_name == 'push' || github.event_name == 'schedule') && (github.ref_name == 'main' || github.ref_name == 'add_ci') + run: | + rsync -v -r --delete -e "ssh -i deploykey.priv -o 'UserKnownHostsFile ./known_hosts'" styleguide/ eh22-styleguide-deploy@eh22-wiki-intern.hamburg.ccc.de:/var/www/eh22-styleguide/ diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..485dee6 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.idea diff --git a/icons/arrow_down.svg b/icons/arrow_down.svg new file mode 100644 index 0000000..d711131 --- /dev/null +++ b/icons/arrow_down.svg @@ -0,0 +1,22 @@ + + + + + + + + + diff --git a/icons/arrow_down_left.svg b/icons/arrow_down_left.svg new file mode 100644 index 0000000..a3493f6 --- /dev/null +++ b/icons/arrow_down_left.svg @@ -0,0 +1,22 @@ + + + + + + + + + diff --git a/icons/arrow_down_right.svg b/icons/arrow_down_right.svg new file mode 100644 index 0000000..f65dd06 --- /dev/null +++ b/icons/arrow_down_right.svg @@ -0,0 +1,22 @@ + + + + + + + + + diff --git a/icons/arrow_left.svg b/icons/arrow_left.svg new file mode 100644 index 0000000..8a51c5e --- /dev/null +++ b/icons/arrow_left.svg @@ -0,0 +1,22 @@ + + + + + + + + + diff --git a/icons/arrow_right.svg b/icons/arrow_right.svg new file mode 100644 index 0000000..ccbc5aa --- /dev/null +++ b/icons/arrow_right.svg @@ -0,0 +1,22 @@ + + + + + + + + + diff --git a/icons/arrow_up.svg b/icons/arrow_up.svg new file mode 100644 index 0000000..7000e26 --- /dev/null +++ b/icons/arrow_up.svg @@ -0,0 +1,22 @@ + + + + + + + + + diff --git a/icons/arrow_up_left.svg b/icons/arrow_up_left.svg new file mode 100644 index 0000000..49d718c --- /dev/null +++ b/icons/arrow_up_left.svg @@ -0,0 +1,22 @@ + + + + + + + + + diff --git a/icons/arrow_up_right.svg b/icons/arrow_up_right.svg new file mode 100644 index 0000000..56f7db2 --- /dev/null +++ b/icons/arrow_up_right.svg @@ -0,0 +1,22 @@ + + + + + + + + + diff --git a/icons/basket.svg b/icons/basket.svg index 5c7ff67..6a137c2 100644 --- a/icons/basket.svg +++ b/icons/basket.svg @@ -7,420 +7,20 @@ viewBox="0 0 158.75 158.75" version="1.1" id="svg1" - inkscape:version="1.4 (e7c3feb100, 2024-10-09)" - sodipodi:docname="basket.svg" - 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"> - - - - - - - - - - - - - - - - - - - - - - - - - - - - + id="defs1" /> + transform="matrix(1.0129514,0,0,1.0129514,-162.02394,0.44971576)" /> + style="stroke-linecap:round;paint-order:markers fill stroke" + d="m 65.951172,26.585937 c -1.720665,0.34423 -3.234037,1.358064 -4.207031,2.81836 L 44.105469,55.861328 c -2.027213,3.03965 -1.206054,7.147197 1.833984,9.173828 3.03965,2.027213 7.147197,1.206054 9.173828,-1.833984 L 72.751953,36.742187 c 2.027213,-3.03965 1.206054,-7.147197 -1.833984,-9.173828 -1.459792,-0.973213 -3.246426,-1.326606 -4.966797,-0.982422 z m 26.847656,0 c -1.720371,-0.344184 -3.507005,0.0092 -4.966797,0.982422 -3.040038,2.026631 -3.861197,6.134178 -1.833984,9.173828 l 17.638673,26.458985 c 2.02663,3.040039 6.13418,3.861199 9.17383,1.833984 3.04004,-2.026633 3.86119,-6.134179 1.83398,-9.173828 L 97.005859,29.404297 c -0.972994,-1.460296 -2.486366,-2.47413 -4.207031,-2.81836 z" + id="path2" /> diff --git a/icons/bed.svg b/icons/bed.svg index 0881757..a5e5d26 100644 --- a/icons/bed.svg +++ b/icons/bed.svg @@ -7,215 +7,24 @@ viewBox="0 0 158.75 158.75" version="1.1" id="svg1" - inkscape:version="1.4 (e7c3feb100, 2024-10-09)" - sodipodi:docname="bed.svg" - 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"> - - - - - - - - - - - - - - + id="defs1" /> + style="stroke-linecap:round;stroke-linejoin:round" + d="m 39.6875,112.44727 c -10.881062,0 -19.84375,8.96268 -19.84375,19.84375 v 19.84375 a 6.6146002,6.6146002 0 0 0 6.615234,6.61523 6.6146002,6.6146002 0 0 0 6.613282,-6.61523 v -19.84375 c 0,-3.73148 2.883762,-6.61329 6.615234,-6.61329 h 92.60352 c 3.73147,0 6.61523,2.88181 6.61523,6.61329 v 19.84375 a 6.6146002,6.6146002 0 0 0 6.61523,6.61523 6.6146002,6.6146002 0 0 0 6.61329,-6.61523 v -19.84375 c 0,-10.88107 -8.96269,-19.84375 -19.84375,-19.84375 z" + id="path1" /> + style="stroke-linecap:round;stroke-linejoin:round" + d="M 6.6152344,59.53125 A 6.6146002,6.6146002 0 0 0 0,66.146484 V 152.13477 A 6.6146002,6.6146002 0 0 0 6.6152344,158.75 6.6146002,6.6146002 0 0 0 13.228516,152.13477 V 66.146484 A 6.6146002,6.6146002 0 0 0 6.6152344,59.53125 Z" + id="path1-1" /> diff --git a/icons/clock.svg b/icons/clock.svg index 76fc1de..ce2b08f 100644 --- a/icons/clock.svg +++ b/icons/clock.svg @@ -7,224 +7,19 @@ viewBox="0 0 158.75 158.75" version="1.1" id="svg1" - inkscape:version="1.4 (e7c3feb100, 2024-10-09)" - sodipodi:docname="clock.svg" - 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"> - - - - - - - - - - - - - - - + id="defs1" /> + style="stroke-linecap:round" + d="m 79.375,19.089844 a 6.6146002,6.6146002 0 0 0 -6.615234,6.615234 v 47.054688 c 0,10.017452 3.251248,19.767287 9.261718,27.781254 l 11.90625,15.875 a 6.6146002,6.6146002 0 0 0 9.259766,1.32421 6.6146002,6.6146002 0 0 0 1.32227,-9.26171 L 92.603516,92.603516 C 88.309357,86.877969 85.990235,79.916698 85.990234,72.759766 V 25.705078 A 6.6146002,6.6146002 0 0 0 79.375,19.089844 Z" + id="path49-2-7" /> + style="stroke-linecap:round;paint-order:markers fill stroke" + d="M 79.375,0 C 58.321483,0 39.106377,8.2344832 24.898437,21.646484 a 6.6146002,6.6146002 0 0 0 -0.269531,9.34961 6.6146002,6.6146002 0 0 0 9.34961,0.269531 C 45.831786,20.076382 61.761303,13.228516 79.375,13.228516 c 36.60967,0 66.14648,29.536813 66.14648,66.146484 0,36.60966 -29.53682,66.14648 -66.14648,66.14648 -36.609671,0 -66.146484,-29.53681 -66.146484,-66.14648 0,-10.849768 2.599204,-21.044847 7.208984,-30.0625 A 6.6146002,6.6146002 0 0 0 17.558594,40.412109 6.6146002,6.6146002 0 0 0 8.6582031,43.291016 C 3.1230377,54.118908 0,66.406354 0,79.375 c 1.0889597e-7,43.75927 35.615739,79.375 79.375,79.375 43.75926,0 79.375,-35.61574 79.375,-79.375 C 158.75,35.615739 123.13427,1.0889597e-7 79.375,0 Z" + id="path1" /> diff --git a/icons/code.svg b/icons/code.svg index 952d541..20c410f 100644 --- a/icons/code.svg +++ b/icons/code.svg @@ -7,227 +7,16 @@ viewBox="0 0 158.75 158.75" version="1.1" id="svg1" - inkscape:version="1.4 (e7c3feb100, 2024-10-09)" - sodipodi:docname="code.svg" - 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"> - - - - - - - - - - - - - - + id="defs1" /> + transform="matrix(0,1,1,0,5.5213452,46.302078)" /> diff --git a/icons/creature.svg b/icons/creature.svg index e680980..6cae8e8 100644 --- a/icons/creature.svg +++ b/icons/creature.svg @@ -2,134 +2,24 @@ - - - - - - - - + id="defs1" /> + style="stroke-linecap:round;stroke-linejoin:round" + d="M 33.072266,85.990234 C 14.884937,85.990235 0,100.87517 0,119.0625 v 33.07227 A 6.6146002,6.6146002 0 0 0 6.6152344,158.75 6.6146002,6.6146002 0 0 0 13.228516,152.13477 V 119.0625 c 0,-11.03774 8.806011,-19.84375 19.84375,-19.84375 h 33.074218 c 11.037739,0 19.84375,8.80601 19.84375,19.84375 v 33.07227 a 6.6146002,6.6146002 0 0 0 6.613282,6.61523 6.6146002,6.6146002 0 0 0 6.615234,-6.61523 V 119.0625 c 0,-18.18733 -14.884937,-33.072266 -33.072266,-33.072266 z" + id="path1" /> + style="stroke-linecap:round;stroke-linejoin:round" + d="m 49.609375,-0.04492187 c -21.840463,-10e-9 -39.6875,17.84703687 -39.6875,39.68749987 0,14.637477 7.975146,27.50969 19.839844,34.373047 a 6.6146002,6.6146002 0 0 0 9.037109,-2.412109 6.6146002,6.6146002 0 0 0 -2.414062,-9.039063 C 28.478428,57.990884 23.150391,49.488399 23.150391,39.642578 c 0,-14.690872 11.768111,-26.458984 26.458984,-26.458984 14.690873,0 26.458984,11.768112 26.458984,26.458984 0,9.845822 -5.328037,18.348305 -13.234375,22.921875 a 6.6146002,6.6146002 0 0 0 -2.414062,9.039063 6.6146002,6.6146002 0 0 0 9.037109,2.412109 c 11.864696,-6.863357 19.839844,-19.735571 19.839844,-34.373047 0,-21.840463 -17.847037,-39.68749988 -39.6875,-39.68749987 z" + id="path4" /> diff --git a/icons/cross.svg b/icons/cross.svg index b9d6c6d..f8d3a7f 100644 --- a/icons/cross.svg +++ b/icons/cross.svg @@ -7,487 +7,23 @@ viewBox="0 0 158.75 158.75" version="1.1" id="svg1" - inkscape:version="1.4 (e7c3feb100, 2024-10-09)" - sodipodi:docname="cross.svg" - 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"> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + id="defs1" /> + style="stroke-linecap:round;paint-order:markers fill stroke" + d="M 6.609375,0.11132812 A 6.6145501,6.6145501 0 0 0 1.9335937,2.0527344 6.6145501,6.6145501 0 0 0 1.9414062,11.40625 L 61.472656,70.828125 a 6.6145501,6.6145501 0 0 0 9.355469,-0.0098 6.6145501,6.6145501 0 0 0 -0.0098,-9.353515 L 11.287109,2.0429688 A 6.6145501,6.6145501 0 0 0 6.609375,0.11132812 Z" + id="path25" /> + style="stroke-linecap:round;paint-order:markers fill stroke" + d="m 92.597656,85.990234 a 6.6145501,6.6145501 0 0 0 -4.675781,1.941407 6.6145501,6.6145501 0 0 0 0.0098,9.353515 l 59.531249,59.421874 a 6.6145501,6.6145501 0 0 0 9.35352,-0.01 6.6145501,6.6145501 0 0 0 -0.008,-9.35352 L 97.277344,87.921875 a 6.6145501,6.6145501 0 0 0 -4.679688,-1.931641 z" + id="path26" /> + style="stroke-linecap:round;paint-order:markers fill stroke" + d="M 152.25586,0.11132812 A 6.6145501,6.6145501 0 0 0 147.57617,2.0410156 L 1.8339844,147.33984 a 6.6145501,6.6145501 0 0 0 -0.013672,9.35547 6.6145501,6.6145501 0 0 0 9.3535155,0.0137 L 156.91602,11.410156 a 6.6145501,6.6145501 0 0 0 0.0137,-9.3554685 6.6145501,6.6145501 0 0 0 -4.67383,-1.94335938 z" + id="path27" /> diff --git a/icons/cross_small.svg b/icons/cross_small.svg index be4173f..bcd9517 100644 --- a/icons/cross_small.svg +++ b/icons/cross_small.svg @@ -2,589 +2,28 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - + id="defs1" /> - - - - - - - - - - - - - - + + + diff --git a/icons/cup_1.svg b/icons/cup_1.svg index 6922399..2475eff 100644 --- a/icons/cup_1.svg +++ b/icons/cup_1.svg @@ -7,233 +7,31 @@ viewBox="0 0 158.75 158.75" version="1.1" id="svg1" - inkscape:version="1.4 (e7c3feb100, 2024-10-09)" - sodipodi:docname="coffee_1.svg" - 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"> - - - - - - - - - - - - - + id="defs1" /> diff --git a/icons/cup_2.svg b/icons/cup_2.svg index ecc33ff..7a0d115 100644 --- a/icons/cup_2.svg +++ b/icons/cup_2.svg @@ -7,238 +7,35 @@ viewBox="0 0 158.75 158.75" version="1.1" id="svg1" - inkscape:version="1.4 (e7c3feb100, 2024-10-09)" - sodipodi:docname="tea.svg" - 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"> - - - - - - - - - - - - - + id="defs1" /> + style="stroke-linecap:round;stroke-linejoin:round" + d="m 18.550781,145.52148 a 6.6146002,6.6146002 0 0 0 -6.613281,6.61329 6.6146002,6.6146002 0 0 0 6.613281,6.61523 h 95.189449 a 6.6146002,6.6146002 0 0 0 6.61524,-6.61523 6.6146002,6.6146002 0 0 0 -6.61524,-6.61329 z" + id="path4" /> diff --git a/icons/external.svg b/icons/external.svg index 2a22602..a3b47df 100644 --- a/icons/external.svg +++ b/icons/external.svg @@ -7,106 +7,12 @@ viewBox="0 0 158.75 158.75" version="1.1" id="svg1" - inkscape:version="1.4 (e7c3feb100, 2024-10-09)" - sodipodi:docname="external.svg" xml:space="preserve" - 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"> diff --git a/icons/fairydust.svg b/icons/fairydust.svg index c893de6..2dea19d 100644 --- a/icons/fairydust.svg +++ b/icons/fairydust.svg @@ -2,169 +2,29 @@ - - - - - - - - - - - + id="defs1" /> + transform="matrix(0.99999898,0,0,0.99999903,-8.3245275,-3.5409784)" /> - + style="stroke-linecap:round;paint-order:markers fill stroke" + d="m 51.203125,128.75 a 6.6146002,6.6146002 0 0 0 -6.613281,6.61523 v 16.92383 a 6.6146002,6.6146002 0 0 0 6.613281,6.61524 6.6146002,6.6146002 0 0 0 6.615234,-6.61524 V 135.36523 A 6.6146002,6.6146002 0 0 0 51.203125,128.75 Z" + id="path1" /> + diff --git a/icons/flag.svg b/icons/flag.svg index a30bfd1..10a9cf2 100644 --- a/icons/flag.svg +++ b/icons/flag.svg @@ -2,101 +2,21 @@ - - - - - - - + id="defs1" /> + transform="matrix(1.026226,0,0,1.0248571,-0.16464728,-3.7770688)" /> diff --git a/icons/gluten.svg b/icons/gluten.svg index 9615d31..3460e13 100644 --- a/icons/gluten.svg +++ b/icons/gluten.svg @@ -2,289 +2,32 @@ - - - - - - - - - - - - - - - - - - - - - - - + id="defs1" /> + style="stroke-linecap:round;stroke-linejoin:round" + d="M 41.8125,0.12890625 A 6.6146002,6.6146002 0 0 0 36.845703,1.1113281 6.6146002,6.6146002 0 0 0 35.009766,10.283203 l 8.826171,13.240234 c 4.193851,6.290776 12.004631,9.218355 19.300782,7.236329 l 15.492187,-4.207032 a 6.6146002,6.6146002 0 0 0 4.648438,-8.117187 6.6146002,6.6146002 0 0 0 -8.117188,-4.650391 l -15.490234,4.208985 c -1.8545,0.503781 -3.7602,-0.209636 -4.826172,-1.808594 L 46.017578,2.9453125 A 6.6146002,6.6146002 0 0 0 41.8125,0.12890625 Z" + id="path3" /> + style="stroke-linecap:round;stroke-linejoin:round" + d="m 21.96875,53.044922 a 6.6146002,6.6146002 0 0 0 -4.966797,0.982422 6.6146002,6.6146002 0 0 0 -1.835937,9.173828 l 8.826171,13.238281 c 4.193851,6.290776 12.004631,9.220308 19.300782,7.238281 L 58.785156,79.46875 a 6.6146002,6.6146002 0 0 0 4.648438,-8.117188 6.6146002,6.6146002 0 0 0 -8.117188,-4.648437 L 39.826172,70.910156 C 37.971672,71.413938 36.065972,70.700521 35,69.101562 L 26.173828,55.861328 A 6.6146002,6.6146002 0 0 0 21.96875,53.044922 Z" + id="path4" /> + style="stroke-linecap:round;stroke-linejoin:round" + d="m 12.046875,79.503906 a 6.6146002,6.6146002 0 0 0 -4.9667969,0.982422 6.6146002,6.6146002 0 0 0 -1.8359375,9.171875 l 8.8261724,13.240237 c 1.588006,2.38201 1.932937,5.36438 0.927734,8.04492 L 0.421875,149.8125 a 6.6146002,6.6146002 0 0 0 3.8710937,8.51562 6.6146002,6.6146002 0 0 0 8.5156253,-3.87109 l 14.576172,-38.86914 c 2.494637,-6.65236 1.634353,-14.11585 -2.306641,-20.027343 L 16.251953,82.320312 a 6.6146002,6.6146002 0 0 0 -4.205078,-2.816406 z" + id="path5" /> + style="stroke-linecap:round;stroke-linejoin:round" + d="m 31.890625,26.585937 a 6.6146002,6.6146002 0 0 0 -4.966797,0.982422 6.6146002,6.6146002 0 0 0 -1.835937,9.173828 l 8.826171,13.238282 c 4.193851,6.290776 12.004631,9.220308 19.300782,7.238281 l 15.492187,-4.207031 a 6.6146002,6.6146002 0 0 0 4.648438,-8.119141 6.6146002,6.6146002 0 0 0 -8.117188,-4.648437 l -15.490234,4.208984 c -1.854499,0.503782 -3.7602,-0.211589 -4.826172,-1.810547 L 36.095703,29.404297 a 6.6146002,6.6146002 0 0 0 -4.205078,-2.81836 z" + id="path9" /> diff --git a/icons/hackertours.svg b/icons/hackertours.svg index 2eed892..a7b5cc2 100644 --- a/icons/hackertours.svg +++ b/icons/hackertours.svg @@ -7,405 +7,16 @@ viewBox="0 0 158.75 158.75" version="1.1" id="svg1" - inkscape:version="1.4 (e7c3feb100, 2024-10-09)" - sodipodi:docname="hackertours.svg" - 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"> - - - - - - - - - - - - - - - - - - - - - - - - - - - - + id="defs1" /> diff --git a/icons/hare_head.svg b/icons/hare_head.svg index 87b36ae..023536f 100644 --- a/icons/hare_head.svg +++ b/icons/hare_head.svg @@ -7,122 +7,15 @@ viewBox="0 0 158.75 158.75" version="1.1" id="svg1" - inkscape:version="1.4 (e7c3feb100, 2024-10-09)" - sodipodi:docname="hare_head.svg" - 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"> - - - - - - - - + id="defs1" /> + style="stroke-linecap:round" + d="M 55.277344,0.03125 C 49.32432,0.40063227 43.643658,4.1599759 41.589844,10.320313 l -2.400391,7.199218 a 6.6083999,6.6083999 0 0 0 4.177734,8.359375 6.6083999,6.6083999 0 0 0 8.359375,-4.179687 L 54.126953,14.5 c 0.510535,-1.53133 1.918075,-1.94661 3.179688,-0.9375 l 12.240234,9.791016 c 5.027882,4.021583 8.473666,9.683903 9.736328,15.996093 l 1.460938,7.296875 c 1.963728,9.816865 9.056487,17.852077 18.554687,21.017578 l 14.402342,4.798829 c 6.71068,2.236491 12.78545,6.049007 17.7168,11.11914 l 7.58594,7.800781 0.3164,0.253907 c 3.3272,2.673412 5.49694,6.490531 6.16602,10.693361 -0.0927,4.92713 -2.84251,9.39204 -7.26563,11.61719 l -2.60742,1.3125 c -9.26221,4.65954 -13.48362,15.76801 -9.65234,25.40234 l 3.48242,8.75781 c 0.60531,1.52216 1.14416,3.06598 1.61719,4.62891 a 6.6083999,6.6083999 0 0 0 8.24023,4.41211 6.6083999,6.6083999 0 0 0 4.41016,-8.24024 c -0.58086,-1.91923 -1.24306,-3.81648 -1.98633,-5.68554 l -3.48242,-8.75782 c -1.34314,-3.37753 0.062,-7.0767 3.31054,-8.71093 l 2.60743,-1.3125 c 9.00308,-4.52919 14.6739,-13.81319 14.58984,-23.89063 l -0.004,-0.4043 -0.0527,-0.40234 c -1.02,-7.755603 -4.99572,-14.822876 -11.09375,-19.722656 l 0.59766,0.542969 -7.30469,-7.509766 C 134.48742,67.781766 126.59467,62.828559 117.87891,59.923828 L 103.47852,55.125 C 98.45877,53.45205 94.740617,49.241209 93.703125,44.054687 L 92.244141,36.757812 C 90.371965,27.398599 85.256746,18.995341 77.802734,13.033203 L 65.560547,3.2421875 C 62.517981,0.80856915 58.849158,-0.19037936 55.277344,0.03125 Z M 32.941406,33.666016 c -2.434387,-0.112173 -4.894306,0.03031 -7.33789,0.4375 l -12.96875,2.160156 C 2.2779642,37.989494 -3.3072032,50.080768 2.0957031,59.083984 l 5.9472657,9.910157 c 5.1315292,8.551024 13.8556082,14.34179 23.7285152,15.751953 l 19.191407,2.740234 c 4.917919,0.70243 8.881374,4.276373 10.085937,9.09375 l 0.238281,0.951172 0.06055,0.193359 c 1.797036,5.679561 0.75676,11.844211 -2.763672,16.640621 -4.480018,5.22649 -11.174891,10.83104 -22.291015,19.15821 -0.0063,0.005 -0.0094,0.007 -0.01563,0.0117 -6.067057,4.24082 -11.927155,8.76954 -17.554688,13.57617 a 6.6083999,6.6083999 0 0 0 -0.732422,9.3164 6.6083999,6.6083999 0 0 0 9.316407,0.73243 c 5.356458,-4.5751 10.934027,-8.88503 16.71289,-12.91602 l 0.0918,-0.0644 0.08984,-0.0664 c 11.443382,-8.57166 18.944586,-14.67775 24.611328,-21.3418 l 0.130859,-0.15429 0.123047,-0.16211 c 6.161481,-8.21901 7.981479,-18.92342 4.882813,-28.716799 l 0.109375,0.390625 -0.1875,-0.753906 C 71.372219,83.381311 63.030277,75.858966 52.832031,74.402344 L 33.638672,71.662109 C 27.695779,70.813277 22.46324,67.339509 19.375,62.193359 l -5.947266,-9.910156 c -0.835524,-1.392288 -0.22463,-2.715214 1.378907,-2.982422 l 12.970703,-2.160156 c 6.077465,-1.012729 12.288729,0.603158 17.099609,4.451172 l 21.705078,17.363281 a 6.6083999,6.6083999 0 0 0 9.289063,-1.033203 6.6083999,6.6083999 0 0 0 -1.033203,-9.289063 L 53.132812,41.271484 C 47.32928,36.629491 40.244567,34.002533 32.941406,33.666016 Z" + id="path49" /> diff --git a/icons/history.svg b/icons/history.svg index 3971a8b..7d381d9 100644 --- a/icons/history.svg +++ b/icons/history.svg @@ -7,290 +7,24 @@ viewBox="0 0 158.75 158.75" version="1.1" id="svg1" - inkscape:version="1.4 (e7c3feb100, 2024-10-09)" - sodipodi:docname="history.svg" - 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"> - - - - - - - - - - - - - - - - - - - - - - - + id="defs1" /> + style="stroke-linecap:round" + d="m 79.375,19.089844 a 6.6146002,6.6146002 0 0 0 -6.615234,6.615234 v 47.054688 c 0,10.017452 3.251247,19.767287 9.261718,27.781254 l 11.90625,15.875 a 6.6146002,6.6146002 0 0 0 9.259766,1.32421 6.6146002,6.6146002 0 0 0 1.32227,-9.26171 L 92.603516,92.603516 C 88.309357,86.877969 85.990235,79.916698 85.990234,72.759766 V 25.705078 A 6.6146002,6.6146002 0 0 0 79.375,19.089844 Z" + id="path49-2-7" /> + transform="translate(50.893951,-91.140107)" /> + style="stroke-linecap:round;paint-order:markers fill stroke" + d="M 79.375,0 C 58.320048,0 39.102762,8.2348163 24.894531,21.648437 A 6.6146002,6.6146002 0 0 0 24.625,31 6.6146002,6.6146002 0 0 0 33.976562,31.267578 C 45.830077,20.076983 61.760104,13.228516 79.375,13.228516 c 36.60967,0 66.14648,29.536813 66.14648,66.146484 0,36.60966 -29.53682,66.14648 -66.14648,66.14648 -36.609671,0 -66.146484,-29.53681 -66.146484,-66.14648 A 6.6146002,6.6146002 0 0 0 6.6152344,72.759766 6.6146002,6.6146002 0 0 0 0,79.375 c 1.0889597e-7,43.75927 35.615739,79.375 79.375,79.375 43.75926,0 79.375,-35.61574 79.375,-79.375 C 158.75,35.615739 123.13427,1.0889597e-7 79.375,0 Z" + id="path1" /> diff --git a/icons/home.svg b/icons/home.svg index 9bd31f7..97206e4 100644 --- a/icons/home.svg +++ b/icons/home.svg @@ -2,147 +2,20 @@ - - - - - - - - - + id="defs1" /> + style="stroke-linecap:round;stroke-linejoin:round" + d="m 66.146484,0.0234375 c -5.118868,4e-8 -10.238746,1.765788 -14.34375,5.296875 L 12.330078,39.275391 C 4.5053154,46.006181 1.7925244e-8,55.825125 0,66.146484 V 138.90625 C -2.4675169e-6,149.78731 8.9626855,158.75 19.84375,158.75 h 13.228516 c 10.881064,0 19.843752,-8.96269 19.84375,-19.84375 v -26.45898 c -10e-7,-3.73148 2.883761,-6.61329 6.615234,-6.61329 h 13.228516 c 3.731472,0 6.615235,2.88181 6.615234,6.61329 v 26.45898 c -2e-6,10.88106 8.962686,19.84375 19.84375,19.84375 h 13.22852 c 10.88106,0 19.84375,-8.96268 19.84375,-19.84375 v -33.07227 a 6.6146002,6.6146002 0 0 0 -6.61329,-6.61523 6.6146002,6.6146002 0 0 0 -6.61523,6.61523 v 33.07227 c 0,3.73147 -2.88376,6.61524 -6.61523,6.61523 H 99.21875 c -3.731473,0 -6.615235,-2.88376 -6.615234,-6.61523 v -26.45898 c 2e-6,-10.88107 -8.962686,-19.843754 -19.84375,-19.843754 H 59.53125 c -10.881064,0 -19.843752,8.962684 -19.84375,19.843754 v 26.45898 c 10e-7,3.73147 -2.883762,6.61523 -6.615234,6.61523 H 19.84375 c -3.731473,0 -6.615235,-2.88376 -6.615234,-6.61523 V 66.146484 c 0,-6.475532 2.819326,-12.618956 7.728515,-16.841797 L 60.429687,15.349609 c 3.322478,-2.857965 8.109163,-2.857965 11.431641,0 l 39.472652,33.955078 c 4.90919,4.222841 7.72852,10.366265 7.72852,16.841797 V 79.375 a 6.6146002,6.6146002 0 0 0 6.61523,6.615234 6.6146002,6.6146002 0 0 0 6.61329,-6.615234 V 66.146484 c 0,-10.321358 -4.50532,-20.140303 -12.33008,-26.871093 L 80.488281,5.3203125 C 76.383278,1.7892255 71.265353,0.02343746 66.146484,0.0234375 Z" + id="path2" /> diff --git a/icons/hygene.svg b/icons/hygene.svg index 8ec5231..a7002de 100644 --- a/icons/hygene.svg +++ b/icons/hygene.svg @@ -7,408 +7,21 @@ viewBox="0 0 158.75 158.75" version="1.1" id="svg1" - inkscape:version="1.4 (e7c3feb100, 2024-10-09)" - sodipodi:docname="hygene.svg" - 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"> - - - - - - - - - - - - - - - - - - - - - - - - - - - + id="defs1" /> diff --git a/icons/info.svg b/icons/info.svg index acb2717..66c9910 100644 --- a/icons/info.svg +++ b/icons/info.svg @@ -7,208 +7,20 @@ viewBox="0 0 158.75 158.75" version="1.1" id="svg1" - inkscape:version="1.4 (e7c3feb100, 2024-10-09)" - sodipodi:docname="info.svg" - 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"> - - - - - - - - - - - - - - + id="defs1" /> + style="stroke-linecap:round;paint-order:markers fill stroke" + d="m 79.375,19.84375 c -10.881062,0 -19.84375,8.962688 -19.84375,19.84375 0,10.881062 8.962688,19.84375 19.84375,19.84375 10.881062,0 19.84375,-8.962688 19.84375,-19.84375 A 6.6146002,6.6146002 0 0 0 92.603516,33.072266 6.6146002,6.6146002 0 0 0 85.990234,39.6875 c 0,3.731472 -2.883762,6.615234 -6.615234,6.615234 -3.731472,0 -6.615234,-2.883762 -6.615234,-6.615234 0,-3.731472 2.883762,-6.615234 6.615234,-6.615234 A 6.6146002,6.6146002 0 0 0 85.990234,26.458984 6.6146002,6.6146002 0 0 0 79.375,19.84375 Z" + id="path2" /> diff --git a/icons/link.svg b/icons/link.svg index fe232d7..31c48fd 100644 --- a/icons/link.svg +++ b/icons/link.svg @@ -7,287 +7,23 @@ viewBox="0 0 158.75 158.75" version="1.1" id="svg1" - inkscape:version="1.4 (e7c3feb100, 2024-10-09)" - sodipodi:docname="link.svg" - 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"> - - - - - - - - - - - - - - - - - - - - - - - - + id="defs1" /> + style="stroke-linecap:round;paint-order:markers fill stroke" + d="M 122.36914,0 C 109.79249,-3.6523708e-7 98.621996,6.4308031 92.101562,16.195312 l -0.002,0.002 -13.214843,19.820312 a 6.6146002,6.6146002 0 0 0 1.835937,9.173828 6.6146002,6.6146002 0 0 0 9.171875,-1.833984 l 13.210942,-19.816406 0.002,-0.0039 c 4.15249,-6.216019 11.18133,-10.308594 19.26367,-10.308593 12.8643,0 23.15234,10.288039 23.15234,23.152343 0,4.779769 -1.42618,9.15996 -3.88281,12.835938 l -0.002,0.002 -26.46094,39.691406 c -4.1525,6.21603 -11.18133,10.308594 -19.263671,10.308594 -12.864304,0 -23.152343,-10.286086 -23.152343,-23.150391 0,-0.874792 0.04914,-1.736841 0.142578,-2.582031 a 6.6146002,6.6146002 0 0 0 -5.847657,-7.300781 6.6146002,6.6146002 0 0 0 -7.300781,5.847656 c -0.14666,1.326612 -0.222656,2.674146 -0.222656,4.035156 0,20.013896 16.366964,36.378911 36.380859,36.378911 12.576651,0 23.747141,-6.42885 30.267581,-16.193364 l 0.002,-0.0039 26.45703,-39.683594 C 156.497,50.79299 158.75,43.817083 158.75,36.380859 158.75,16.366966 142.38304,7.3047414e-7 122.36914,0 Z" + id="path1-2" /> + style="stroke-linecap:round;paint-order:markers fill stroke" + d="m 62.837891,46.302734 c -12.576648,-10e-7 -23.747146,6.42885 -30.267579,16.19336 L 32.568359,62.5 6.1074219,102.18945 C 2.2514602,107.96174 0,114.93542 0,122.36914 0,142.38304 16.366965,158.75 36.380859,158.75 c 12.576652,0 23.747139,-6.43081 30.267578,-16.19531 l 0.002,-0.002 13.214843,-19.82031 a 6.6146002,6.6146002 0 0 0 -1.835937,-9.17383 6.6146002,6.6146002 0 0 0 -9.171875,1.83399 l -13.212891,19.82031 c -4.152505,6.21603 -11.181332,10.30859 -19.263672,10.30859 -12.864305,0 -23.152343,-10.28803 -23.152343,-23.15234 0,-4.77978 1.426188,-9.15997 3.882812,-12.83594 l 0.002,-0.002 26.458985,-39.6875 0.002,-0.0039 c 4.152496,-6.21602 11.181335,-10.308595 19.263672,-10.308594 12.864304,0 23.152343,10.286086 23.152343,23.150391 0,0.874816 -0.04914,1.736918 -0.142578,2.582031 a 6.6146002,6.6146002 0 0 0 5.847656,7.300781 6.6146002,6.6146002 0 0 0 7.300782,-5.847656 c 0.146675,-1.326667 0.222656,-2.674195 0.222656,-4.035156 0,-20.013894 -16.366963,-36.378907 -36.380859,-36.378907 z" + id="path8" /> diff --git a/icons/location.svg b/icons/location.svg index 85ec118..3639352 100644 --- a/icons/location.svg +++ b/icons/location.svg @@ -2,300 +2,25 @@ - - - - - - - - - - - - - - - - - - - - - + id="defs1" /> + style="stroke-linecap:round;paint-order:markers fill stroke" + d="m 49.609375,19.84375 c -16.360762,0 -29.765625,13.404863 -29.765625,29.765625 0,16.360762 13.404863,29.765625 29.765625,29.765625 16.360762,0 29.765625,-13.404863 29.765625,-29.765625 0,-2.941096 -0.430982,-5.802505 -1.234375,-8.501953 a 6.6146002,6.6146002 0 0 0 -8.226563,-4.453125 6.6146002,6.6146002 0 0 0 -4.451171,8.226562 c 0.444119,1.492268 0.683593,3.072668 0.683593,4.728516 0,9.211172 -7.325937,16.537109 -16.537109,16.537109 -9.211172,0 -16.537109,-7.325937 -16.537109,-16.537109 0,-9.211172 7.325937,-16.537109 16.537109,-16.537109 1.656387,0 3.235822,0.241149 4.728516,0.685546 a 6.6146002,6.6146002 0 0 0 8.228515,-4.453125 6.6146002,6.6146002 0 0 0 -4.453125,-8.226562 C 55.413058,20.274228 52.551428,19.84375 49.609375,19.84375 Z" + id="path11" /> diff --git a/icons/lock.svg b/icons/lock.svg index ee30abb..ab8cbdf 100644 --- a/icons/lock.svg +++ b/icons/lock.svg @@ -2,217 +2,28 @@ - - - - - - - - - - - - - - + id="defs1" /> + style="stroke-linecap:round" + d="M 19.84375,59.53125 C 8.9626875,59.53125 0,68.493938 0,79.375 v 52.91602 a 6.6146002,6.6146002 0 0 0 6.6152344,6.61523 6.6146002,6.6146002 0 0 0 6.6132816,-6.61523 V 79.375 c 0,-3.731472 2.883762,-6.615234 6.615234,-6.615234 H 79.375 c 3.731472,0 6.615234,2.883762 6.615234,6.615234 v 59.53125 c 0,3.73147 -2.883762,6.61523 -6.615234,6.61523 H 6.6152344 A 6.6146002,6.6146002 0 0 0 0,152.13477 6.6146002,6.6146002 0 0 0 6.6152344,158.75 H 79.375 c 10.881062,0 19.84375,-8.96269 19.84375,-19.84375 V 79.375 c 0,-10.881062 -8.962688,-19.84375 -19.84375,-19.84375 z" + id="path49" /> + style="stroke-linecap:round;paint-order:markers fill stroke" + d="M 49.609375,0 C 29.595479,0 13.228516,16.366963 13.228516,36.380859 v 9.921875 a 6.6146002,6.6146002 0 0 0 6.615234,6.613282 6.6146002,6.6146002 0 0 0 6.615234,-6.613282 v -9.921875 c 0,-12.864305 10.286085,-23.152343 23.150391,-23.152343 12.864306,0 23.150391,10.288038 23.150391,23.152343 v 9.921875 A 6.6146002,6.6146002 0 0 0 79.375,52.916016 6.6146002,6.6146002 0 0 0 85.990234,46.302734 V 36.380859 C 85.990234,16.366963 69.623271,0 49.609375,0 Z" + id="path1" /> + style="stroke-linecap:round;paint-order:markers fill stroke" + d="m 49.609375,89.296875 a 6.6146002,6.6146002 0 0 0 -6.615234,6.615234 v 26.457031 a 6.6146002,6.6146002 0 0 0 6.615234,6.61523 6.6146002,6.6146002 0 0 0 6.615234,-6.61523 V 95.912109 a 6.6146002,6.6146002 0 0 0 -6.615234,-6.615234 z" + id="path1-6" /> diff --git a/icons/login.svg b/icons/login.svg index 92c2aa1..7dd063b 100644 --- a/icons/login.svg +++ b/icons/login.svg @@ -2,233 +2,26 @@ - - - - - - - - - - - - - - - + id="defs1" /> diff --git a/icons/logout.svg b/icons/logout.svg index 1b3e0f2..182e670 100644 --- a/icons/logout.svg +++ b/icons/logout.svg @@ -2,233 +2,26 @@ - - - - - - - - - - - - - - - + id="defs1" /> diff --git a/icons/message.svg b/icons/message.svg index 1d93ad5..5be5841 100644 --- a/icons/message.svg +++ b/icons/message.svg @@ -7,210 +7,16 @@ viewBox="0 0 158.75 158.75" version="1.1" id="svg1" - inkscape:version="1.4 (e7c3feb100, 2024-10-09)" - sodipodi:docname="message.svg" - 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"> - - - - - - - - - - - - - + id="defs1" /> diff --git a/icons/microphone.svg b/icons/microphone.svg index 307820a..a98213a 100644 --- a/icons/microphone.svg +++ b/icons/microphone.svg @@ -2,143 +2,21 @@ - - - - - - - - - - - - - + id="defs1" /> diff --git a/icons/network.svg b/icons/network.svg index b532641..9a8a82e 100644 --- a/icons/network.svg +++ b/icons/network.svg @@ -7,220 +7,27 @@ viewBox="0 0 158.75 158.75" version="1.1" id="svg1" - inkscape:version="1.4 (e7c3feb100, 2024-10-09)" - sodipodi:docname="network.svg" - 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"> - - - - - - - - - - - - - - - + id="defs1" /> + style="stroke-linecap:round;stroke-linejoin:round;paint-order:fill markers stroke" + d="m 79.375,129.57422 c -7.016409,0 -13.472634,2.7599 -18.21875,7.24219 a 6.6146002,6.6146002 0 0 0 -0.267578,9.34961 6.6146002,6.6146002 0 0 0 9.349609,0.26757 c 2.391311,-2.25837 5.561262,-3.63086 9.136719,-3.63086 3.575403,0 6.745415,1.37255 9.136719,3.63086 a 6.6146002,6.6146002 0 0 0 9.349609,-0.26757 6.6146002,6.6146002 0 0 0 -0.267578,-9.35157 C 92.847658,132.33231 86.391305,129.57422 79.375,129.57422 Z" + id="path7" /> + style="stroke-linecap:round;stroke-linejoin:round;paint-order:fill markers stroke" + d="m 79.375,89.886719 c -13.81544,0 -26.707138,4.242001 -37.34375,11.490231 a 6.6146002,6.6146002 0 0 0 -1.740234,9.19141 6.6146002,6.6146002 0 0 0 9.189453,1.74219 c 8.521205,-5.80671 18.778853,-9.19532 29.894531,-9.19532 11.115405,0 21.37149,3.38693 29.89258,9.19336 a 6.6146002,6.6146002 0 0 0 9.1914,-1.74023 6.6146002,6.6146002 0 0 0 -1.74023,-9.19141 C 106.08229,94.129065 93.190105,89.886719 79.375,89.886719 Z" + id="path8" /> + style="stroke-linecap:round;stroke-linejoin:round;paint-order:fill markers stroke" + d="m 79.375,10.511719 c -27.899914,0 -54.029131,7.839654 -76.2167969,21.433593 A 6.6146002,6.6146002 0 0 0 0.97460938,41.041016 6.6146002,6.6146002 0 0 0 10.070313,43.226562 C 30.249036,30.863462 53.949898,23.740234 79.375,23.740234 c 25.42473,0 49.1262,7.121645 69.30469,19.484375 a 6.6146002,6.6146002 0 0 0 9.0957,-2.183593 6.6146002,6.6146002 0 0 0 -2.18555,-9.095704 C 133.40235,18.351722 107.27449,10.511719 79.375,10.511719 Z" + id="path9" /> + style="stroke-linecap:round;stroke-linejoin:round;paint-order:fill markers stroke" + d="m 79.375,50.199219 c -20.834139,0 -40.324471,6.016796 -56.738281,16.404297 a 6.6146002,6.6146002 0 0 0 -2.052735,9.126953 6.6146002,6.6146002 0 0 0 9.126953,2.052734 C 44.082275,68.688284 61.083017,63.427734 79.375,63.427734 c 18.291737,0 35.29285,5.258814 49.66406,14.353516 a 6.6146002,6.6146002 0 0 0 9.12696,-2.050781 6.6146002,6.6146002 0 0 0 -2.05274,-9.126953 C 119.69961,56.216258 100.20886,50.199219 79.375,50.199219 Z" + id="path10" /> diff --git a/icons/pen.svg b/icons/pen.svg index 3c7a865..bf386e3 100644 --- a/icons/pen.svg +++ b/icons/pen.svg @@ -7,159 +7,20 @@ viewBox="0 0 158.75 158.75" version="1.1" id="svg1" - inkscape:version="1.4 (e7c3feb100, 2024-10-09)" - sodipodi:docname="pen.svg" - 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"> - - - - - - - - - - - + id="defs1" /> + style="stroke-linecap:round;stroke-linejoin:round" + d="M 125.67773,0 A 6.6146002,6.6146002 0 0 0 121,1.9375 L 17.972656,104.96484 c -2.438532,2.43853 -4.398828,5.31241 -5.779297,8.47266 L 1.203125,138.5957 c -2.4985079,5.71973 -0.81772437,12.11001 3.0117187,15.93946 3.8294432,3.82944 10.2197283,5.51022 15.9394533,3.01171 L 45.3125,146.55664 c 3.160252,-1.38047 6.034124,-3.34076 8.472656,-5.7793 L 156.8125,37.75 a 6.6146002,6.6146002 0 0 0 0,-9.353516 6.6146002,6.6146002 0 0 0 -9.35352,0 L 44.431641,131.42187 c -1.270416,1.27042 -2.767649,2.29253 -4.414063,3.01172 l -25.160156,10.99024 c -0.762724,0.33317 -0.908687,0.13428 -1.287109,-0.24414 -0.378423,-0.37843 -0.577317,-0.52439 -0.244141,-1.28711 l 10.990234,-25.16016 c 0.719191,-1.64641 1.741303,-3.14365 3.011719,-4.41406 L 130.35352,11.291016 a 6.6146002,6.6146002 0 0 0 0,-9.353516 A 6.6146002,6.6146002 0 0 0 125.67773,0 Z" + id="path2" /> diff --git a/icons/plate_and_cutlery.svg b/icons/plate_and_cutlery.svg index ebb0c1d..4e8aaa0 100644 --- a/icons/plate_and_cutlery.svg +++ b/icons/plate_and_cutlery.svg @@ -7,180 +7,35 @@ viewBox="0 0 158.75 158.75" version="1.1" id="svg1" - inkscape:version="1.4 (e7c3feb100, 2024-10-09)" - sodipodi:docname="plate_and_cutlery.svg" - 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"> - - - - - - - - - - - - - - + id="defs1" /> + style="stroke-linecap:round;stroke-linejoin:round" + d="m 79.375,25.929687 c -5.041149,0 -9.962908,0.565276 -14.693359,1.638672 a 6.6146002,6.6146002 0 0 0 -4.986329,7.914063 6.6146002,6.6146002 0 0 0 7.914063,4.986328 c 3.778849,-0.857466 7.713206,-1.310547 11.765625,-1.310547 8.470744,0 16.432388,1.978948 23.51367,5.498047 a 6.6146002,6.6146002 0 0 0 8.86719,-2.980469 6.6146002,6.6146002 0 0 0 -2.97852,-8.867187 C 99.918023,28.405885 89.912478,25.929688 79.375,25.929687 Z m 49.00977,91.251953 a 6.6146002,6.6146002 0 0 0 -4.125,2.93555 c -9.35461,14.93725 -25.910854,24.875 -44.88477,24.875 -13.186667,0 -25.173576,-4.79028 -34.435547,-12.73633 a 6.6146002,6.6146002 0 0 0 -9.328125,0.71289 6.6146002,6.6146002 0 0 0 0.714844,9.32812 c 11.563135,9.92027 26.644813,15.92383 43.048828,15.92383 23.60327,0 44.40381,-12.41264 56.0957,-31.08203 a 6.6146002,6.6146002 0 0 0 -2.09375,-9.11523 6.6146002,6.6146002 0 0 0 -4.99218,-0.8418 z" + id="path1-2" /> + style="stroke-linecap:round;stroke-linejoin:round" + d="m 79.375,52.386719 c -21.840465,0 -39.687517,17.847035 -39.6875,39.6875 2e-6,21.840451 17.847047,39.687501 39.6875,39.687501 21.84045,0 39.68749,-17.84705 39.6875,-39.687501 1e-5,-8.902254 -2.95871,-17.185736 -7.9375,-23.814453 a 6.6145501,6.6145501 0 0 0 -9.26172,-1.316407 6.6145501,6.6145501 0 0 0 -1.3164,9.261719 c 3.32448,4.426191 5.28711,9.881075 5.2871,15.869141 0,14.690921 -11.768062,26.458981 -26.45898,26.458981 -14.690919,0 -26.458983,-11.76807 -26.458984,-26.458981 C 52.916004,77.383296 64.684073,65.617187 79.375,65.617187 A 6.6145501,6.6145501 0 0 0 85.990234,59.001953 6.6145501,6.6145501 0 0 0 79.375,52.386719 Z" + id="path1-2-6" /> + style="stroke-linecap:round;stroke-linejoin:round" + d="M 6.6152344,0 A 6.6146002,6.6146002 0 0 0 0,6.6152344 V 26.458984 C 0,36.681238 4.0627912,46.490525 11.291016,53.71875 l 1.134765,1.134766 c 4.750862,4.750862 7.417969,11.187516 7.417969,17.90625 v 79.375004 a 6.6146002,6.6146002 0 0 0 6.615234,6.61523 6.6146002,6.6146002 0 0 0 6.613282,-6.61523 V 72.759766 C 33.072266,62.537512 29.009474,52.728225 21.78125,45.5 L 20.646484,44.365234 C 15.895622,39.614372 13.228516,33.177718 13.228516,26.458984 V 6.6152344 A 6.6146002,6.6146002 0 0 0 6.6152344,0 Z" + id="path4" /> + style="stroke-linecap:round;stroke-linejoin:round" + d="M 26.458984,0 A 6.6146002,6.6146002 0 0 0 19.84375,6.6152344 V 33.072266 a 6.6146002,6.6146002 0 0 0 6.615234,6.615234 6.6146002,6.6146002 0 0 0 6.613282,-6.615234 V 6.6152344 A 6.6146002,6.6146002 0 0 0 26.458984,0 Z" + id="path5" /> + style="stroke-linecap:round;stroke-linejoin:round" + d="M 46.302734,0 A 6.6146002,6.6146002 0 0 0 39.6875,6.6152344 V 33.072266 a 6.6146002,6.6146002 0 0 0 6.615234,6.615234 6.6146002,6.6146002 0 0 0 6.613282,-6.615234 V 6.6152344 A 6.6146002,6.6146002 0 0 0 46.302734,0 Z" + id="path5-9" /> + style="stroke-linecap:round;stroke-linejoin:round" + d="m 145.50391,0.16210937 c -4.26324,-0.55779133 -8.90731,0.62960792 -12.44532,3.88867183 l -2.13281,1.9648438 c -7.55897,6.96302 -11.86328,16.779397 -11.86328,27.056641 v 33.074218 a 6.6146002,6.6146002 0 0 0 6.61523,6.613282 6.6146002,6.6146002 0 0 0 6.61329,-6.613282 V 33.072266 c 0,-6.586776 2.75304,-12.863512 7.59765,-17.326172 l 2.13281,-1.964844 c 0.8581,-0.790442 1.4748,-0.717695 2.25196,-0.376953 0.77715,0.340742 1.24804,0.743484 1.24804,1.910156 V 152.13477 a 6.6146002,6.6146002 0 0 0 6.61329,6.61523 6.6146002,6.6146002 0 0 0 6.61523,-6.61523 V 15.314453 c 0,-6.4137285 -4.03943,-11.777643 -9.16602,-14.0253905 -1.28164,-0.56193687 -2.659,-0.94102268 -4.08007,-1.12695313 z" + id="path7-6" /> diff --git a/icons/power.svg b/icons/power.svg index bc50f9b..519519b 100644 --- a/icons/power.svg +++ b/icons/power.svg @@ -7,277 +7,21 @@ viewBox="0 0 158.75 158.75" version="1.1" id="svg1" - inkscape:version="1.4 (e7c3feb100, 2024-10-09)" - sodipodi:docname="power.svg" - 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"> - - - - - - - - - - - - - - - - - - - - - - + id="defs1" /> + transform="translate(99.21877,1.9735626e-5)" /> diff --git a/icons/project_files/arrow_down.svg b/icons/project_files/arrow_down.svg new file mode 100644 index 0000000..b0c00f0 --- /dev/null +++ b/icons/project_files/arrow_down.svg @@ -0,0 +1,114 @@ + + + + + + + + + + + + + + + + diff --git a/icons/project_files/arrow_down_left.svg b/icons/project_files/arrow_down_left.svg new file mode 100644 index 0000000..02a3ba6 --- /dev/null +++ b/icons/project_files/arrow_down_left.svg @@ -0,0 +1,114 @@ + + + + + + + + + + + + + + + + diff --git a/icons/project_files/arrow_down_right.svg b/icons/project_files/arrow_down_right.svg new file mode 100644 index 0000000..20d2af1 --- /dev/null +++ b/icons/project_files/arrow_down_right.svg @@ -0,0 +1,114 @@ + + + + + + + + + + + + + + + + diff --git a/icons/project_files/arrow_left.svg b/icons/project_files/arrow_left.svg new file mode 100644 index 0000000..f97830c --- /dev/null +++ b/icons/project_files/arrow_left.svg @@ -0,0 +1,114 @@ + + + + + + + + + + + + + + + + diff --git a/icons/project_files/arrow_right.svg b/icons/project_files/arrow_right.svg new file mode 100644 index 0000000..0f7cc0e --- /dev/null +++ b/icons/project_files/arrow_right.svg @@ -0,0 +1,114 @@ + + + + + + + + + + + + + + + + diff --git a/icons/project_files/arrow_up.svg b/icons/project_files/arrow_up.svg new file mode 100644 index 0000000..5e9c05f --- /dev/null +++ b/icons/project_files/arrow_up.svg @@ -0,0 +1,114 @@ + + + + + + + + + + + + + + + + diff --git a/icons/project_files/arrow_up_left.svg b/icons/project_files/arrow_up_left.svg new file mode 100644 index 0000000..ee53cf9 --- /dev/null +++ b/icons/project_files/arrow_up_left.svg @@ -0,0 +1,114 @@ + + + + + + + + + + + + + + + + diff --git a/icons/arrow_straight_top_right.svg b/icons/project_files/arrow_up_right.svg similarity index 78% rename from icons/arrow_straight_top_right.svg rename to icons/project_files/arrow_up_right.svg index 6b6cd00..7a37f55 100644 --- a/icons/arrow_straight_top_right.svg +++ b/icons/project_files/arrow_up_right.svg @@ -23,11 +23,11 @@ inkscape:pagecheckerboard="0" inkscape:deskcolor="#5f5f5f" inkscape:document-units="px" - inkscape:zoom="1.0072603" - inkscape:cx="323.65021" - inkscape:cy="146.93322" - inkscape:window-width="1920" - inkscape:window-height="1080" + inkscape:zoom="1.4244812" + inkscape:cx="249.91555" + inkscape:cy="260.4457" + inkscape:window-width="2560" + inkscape:window-height="1440" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="0" @@ -102,12 +102,13 @@ inkscape:groupmode="layer" id="layer1"> + inkscape:original-d="M 146.88989,80.744043 V 1.3690415 H 54.285709 l 2e-6,19.8437505 H 127.04614 L 40.087008,108.17192" + inkscape:label="var1" + transform="translate(-14.245666,24.604327)" /> diff --git a/icons/project_files/basket.svg b/icons/project_files/basket.svg new file mode 100644 index 0000000..5c7ff67 --- /dev/null +++ b/icons/project_files/basket.svg @@ -0,0 +1,426 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/bed.svg b/icons/project_files/bed.svg new file mode 100644 index 0000000..0881757 --- /dev/null +++ b/icons/project_files/bed.svg @@ -0,0 +1,221 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/clock.svg b/icons/project_files/clock.svg new file mode 100644 index 0000000..76fc1de --- /dev/null +++ b/icons/project_files/clock.svg @@ -0,0 +1,230 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/code.svg b/icons/project_files/code.svg new file mode 100644 index 0000000..952d541 --- /dev/null +++ b/icons/project_files/code.svg @@ -0,0 +1,233 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/creature.svg b/icons/project_files/creature.svg new file mode 100644 index 0000000..bea4ec0 --- /dev/null +++ b/icons/project_files/creature.svg @@ -0,0 +1,135 @@ + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/cross.svg b/icons/project_files/cross.svg new file mode 100644 index 0000000..b9d6c6d --- /dev/null +++ b/icons/project_files/cross.svg @@ -0,0 +1,493 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/cross_small.svg b/icons/project_files/cross_small.svg new file mode 100644 index 0000000..5cb0396 --- /dev/null +++ b/icons/project_files/cross_small.svg @@ -0,0 +1,440 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/cup_1.svg b/icons/project_files/cup_1.svg new file mode 100644 index 0000000..6922399 --- /dev/null +++ b/icons/project_files/cup_1.svg @@ -0,0 +1,239 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/cup_2.svg b/icons/project_files/cup_2.svg new file mode 100644 index 0000000..ecc33ff --- /dev/null +++ b/icons/project_files/cup_2.svg @@ -0,0 +1,244 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/external.svg b/icons/project_files/external.svg new file mode 100644 index 0000000..2a22602 --- /dev/null +++ b/icons/project_files/external.svg @@ -0,0 +1,112 @@ + + + + diff --git a/icons/project_files/fairydust.svg b/icons/project_files/fairydust.svg new file mode 100644 index 0000000..2fe2858 --- /dev/null +++ b/icons/project_files/fairydust.svg @@ -0,0 +1,168 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/flag.svg b/icons/project_files/flag.svg new file mode 100644 index 0000000..a7fc4b8 --- /dev/null +++ b/icons/project_files/flag.svg @@ -0,0 +1,102 @@ + + + + + + + + + + + + + + + + diff --git a/icons/project_files/gluten.svg b/icons/project_files/gluten.svg new file mode 100644 index 0000000..dce19ed --- /dev/null +++ b/icons/project_files/gluten.svg @@ -0,0 +1,290 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/hackertours.svg b/icons/project_files/hackertours.svg new file mode 100644 index 0000000..2eed892 --- /dev/null +++ b/icons/project_files/hackertours.svg @@ -0,0 +1,411 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/hare_head.svg b/icons/project_files/hare_head.svg new file mode 100644 index 0000000..87b36ae --- /dev/null +++ b/icons/project_files/hare_head.svg @@ -0,0 +1,128 @@ + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/history.svg b/icons/project_files/history.svg new file mode 100644 index 0000000..3971a8b --- /dev/null +++ b/icons/project_files/history.svg @@ -0,0 +1,296 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/home.svg b/icons/project_files/home.svg new file mode 100644 index 0000000..9bd31f7 --- /dev/null +++ b/icons/project_files/home.svg @@ -0,0 +1,148 @@ + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/hygene.svg b/icons/project_files/hygene.svg new file mode 100644 index 0000000..8ec5231 --- /dev/null +++ b/icons/project_files/hygene.svg @@ -0,0 +1,414 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/info.svg b/icons/project_files/info.svg new file mode 100644 index 0000000..acb2717 --- /dev/null +++ b/icons/project_files/info.svg @@ -0,0 +1,214 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/link.svg b/icons/project_files/link.svg new file mode 100644 index 0000000..fe232d7 --- /dev/null +++ b/icons/project_files/link.svg @@ -0,0 +1,293 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/location.svg b/icons/project_files/location.svg new file mode 100644 index 0000000..7dd639b --- /dev/null +++ b/icons/project_files/location.svg @@ -0,0 +1,301 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/lock.svg b/icons/project_files/lock.svg new file mode 100644 index 0000000..3340ed1 --- /dev/null +++ b/icons/project_files/lock.svg @@ -0,0 +1,213 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/login.svg b/icons/project_files/login.svg new file mode 100644 index 0000000..c281956 --- /dev/null +++ b/icons/project_files/login.svg @@ -0,0 +1,229 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/logout.svg b/icons/project_files/logout.svg new file mode 100644 index 0000000..96169fa --- /dev/null +++ b/icons/project_files/logout.svg @@ -0,0 +1,234 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/message.svg b/icons/project_files/message.svg new file mode 100644 index 0000000..1d93ad5 --- /dev/null +++ b/icons/project_files/message.svg @@ -0,0 +1,216 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/microphone.svg b/icons/project_files/microphone.svg new file mode 100644 index 0000000..91b9c14 --- /dev/null +++ b/icons/project_files/microphone.svg @@ -0,0 +1,144 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/network.svg b/icons/project_files/network.svg new file mode 100644 index 0000000..b532641 --- /dev/null +++ b/icons/project_files/network.svg @@ -0,0 +1,226 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/pen.svg b/icons/project_files/pen.svg new file mode 100644 index 0000000..3c7a865 --- /dev/null +++ b/icons/project_files/pen.svg @@ -0,0 +1,165 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/plate_and_cutlery.svg b/icons/project_files/plate_and_cutlery.svg new file mode 100644 index 0000000..169ff22 --- /dev/null +++ b/icons/project_files/plate_and_cutlery.svg @@ -0,0 +1,187 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/power.svg b/icons/project_files/power.svg new file mode 100644 index 0000000..bc50f9b --- /dev/null +++ b/icons/project_files/power.svg @@ -0,0 +1,283 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/question.svg b/icons/project_files/question.svg new file mode 100644 index 0000000..9585eca --- /dev/null +++ b/icons/project_files/question.svg @@ -0,0 +1,208 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/schedule.svg b/icons/project_files/schedule.svg new file mode 100644 index 0000000..bf122e0 --- /dev/null +++ b/icons/project_files/schedule.svg @@ -0,0 +1,461 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/search.svg b/icons/project_files/search.svg new file mode 100644 index 0000000..014a9a8 --- /dev/null +++ b/icons/project_files/search.svg @@ -0,0 +1,446 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/settings.svg b/icons/project_files/settings.svg new file mode 100644 index 0000000..25a72cc --- /dev/null +++ b/icons/project_files/settings.svg @@ -0,0 +1,323 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/signup.svg b/icons/project_files/signup.svg new file mode 100644 index 0000000..e54da7a --- /dev/null +++ b/icons/project_files/signup.svg @@ -0,0 +1,203 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/soldering_iron.svg b/icons/project_files/soldering_iron.svg new file mode 100644 index 0000000..48c6b78 --- /dev/null +++ b/icons/project_files/soldering_iron.svg @@ -0,0 +1,167 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/tick.svg b/icons/project_files/tick.svg new file mode 100644 index 0000000..9edd06d --- /dev/null +++ b/icons/project_files/tick.svg @@ -0,0 +1,422 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/tick_small.svg b/icons/project_files/tick_small.svg new file mode 100644 index 0000000..ceb6b11 --- /dev/null +++ b/icons/project_files/tick_small.svg @@ -0,0 +1,422 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/train.svg b/icons/project_files/train.svg new file mode 100644 index 0000000..35b5b36 --- /dev/null +++ b/icons/project_files/train.svg @@ -0,0 +1,215 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/vegan.svg b/icons/project_files/vegan.svg new file mode 100644 index 0000000..c9b885d --- /dev/null +++ b/icons/project_files/vegan.svg @@ -0,0 +1,135 @@ + + + + + + + + + + + + + + + + + + diff --git a/icons/project_files/warning.svg b/icons/project_files/warning.svg new file mode 100644 index 0000000..0ab0e2f --- /dev/null +++ b/icons/project_files/warning.svg @@ -0,0 +1,243 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/icons/question.svg b/icons/question.svg index 8aa14d5..da7a7d5 100644 --- a/icons/question.svg +++ b/icons/question.svg @@ -7,192 +7,19 @@ viewBox="0 0 158.75 158.75" version="1.1" id="svg1" - inkscape:version="1.4 (e7c3feb100, 2024-10-09)" - sodipodi:docname="question.svg" - 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"> - - - - - - - - - - - - - - + id="defs1" /> + style="stroke-linecap:round;paint-order:markers fill stroke" + d="M 79.375,0 C 35.615746,1.0889597e-7 1.0889598e-7,35.615746 0,79.375 c -5.8481091e-7,39.16718 28.468633,71.82325 65.888672,78.23242 l 0.140625,0.0254 0.140625,0.0176 c 10.698134,1.35943 20.280577,-7.45639 19.814453,-18.23047 l 0.0059,0.28516 v -10.72071 a 6.6146002,6.6146002 0 0 0 -6.615234,-6.61523 6.6146002,6.6146002 0 0 0 -6.615234,6.61523 v 10.86524 l 0.0059,0.14258 c 0.121959,2.81897 -2.075518,4.84532 -4.865234,4.52734 -31.053742,-5.42894 -54.671876,-32.4553 -54.671875,-65.14453 0,-36.609664 29.53682,-66.146484 66.146484,-66.146484 36.60966,-1e-6 66.14648,29.53682 66.14648,66.146484 0,30.34232 -20.36206,55.80996 -48.103511,63.65625 a 6.6146002,6.6146002 0 0 0 -4.564453,8.16602 6.6146002,6.6146002 0 0 0 8.166014,4.56445 C 134.35725,146.33261 158.75,115.64294 158.75,79.375 158.75,35.615746 123.13426,-6.5337577e-7 79.375,0 Z" + id="path1" /> - + style="stroke-linecap:round;paint-order:markers fill stroke" + d="m 79.375,19.84375 c -12.189163,0 -22.924861,6.643642 -28.644531,16.53125 A 6.6146498,6.6146498 0 0 0 53.144531,45.414062 6.6146498,6.6146498 0 0 0 62.181641,43 c 3.429866,-5.929218 9.795888,-9.927734 17.193359,-9.927734 11.037706,0 19.84375,8.806044 19.84375,19.84375 0,5.119093 -1.902557,9.711611 -5.050781,13.228515 h -0.002 L 81.181641,80.662109 c -5.422349,6.062325 -8.421876,13.915339 -8.421875,22.048831 v 3.12304 a 6.6146498,6.6146498 0 0 0 6.615234,6.61329 6.6146498,6.6146498 0 0 0 6.615234,-6.61329 v -3.12304 c 0,-4.88289 1.797463,-9.590994 5.052735,-13.230471 l 12.980471,-14.511719 0.002,-0.002 c 5.23041,-5.843902 8.42188,-13.616787 8.42188,-22.050781 0,-18.18735 -14.88492,-33.072266 -33.07227,-33.072266 z" + id="path4" /> diff --git a/icons/schedule.svg b/icons/schedule.svg index bf122e0..41c21b2 100644 --- a/icons/schedule.svg +++ b/icons/schedule.svg @@ -7,455 +7,26 @@ viewBox="0 0 158.75 158.75" version="1.1" id="svg1" - inkscape:version="1.4 (e7c3feb100, 2024-10-09)" - sodipodi:docname="schedule.svg" - 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"> - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + id="defs1" /> diff --git a/icons/search.svg b/icons/search.svg index 9c8b0c0..aa20029 100644 --- a/icons/search.svg +++ b/icons/search.svg @@ -7,431 +7,15 @@ viewBox="0 0 158.75 158.75" version="1.1" id="svg1" - inkscape:version="1.4 (e7c3feb100, 2024-10-09)" - sodipodi:docname="search.svg" - 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"> - - - - - - - - - - - - - - - - - - - - - - - - - - - + id="defs1" /> - + style="stroke-linecap:round;paint-order:markers fill stroke" + d="M 99.21875,0 C 66.418891,0 39.687499,26.73139 39.6875,59.53125 c 0,9.164565 2.081873,17.888735 5.808594,25.664062 L 46.298828,86.875 c 3.154177,6.598778 1.816219,14.40448 -3.355469,19.57617 L 1.9375,147.45898 a 6.6146002,6.6146002 0 0 0 0,9.35352 6.6146002,6.6146002 0 0 0 9.353516,0 l 41.007812,-41.00586 c 9.103653,-9.10365 11.487803,-23.020975 5.935547,-34.636718 l -0.806641,-1.689453 -0.002,-0.0039 C 54.532724,73.440566 52.916016,66.698157 52.916016,59.53125 52.916015,33.880982 73.568481,13.228516 99.21875,13.228516 c 25.65027,-3e-6 46.30273,20.652464 46.30273,46.302734 0,25.650269 -20.65246,46.30273 -46.30273,46.30273 -8.461713,0 -16.341713,-2.25238 -23.152344,-6.193355 a 6.6146002,6.6146002 0 0 0 -9.037109,2.412105 6.6146002,6.6146002 0 0 0 2.412109,9.03711 c 8.758849,5.06831 18.957069,7.97266 29.777344,7.97266 32.79986,0 59.53125,-26.731389 59.53125,-59.53125 C 158.75,26.731388 132.01861,-3.1424946e-6 99.21875,0 Z" + id="path34" /> diff --git a/icons/settings.svg b/icons/settings.svg index 25a72cc..376ad53 100644 --- a/icons/settings.svg +++ b/icons/settings.svg @@ -7,317 +7,20 @@ viewBox="0 0 158.75 158.75" version="1.1" id="svg1" - inkscape:version="1.4 (e7c3feb100, 2024-10-09)" - sodipodi:docname="settings.svg" - 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"> - - - - - - - - - - - - - - - - - - - - - - - + id="defs1" /> + transform="matrix(1.0129514,0,0,1.0129514,-1.0280419,-1.0280589)" /> + style="stroke-linecap:round;paint-order:markers fill stroke" + d="m 79.375,39.6875 c -21.84048,0 -39.6875,17.84702 -39.6875,39.6875 0,5.624229 1.178578,11.010816 3.304687,15.876953 a 6.6146498,6.6146498 0 0 0 8.710938,3.414063 6.6146498,6.6146498 0 0 0 3.412109,-8.710938 C 53.701264,86.71885 52.916016,83.158095 52.916016,79.375 c 0,-14.690836 11.768148,-26.458984 26.458984,-26.458984 14.690837,0 26.45898,11.768148 26.45898,26.458984 0,14.690838 -11.768142,26.45898 -26.45898,26.45898 -3.784353,0 -7.346888,-0.7863 -10.583984,-2.20117 a 6.6146498,6.6146498 0 0 0 -8.710938,3.41211 6.6146498,6.6146498 0 0 0 3.412109,8.71094 c 4.867411,2.12744 10.256702,3.30664 15.882813,3.30664 21.84048,0 39.6875,-17.84702 39.6875,-39.6875 0,-21.840482 -17.84702,-39.6875 -39.6875,-39.6875 z" + id="path20" /> diff --git a/icons/signup.svg b/icons/signup.svg index e54da7a..8f47bb2 100644 --- a/icons/signup.svg +++ b/icons/signup.svg @@ -2,202 +2,35 @@ - - - - - - - - - - - + id="defs1" /> + style="stroke-linecap:round;stroke-linejoin:round" + d="m 89.296875,0 c -21.840463,0 -39.6875,17.847037 -39.6875,39.6875 0,14.637477 7.975146,27.50969 19.839844,34.373047 a 6.6146002,6.6146002 0 0 0 9.037109,-2.41211 6.6146002,6.6146002 0 0 0 -2.414062,-9.039062 C 68.165928,58.035806 62.837891,49.533321 62.837891,39.6875 c 0,-14.690873 11.768111,-26.458984 26.458984,-26.458984 14.690875,0 26.458985,11.768111 26.458985,26.458984 0,9.845822 -5.32804,18.348304 -13.23438,22.921875 a 6.6146002,6.6146002 0 0 0 -2.41406,9.039062 6.6146002,6.6146002 0 0 0 9.03711,2.41211 C 121.00923,67.19719 128.98437,54.324976 128.98437,39.6875 128.98437,17.847037 111.13734,0 89.296875,0 Z" + id="path4" /> diff --git a/icons/soldering_iron.svg b/icons/soldering_iron.svg index 48c6b78..dd79717 100644 --- a/icons/soldering_iron.svg +++ b/icons/soldering_iron.svg @@ -7,161 +7,15 @@ viewBox="0 0 158.75 158.75" version="1.1" id="svg1" - inkscape:version="1.4 (e7c3feb100, 2024-10-09)" - sodipodi:docname="soldering_iron.svg" - 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"> - - - - - - - - - - - - - + id="defs1" /> + style="stroke-linecap:round;stroke-linejoin:round" + d="m 142.19336,0.04101562 c -3.73806,-8.4e-7 -7.47529,1.40692878 -10.28906,4.22070308 L 117.99414,18.171875 C 108.86248,27.303538 95.979643,31.597817 83.195312,29.771484 L 82.46875,29.667969 c -6.302612,-0.900373 -12.077233,2.715013 -14.525391,7.611328 -2.448157,4.896315 -1.874912,11.683681 2.626953,16.185547 l 4.38086,4.382812 c 0.985329,0.98533 0.985329,2.381858 0,3.367188 L 18.908203,117.25781 c -3.634498,3.6345 -5.679688,8.57098 -5.679687,13.71094 v 2.64648 c 0,1.63644 -0.647552,3.19834 -1.804688,4.35547 L 1.9375,147.45898 a 6.6146002,6.6146002 0 0 0 0,9.35352 6.6146002,6.6146002 0 0 0 9.353516,0 l 9.488281,-9.48633 c 3.634498,-3.6345 5.679687,-8.57098 5.679687,-13.71094 v -2.64648 c 0,-1.63644 0.647552,-3.19833 1.804688,-4.35547 L 84.306641,70.570312 c 6.040854,-6.040853 6.040853,-16.03727 0,-22.078125 l -4.382813,-4.380859 c -0.53238,-0.53238 -0.339945,-0.533 -0.148437,-0.916016 0.191507,-0.383015 0.07693,-0.538116 0.822265,-0.43164 l 0.726563,0.103515 C 98.2192,45.280756 115.27981,39.595186 127.34766,27.527344 l 13.91015,-13.910156 c 0.57203,-0.572025 1.29907,-0.572024 1.8711,0 l 2.0039,2.003906 c 0.57203,0.572026 0.57203,1.299069 0,1.871093 l -25.13476,25.134766 c -5.00134,5.001341 -7.3616,12.080154 -6.36133,19.082031 l 2.34961,16.44336 c 0.10647,0.745332 -0.0486,0.630758 -0.43164,0.822265 -0.38302,0.191508 -0.38364,0.383943 -0.91602,-0.148437 l -4.19531,-4.195313 c -6.14418,-6.144174 -16.305041,-6.144174 -22.449219,0 L 35.009766,127.61523 a 6.6146002,6.6146002 0 0 0 0,9.35352 6.6146002,6.6146002 0 0 0 9.355468,0 L 97.347656,83.986328 c 1.088655,-1.088654 2.653534,-1.088654 3.742184,0 l 4.19532,4.193359 c 4.50186,4.50187 11.28923,5.075111 16.18554,2.626954 4.89632,-2.448158 8.51171,-8.222777 7.61133,-14.525391 l -2.34961,-16.441406 c -0.41303,-2.891227 0.55398,-5.794213 2.61914,-7.859375 l 25.13672,-25.134766 c 5.62755,-5.627549 5.62755,-14.952528 0,-20.580078 L 152.48437,4.2617187 C 149.6706,1.4479429 145.93142,0.04101647 142.19336,0.04101562 Z" + id="path2" /> diff --git a/icons/tick.svg b/icons/tick.svg index 9edd06d..e75095d 100644 --- a/icons/tick.svg +++ b/icons/tick.svg @@ -7,416 +7,16 @@ viewBox="0 0 158.75 158.75" version="1.1" id="svg1" - inkscape:version="1.4 (e7c3feb100, 2024-10-09)" - sodipodi:docname="tick.svg" - 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"> - - - - - - - - - - - - - - - - - - - - - - - - - + id="defs1" /> + transform="matrix(1.0129514,0,0,1.0129514,-1.0280436,-1.0280564)" /> diff --git a/icons/tick_small.svg b/icons/tick_small.svg index 5ad290d..8e5aade 100644 --- a/icons/tick_small.svg +++ b/icons/tick_small.svg @@ -3,420 +3,20 @@ - - - - - - - - - - - - - - - - - - - - - - - - - + id="defs1" /> + transform="matrix(1.0129503,0,0,1.0129502,48.277413,-46.615535)" /> diff --git a/icons/train.svg b/icons/train.svg index 35b5b36..319a829 100644 --- a/icons/train.svg +++ b/icons/train.svg @@ -7,209 +7,45 @@ viewBox="0 0 158.75 158.75" version="1.1" id="svg1" - inkscape:version="1.4 (e7c3feb100, 2024-10-09)" - sodipodi:docname="train.svg" - 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"> - - - - - - - - - - - - - + id="defs1" /> + style="stroke-linecap:round" + d="M 6.6152344,0 A 6.6146002,6.6146002 0 0 0 0,6.6152344 6.6146002,6.6146002 0 0 0 6.6152344,13.228516 H 85.990234 c 6.201666,0 12.012512,2.959098 15.660156,7.974609 l 37.35547,51.363281 c 4.23528,5.82351 6.51562,12.836355 6.51562,20.03711 v 19.843754 c 0,3.73147 -2.88376,6.61523 -6.61523,6.61523 H 6.6152344 A 6.6146002,6.6146002 0 0 0 0,125.67773 6.6146002,6.6146002 0 0 0 6.6152344,132.29102 H 138.90625 c 10.88106,0 19.84375,-8.96269 19.84375,-19.84375 V 92.603516 c 0,-9.994968 -3.16812,-19.735069 -9.04688,-27.81836 L 112.34961,13.423828 C 106.2199,4.9954831 96.41186,0 85.990234,0 Z" + id="path49" /> + style="stroke-linecap:round" + d="m 66.146484,19.84375 c -10.881062,0 -19.84375,8.962688 -19.84375,19.84375 V 79.375 A 6.6146002,6.6146002 0 0 0 52.916016,85.990234 6.6146002,6.6146002 0 0 0 59.53125,79.375 V 39.6875 c 0,-3.731472 2.883762,-6.615234 6.615234,-6.615234 h 6.613282 c 6.251761,0 12.123942,2.936091 15.875,7.9375 l 23.812504,31.75 H 72.759766 a 6.6146002,6.6146002 0 0 0 -6.613282,6.615234 6.6146002,6.6146002 0 0 0 6.613282,6.615234 h 39.687504 c 10.48504,0 16.87501,-12.77993 10.58398,-21.167968 l -23.8125,-31.75 C 92.976262,24.748949 83.163912,19.84375 72.759766,19.84375 Z" + id="path49-2" /> - - + style="stroke-linecap:round" + d="M 6.6152344,19.84375 A 6.6146002,6.6146002 0 0 0 0,26.458984 6.6146002,6.6146002 0 0 0 6.6152344,33.072266 H 19.84375 c 3.731472,0 6.615234,2.883762 6.615234,6.615234 v 52.916016 c 0,3.731472 -2.883762,6.615234 -6.615234,6.615234 H 6.6152344 A 6.6146002,6.6146002 0 0 0 0,105.83398 6.6146002,6.6146002 0 0 0 6.6152344,112.44727 H 19.84375 c 10.881062,0 19.84375,-8.96269 19.84375,-19.843754 V 39.6875 c 0,-10.881062 -8.962688,-19.84375 -19.84375,-19.84375 z" + id="path49-2-7" /> + + + + + + + + diff --git a/icons/vegan.svg b/icons/vegan.svg index 5fa4b21..e85c25c 100644 --- a/icons/vegan.svg +++ b/icons/vegan.svg @@ -2,134 +2,24 @@ - - - - - - - - + id="defs1" /> + style="stroke-linecap:round;stroke-linejoin:round" + d="m 121.3457,4.4140625 c -1.26876,0.1525909 -2.54066,0.4717331 -3.79297,0.9726562 l -8.50781,3.4023438 C 100.10911,12.363386 91.992809,17.716176 85.1875,24.521484 l -1.134766,1.134766 c -7.356842,7.356842 -10.826837,17.762921 -9.355468,28.0625 l 2.873046,20.109375 c 1.028056,7.196389 -0.163064,14.533163 -3.414062,21.035156 L 60.230469,122.71875 a 6.6146002,6.6146002 0 0 0 2.957031,8.875 6.6146002,6.6146002 0 0 0 8.875,-2.95898 L 85.990234,100.7793 c 4.453774,-8.907547 6.084188,-18.963424 4.675782,-28.822269 L 87.794922,51.847656 C 86.910789,45.658728 88.985587,39.430429 93.40625,35.009766 L 94.541016,33.875 c 5.538594,-5.538597 12.145434,-9.893721 19.417964,-12.802734 l 8.50586,-3.402344 c 1.74806,-0.699223 3.21289,0.291113 3.21289,2.173828 v 6.615234 a 6.6152616,6.6152616 0 0 0 0.004,0.21875 c 0.21314,6.434585 -1.47867,12.783655 -4.85156,18.265625 -4.16522,6.213301 -9.86692,11.242051 -16.5586,14.587891 l -1.39648,0.699219 a 6.6146002,6.6146002 0 0 0 -2.957031,8.873047 6.6146002,6.6146002 0 0 0 8.873051,2.958984 l 1.39648,-0.699219 c 8.78327,-4.391637 16.26964,-10.999192 21.7168,-19.169922 a 6.6152616,6.6152616 0 0 0 0.11914,-0.183593 c 4.78644,-7.721866 7.17967,-16.689513 6.8789,-25.769532 l 0.004,0.21875 V 19.84375 c 0,-9.441438 -8.67923,-16.497824 -17.56055,-15.4296875 z" + id="path2" /> + style="stroke-linecap:round;stroke-linejoin:round" + d="m 7.7402344,37.748047 a 6.6146002,6.6146002 0 0 0 -4.9375,1.113281 6.6146002,6.6146002 0 0 0 -1.59375,9.216797 C 22.45801,78.204065 36.195173,113.98004 39.714844,152.73437 a 6.6146002,6.6146002 0 0 0 7.185547,5.98829 6.6146002,6.6146002 0 0 0 5.988281,-7.18555 C 49.154771,110.42394 34.565066,72.417199 12.019531,40.453125 A 6.6146002,6.6146002 0 0 0 7.7402344,37.748047 Z" + id="path3" /> diff --git a/icons/warning.svg b/icons/warning.svg index 512eec4..d9933af 100644 --- a/icons/warning.svg +++ b/icons/warning.svg @@ -7,237 +7,21 @@ viewBox="0 0 158.75 158.75" version="1.1" id="svg1" - inkscape:version="1.4 (e7c3feb100, 2024-10-09)" - sodipodi:docname="warning.svg" - 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"> - - - - - - - - - - - - - - - - - + id="defs1" /> + transform="matrix(1.0009325,0,0,-1.0020738,26.408365,157.10288)" /> diff --git a/styleguide/.gitignore b/styleguide/.gitignore new file mode 100644 index 0000000..5df1b9b --- /dev/null +++ b/styleguide/.gitignore @@ -0,0 +1 @@ +.sass-cache diff --git a/styleguide/assets/font/argonglow/ArgonGlow-Bold.woff2 b/styleguide/assets/font/argonglow/ArgonGlow-Bold.woff2 new file mode 100644 index 0000000..559dcee Binary files /dev/null and b/styleguide/assets/font/argonglow/ArgonGlow-Bold.woff2 differ diff --git a/styleguide/assets/font/argonglow/ArgonGlow-ExtraLight.woff2 b/styleguide/assets/font/argonglow/ArgonGlow-ExtraLight.woff2 new file mode 100644 index 0000000..5180aef Binary files /dev/null and b/styleguide/assets/font/argonglow/ArgonGlow-ExtraLight.woff2 differ diff --git a/styleguide/assets/font/argonglow/ArgonGlow-Light.woff2 b/styleguide/assets/font/argonglow/ArgonGlow-Light.woff2 new file mode 100644 index 0000000..b5c4350 Binary files /dev/null and b/styleguide/assets/font/argonglow/ArgonGlow-Light.woff2 differ diff --git a/styleguide/assets/font/argonglow/ArgonGlow-Medium.woff2 b/styleguide/assets/font/argonglow/ArgonGlow-Medium.woff2 new file mode 100644 index 0000000..1b27ff8 Binary files /dev/null and b/styleguide/assets/font/argonglow/ArgonGlow-Medium.woff2 differ diff --git a/styleguide/assets/font/argonglow/ArgonGlow-Regular.woff2 b/styleguide/assets/font/argonglow/ArgonGlow-Regular.woff2 new file mode 100644 index 0000000..b07e00b Binary files /dev/null and b/styleguide/assets/font/argonglow/ArgonGlow-Regular.woff2 differ diff --git a/styleguide/assets/font/argonglow/ArgonGlow-SemiBold.woff2 b/styleguide/assets/font/argonglow/ArgonGlow-SemiBold.woff2 new file mode 100644 index 0000000..a017274 Binary files /dev/null and b/styleguide/assets/font/argonglow/ArgonGlow-SemiBold.woff2 differ diff --git a/styleguide/assets/font/argonglow/ArgonGlow-Thin.woff2 b/styleguide/assets/font/argonglow/ArgonGlow-Thin.woff2 new file mode 100644 index 0000000..a30b8c2 Binary files /dev/null and b/styleguide/assets/font/argonglow/ArgonGlow-Thin.woff2 differ diff --git a/styleguide/assets/font/argonglow/ArgonGlow-VariableVF.woff2 b/styleguide/assets/font/argonglow/ArgonGlow-VariableVF.woff2 new file mode 100644 index 0000000..e884e2c Binary files /dev/null and b/styleguide/assets/font/argonglow/ArgonGlow-VariableVF.woff2 differ diff --git a/styleguide/assets/font/argonglow/OFL b/styleguide/assets/font/argonglow/OFL new file mode 100644 index 0000000..1cdb289 --- /dev/null +++ b/styleguide/assets/font/argonglow/OFL @@ -0,0 +1,96 @@ +Copyright (c) 2025, The Argon Glow Project Authors (https://codeberg.org/kritzl/argon-glow), +Copyright (c) 2025, kritzl (kritzl@kritzl.dev), +Copyright (c) 2025, traumweh (traumweh@lyx.sh), +with Reserved Font Name "Argon Glow". + +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: +https://openfontlicense.org + + +----------------------------------------------------------- +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 +----------------------------------------------------------- + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide +development of collaborative font projects, to support the font creation +efforts of academic and linguistic communities, and to provide a free and +open framework in which fonts may be shared and improved in partnership +with others. + +The OFL allows the licensed fonts to be used, studied, modified and +redistributed freely as long as they are not sold by themselves. The +fonts, including any derivative works, can be bundled, embedded, +redistributed and/or sold with any software provided that any reserved +names are not used by derivative works. The fonts and derivatives, +however, cannot be released under any other type of license. The +requirement for fonts to remain under this license does not apply +to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this license and clearly marked as such. This may +include source files, build scripts and documentation. + +"Reserved Font Name" refers to any names specified as such after the +copyright statement(s). + +"Original Version" refers to the collection of Font Software components as +distributed by the Copyright Holder(s). + +"Modified Version" refers to any derivative made by adding to, deleting, +or substituting - in part or in whole - any of the components of the +Original Version, by changing formats or by porting the Font Software to a +new environment. + +"Author" refers to any designer, engineer, programmer, technical +writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining +a copy of the Font Software, to use, study, copy, merge, embed, modify, +redistribute, and sell modified and unmodified copies of the Font +Software, subject to the following conditions: + +1) Neither the Font Software nor any of its individual components, +in Original or Modified Versions, may be sold by itself. + +2) Original or Modified Versions of the Font Software may be bundled, +redistributed and/or sold with any software, provided that each copy +contains the above copyright notice and this license. These can be +included either as stand-alone text files, human-readable headers or +in the appropriate machine-readable metadata fields within text or +binary files as long as those fields can be easily viewed by the user. + +3) No Modified Version of the Font Software may use the Reserved Font +Name(s) unless explicit written permission is granted by the corresponding +Copyright Holder. This restriction only applies to the primary font name as +presented to the users. + +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font +Software shall not be used to promote, endorse or advertise any +Modified Version, except to acknowledge the contribution(s) of the +Copyright Holder(s) and the Author(s) or with their explicit written +permission. + +5) The Font Software, modified or unmodified, in part or in whole, +must be distributed entirely under this license, and must not be +distributed under any other license. The requirement for fonts to +remain under this license does not apply to any document created +using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT +OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM +OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/styleguide/assets/font/athiti/Athiti-Bold.woff2 b/styleguide/assets/font/athiti/Athiti-Bold.woff2 new file mode 100644 index 0000000..4cc5810 Binary files /dev/null and b/styleguide/assets/font/athiti/Athiti-Bold.woff2 differ diff --git a/styleguide/assets/font/athiti/Athiti-ExtraLight.woff2 b/styleguide/assets/font/athiti/Athiti-ExtraLight.woff2 new file mode 100644 index 0000000..9bb6cea Binary files /dev/null and b/styleguide/assets/font/athiti/Athiti-ExtraLight.woff2 differ diff --git a/styleguide/assets/font/athiti/Athiti-Light.woff2 b/styleguide/assets/font/athiti/Athiti-Light.woff2 new file mode 100644 index 0000000..51f9e72 Binary files /dev/null and b/styleguide/assets/font/athiti/Athiti-Light.woff2 differ diff --git a/styleguide/assets/font/athiti/Athiti-Medium.woff2 b/styleguide/assets/font/athiti/Athiti-Medium.woff2 new file mode 100644 index 0000000..bc8b50a Binary files /dev/null and b/styleguide/assets/font/athiti/Athiti-Medium.woff2 differ diff --git a/styleguide/assets/font/athiti/Athiti-Regular.woff2 b/styleguide/assets/font/athiti/Athiti-Regular.woff2 new file mode 100644 index 0000000..c69c128 Binary files /dev/null and b/styleguide/assets/font/athiti/Athiti-Regular.woff2 differ diff --git a/styleguide/assets/font/athiti/Athiti-SemiBold.woff2 b/styleguide/assets/font/athiti/Athiti-SemiBold.woff2 new file mode 100644 index 0000000..726a075 Binary files /dev/null and b/styleguide/assets/font/athiti/Athiti-SemiBold.woff2 differ diff --git a/styleguide/assets/font/athiti/OFL b/styleguide/assets/font/athiti/OFL new file mode 100644 index 0000000..b0f4597 --- /dev/null +++ b/styleguide/assets/font/athiti/OFL @@ -0,0 +1,93 @@ +Copyright (c) 2015, Cadson Demak (info@cadsondemak.com) + +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: +http://scripts.sil.org/OFL + + +----------------------------------------------------------- +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 +----------------------------------------------------------- + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide +development of collaborative font projects, to support the font creation +efforts of academic and linguistic communities, and to provide a free and +open framework in which fonts may be shared and improved in partnership +with others. + +The OFL allows the licensed fonts to be used, studied, modified and +redistributed freely as long as they are not sold by themselves. The +fonts, including any derivative works, can be bundled, embedded, +redistributed and/or sold with any software provided that any reserved +names are not used by derivative works. The fonts and derivatives, +however, cannot be released under any other type of license. The +requirement for fonts to remain under this license does not apply +to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this license and clearly marked as such. This may +include source files, build scripts and documentation. + +"Reserved Font Name" refers to any names specified as such after the +copyright statement(s). + +"Original Version" refers to the collection of Font Software components as +distributed by the Copyright Holder(s). + +"Modified Version" refers to any derivative made by adding to, deleting, +or substituting -- in part or in whole -- any of the components of the +Original Version, by changing formats or by porting the Font Software to a +new environment. + +"Author" refers to any designer, engineer, programmer, technical +writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining +a copy of the Font Software, to use, study, copy, merge, embed, modify, +redistribute, and sell modified and unmodified copies of the Font +Software, subject to the following conditions: + +1) Neither the Font Software nor any of its individual components, +in Original or Modified Versions, may be sold by itself. + +2) Original or Modified Versions of the Font Software may be bundled, +redistributed and/or sold with any software, provided that each copy +contains the above copyright notice and this license. These can be +included either as stand-alone text files, human-readable headers or +in the appropriate machine-readable metadata fields within text or +binary files as long as those fields can be easily viewed by the user. + +3) No Modified Version of the Font Software may use the Reserved Font +Name(s) unless explicit written permission is granted by the corresponding +Copyright Holder. This restriction only applies to the primary font name as +presented to the users. + +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font +Software shall not be used to promote, endorse or advertise any +Modified Version, except to acknowledge the contribution(s) of the +Copyright Holder(s) and the Author(s) or with their explicit written +permission. + +5) The Font Software, modified or unmodified, in part or in whole, +must be distributed entirely under this license, and must not be +distributed under any other license. The requirement for fonts to +remain under this license does not apply to any document created +using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT +OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM +OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/styleguide/assets/font/departuremono/DepartureMono-Regular.woff2 b/styleguide/assets/font/departuremono/DepartureMono-Regular.woff2 new file mode 100644 index 0000000..7d8b33b Binary files /dev/null and b/styleguide/assets/font/departuremono/DepartureMono-Regular.woff2 differ diff --git a/styleguide/assets/font/departuremono/LICENSE b/styleguide/assets/font/departuremono/LICENSE new file mode 100644 index 0000000..de52476 --- /dev/null +++ b/styleguide/assets/font/departuremono/LICENSE @@ -0,0 +1,93 @@ +Copyright 2022–2024 Helena Zhang (helenazhang.com). + +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: +https://openfontlicense.org + + +----------------------------------------------------------- +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 +----------------------------------------------------------- + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide +development of collaborative font projects, to support the font creation +efforts of academic and linguistic communities, and to provide a free and +open framework in which fonts may be shared and improved in partnership +with others. + +The OFL allows the licensed fonts to be used, studied, modified and +redistributed freely as long as they are not sold by themselves. The +fonts, including any derivative works, can be bundled, embedded, +redistributed and/or sold with any software provided that any reserved +names are not used by derivative works. The fonts and derivatives, +however, cannot be released under any other type of license. The +requirement for fonts to remain under this license does not apply +to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this license and clearly marked as such. This may +include source files, build scripts and documentation. + +"Reserved Font Name" refers to any names specified as such after the +copyright statement(s). + +"Original Version" refers to the collection of Font Software components as +distributed by the Copyright Holder(s). + +"Modified Version" refers to any derivative made by adding to, deleting, +or substituting -- in part or in whole -- any of the components of the +Original Version, by changing formats or by porting the Font Software to a +new environment. + +"Author" refers to any designer, engineer, programmer, technical +writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining +a copy of the Font Software, to use, study, copy, merge, embed, modify, +redistribute, and sell modified and unmodified copies of the Font +Software, subject to the following conditions: + +1) Neither the Font Software nor any of its individual components, +in Original or Modified Versions, may be sold by itself. + +2) Original or Modified Versions of the Font Software may be bundled, +redistributed and/or sold with any software, provided that each copy +contains the above copyright notice and this license. These can be +included either as stand-alone text files, human-readable headers or +in the appropriate machine-readable metadata fields within text or +binary files as long as those fields can be easily viewed by the user. + +3) No Modified Version of the Font Software may use the Reserved Font +Name(s) unless explicit written permission is granted by the corresponding +Copyright Holder. This restriction only applies to the primary font name as +presented to the users. + +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font +Software shall not be used to promote, endorse or advertise any +Modified Version, except to acknowledge the contribution(s) of the +Copyright Holder(s) and the Author(s) or with their explicit written +permission. + +5) The Font Software, modified or unmodified, in part or in whole, +must be distributed entirely under this license, and must not be +distributed under any other license. The requirement for fonts to +remain under this license does not apply to any document created +using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT +OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM +OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/styleguide/assets/style/glows.svg b/styleguide/assets/style/glows.svg new file mode 100644 index 0000000..eee0db8 --- /dev/null +++ b/styleguide/assets/style/glows.svg @@ -0,0 +1,319 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/styleguide/assets/style/main.css b/styleguide/assets/style/main.css new file mode 100644 index 0000000..efd5d1d --- /dev/null +++ b/styleguide/assets/style/main.css @@ -0,0 +1,322 @@ +:root { + --color-neutral-50: #F2F0F5; + --color-neutral-100: #D1C6E0; + --color-neutral-200: #B2A0CB; + --color-neutral-300: #957EB5; + --color-neutral-400: #7A60A0; + --color-neutral-500: #61468B; + --color-neutral-600: #4B3176; + --color-neutral-700: #371F60; + --color-neutral-800: #26114B; + --color-neutral-900: #180736; + --color-neutral-950: #0C011F; + --color-argon-50: #E1ABC9; + --color-argon-100: #DA87B5; + --color-argon-200: #D464A1; + --color-argon-300: #CD448F; + --color-argon-400: #C6257D; + --color-argon-500: #B0166F; + --color-argon-600: #9A0A61; + --color-argon-700: #830755; + --color-argon-800: #6D0449; + --color-argon-900: #56023C; + --color-argon-950: #3F012D; + --color-krypton-50: #B2D9EA; + --color-krypton-100: #8CC9E4; + --color-krypton-200: #69BADE; + --color-krypton-300: #4BADD8; + --color-krypton-400: #2493C2; + --color-krypton-500: #167FAC; + --color-krypton-600: #0A6C96; + --color-krypton-700: #075C81; + --color-krypton-800: #044C6B; + --color-krypton-900: #023C55; + --color-krypton-950: #012C3F; + --color-green-50: #C0F49A; + --color-green-100: #A7E57A; + --color-green-200: #8FD75D; + --color-green-300: #7AC843; + --color-green-400: #66B92D; + --color-green-500: #54AA18; + --color-green-600: #47990F; + --color-green-700: #397E0A; + --color-green-800: #2B6206; + --color-green-900: #1F4703; + --color-green-950: #122B01; + --color-red-50: #E6AFAF; + --color-red-100: #DD9090; + --color-red-200: #D57272; + --color-red-300: #CC5757; + --color-red-400: #C33D3D; + --color-red-500: #BB2626; + --color-red-600: #B21010; + --color-red-700: #950808; + --color-red-800: #780404; + --color-red-900: #5C0202; + --color-red-950: #3F0101; + --color-dark-foreground: var(--color-neutral-50); + --color-dark-background: var(--color-neutral-900); + --color-dark-shade-1: var(--color-neutral-800); + --color-dark-shade-2: var(--color-neutral-700); + --color-dark-shade-3: var(--color-neutral-600); + --color-dark-shade-4: var(--color-neutral-500); + --color-dark-primary: var(--color-argon-400); + --color-dark-secondary: var(--color-krypton-300); + --color-dark-error: var(--color-red-500); + --color-dark-success: var(--color-green-500); + --color-dark-accent-1: #60a5f9; + --color-dark-accent-2: #d381f7; + --color-dark-accent-3: #ff7975; + --color-light-foreground: var(--color-neutral-900); + --color-light-background: var(--color-neutral-50); + --color-light-shade-1: var(--color-neutral-100); + --color-light-shade-2: var(--color-neutral-200); + --color-light-shade-3: var(--color-neutral-300); + --color-light-shade-4: var(--color-neutral-400); + --color-light-primary: var(--color-argon-600); + --color-light-secondary: var(--color-krypton-500); + --color-light-error: var(--color-red-600); + --color-light-success: var(--color-green-600); + --color-light-accent-1: #303EC0; + --color-light-accent-2: #6c366c; + --color-light-accent-3: #932f0a; + --color-cmyk-primary: var(--color-dark-primary); + --color-cmyk-secondary: var(--color-dark-secondary); + --text-xs: 0.75rem; + --text-sm: 0.875rem; + --text-base: 1rem; + --text-lg: 1.125rem; + --text-xl: 1.25rem; + --text-2xl: 1.5rem; + --text-3xl: 1.875rem; + --text-4xl: 2.25rem; + --text-5xl: 3rem; + --container-3xs: 16rem; + --container-2xs: 18rem; + --container-xs: 20rem; + --container-sm: 24rem; + --container-md: 28rem; + --container-lg: 32rem; + --container-xl: 36rem; + --container-2xl: 42rem; + --container-3xl: 48rem; + --container-4xl: 56rem; + --container-5xl: 64rem; + --container-6xl: 72rem; + --container-7xl: 80rem; +} + +.dark { + --color-foreground: var(--color-dark-foreground); + --color-background: var(--color-dark-background); + --color-shade-1: var(--color-dark-shade-1); + --color-shade-2: var(--color-dark-shade-2); + --color-shade-3: var(--color-dark-shade-3); + --color-shade-4: var(--color-dark-shade-4); + --color-primary: var(--color-dark-primary); + --color-secondary: var(--color-dark-secondary); + --color-error: var(--color-dark-error); + --color-success: var(--color-dark-success); + --color-accent-1: var(--color-dark-accent-1); + --color-accent-2: var(--color-dark-accent-2); + --color-accent-3: var(--color-dark-accent-3); +} + +.light { + --color-foreground: var(--color-light-foreground); + --color-background: var(--color-light-background); + --color-shade-1: var(--color-light-shade-1); + --color-shade-2: var(--color-light-shade-2); + --color-shade-3: var(--color-light-shade-3); + --color-shade-4: var(--color-light-shade-4); + --color-primary: var(--color-light-primary); + --color-secondary: var(--color-light-secondary); + --color-error: var(--color-light-error); + --color-success: var(--color-light-success); + --color-accent-1: var(--color-light-accent-1); + --color-accent-2: var(--color-light-accent-2); + --color-accent-3: var(--color-light-accent-3); +} + +html, html.light { + --color-foreground: var(--color-light-foreground); + --color-background: var(--color-light-background); + --color-shade-1: var(--color-light-shade-1); + --color-shade-2: var(--color-light-shade-2); + --color-shade-3: var(--color-light-shade-3); + --color-shade-4: var(--color-light-shade-4); + --color-primary: var(--color-light-primary); + --color-secondary: var(--color-light-secondary); + --color-error: var(--color-light-error); + --color-success: var(--color-light-success); + --color-accent-1: var(--color-light-accent-1); + --color-accent-2: var(--color-light-accent-2); + --color-accent-3: var(--color-light-accent-3); +} + +html.dark { + --color-foreground: var(--color-dark-foreground); + --color-background: var(--color-dark-background); + --color-shade-1: var(--color-dark-shade-1); + --color-shade-2: var(--color-dark-shade-2); + --color-shade-3: var(--color-dark-shade-3); + --color-shade-4: var(--color-dark-shade-4); + --color-primary: var(--color-dark-primary); + --color-secondary: var(--color-dark-secondary); + --color-error: var(--color-dark-error); + --color-success: var(--color-dark-success); + --color-accent-1: var(--color-dark-accent-1); + --color-accent-2: var(--color-dark-accent-2); + --color-accent-3: var(--color-dark-accent-3); +} + +@media (prefers-color-scheme: dark) { + html { + --color-foreground: var(--color-dark-foreground); + --color-background: var(--color-dark-background); + --color-shade-1: var(--color-dark-shade-1); + --color-shade-2: var(--color-dark-shade-2); + --color-shade-3: var(--color-dark-shade-3); + --color-shade-4: var(--color-dark-shade-4); + --color-primary: var(--color-dark-primary); + --color-secondary: var(--color-dark-secondary); + --color-error: var(--color-dark-error); + --color-success: var(--color-dark-success); + --color-accent-1: var(--color-dark-accent-1); + --color-accent-2: var(--color-dark-accent-2); + --color-accent-3: var(--color-dark-accent-3); + } +} +@font-face { + font-family: "Athiti"; + font-weight: 700; + src: local("Athiti"), url("../font/athiti/Athiti-Bold.otf") format("opentype"), url("../font/athiti/Athiti-Bold.ttf") format("truetype"); +} +@font-face { + font-family: "Athiti"; + font-weight: 600; + src: local("Athiti"), url("../font/athiti/Athiti-SemiBold.otf") format("opentype"), url("../font/athiti/Athiti-SemiBold.ttf") format("truetype"); +} +@font-face { + font-family: "Athiti"; + font-weight: 500; + src: local("Athiti"), url("../font/athiti/Athiti-Medium.otf") format("opentype"), url("../font/athiti/Athiti-Medium.ttf") format("truetype"); +} +@font-face { + font-family: "Athiti"; + font-weight: 400; + src: local("Athiti"), url("../font/athiti/Athiti-Regular.otf") format("opentype"), url("../font/athiti/Athiti-Regular.ttf") format("truetype"); +} +@font-face { + font-family: "Athiti"; + font-weight: 300; + src: local("Athiti"), url("../font/athiti/Athiti-Light.otf") format("opentype"), url("../font/athiti/Athiti-Light.ttf") format("truetype"); +} +@font-face { + font-family: "Athiti"; + font-weight: 200; + src: local("Athiti"), url("../font/athiti/Athiti-ExtraLight.otf") format("opentype"), url("../font/athiti/Athiti-ExtraLight.ttf") format("truetype"); +} +@font-face { + font-family: "Departure Mono"; + src: local("Departure Mono"), url("../font/departuremono/DepartureMono-Regular.otf") format("opentype"), url("../font/departuremono/DepartureMono-Regular.woff") format("woff"), url("../font/departuremono/DepartureMono-Regular.woff2") format("woff2"); +} +@font-face { + font-family: "Argon Glow"; + font-weight: 100; + src: local("Argon Glow"), url("../font/argonglow/ArgonGlow-Thin.otf") format("opentype"), url("../font/argonglow/ArgonGlow-Thin.woff") format("woff"), url("../font/argonglow/ArgonGlow-Thin.woff2") format("woff2"); +} +@font-face { + font-family: "Argon Glow"; + font-weight: 200; + src: local("Argon Glow"), url("../font/argonglow/ArgonGlow-ExtraLight.otf") format("opentype"), url("../font/argonglow/ArgonGlow-ExtraLight.woff") format("woff"), url("../font/argonglow/ArgonGlow-ExtraLight.woff2") format("woff2"); +} +@font-face { + font-family: "Argon Glow"; + font-weight: 300; + src: local("Argon Glow"), url("../font/argonglow/ArgonGlow-Light.otf") format("opentype"), url("../font/argonglow/ArgonGlow-Light.woff") format("woff"), url("../font/argonglow/ArgonGlow-Light.woff2") format("woff2"); +} +@font-face { + font-family: "Argon Glow"; + font-weight: 400; + src: local("Argon Glow"), url("../font/argonglow/ArgonGlow-Regular.otf") format("opentype"), url("../font/argonglow/ArgonGlow-Regular.woff") format("woff"), url("../font/argonglow/ArgonGlow-Regular.woff2") format("woff2"); +} +@font-face { + font-family: "Argon Glow"; + font-weight: 500; + src: local("Argon Glow"), url("../font/argonglow/ArgonGlow-Medium.otf") format("opentype"), url("../font/argonglow/ArgonGlow-Medium.woff") format("woff"), url("../font/argonglow/ArgonGlow-Medium.woff2") format("woff2"); +} +@font-face { + font-family: "Argon Glow"; + font-weight: 600; + src: local("Argon Glow"), url("../font/argonglow/ArgonGlow-SemiBold.otf") format("opentype"), url("../font/argonglow/ArgonGlow-SemiBold.woff") format("woff"), url("../font/argonglow/ArgonGlow-SemiBold.woff2") format("woff2"); +} +@font-face { + font-family: "Argon Glow"; + font-weight: 700; + src: local("Argon Glow"), url("../font/argonglow/ArgonGlow-Bold.otf") format("opentype"), url("../font/argonglow/ArgonGlow-Bold.woff") format("woff"), url("../font/argonglow/ArgonGlow-Bold.woff2") format("woff2"); +} +@font-face { + font-family: "Argon Glow Variable"; + src: url("../font/argonglow/ArgonGlow-VariableVF.ttf") format("truetype"), url("../font/argonglow/ArgonGlow-VariableVF.woff") format("woff"), url("../font/argonglow/ArgonGlow-VariableVF.woff2") format("woff2"); +} +@font-face { + font-family: "Argon Glow Bug"; + font-weight: 500; + src: url("../font/argonglow/bug/ArgonGlow-Medium.otf") format("opentype"); +} +@font-face { + font-family: "Argon Glow Bug Variable"; + src: url("../font/argonglow/bug/ArgonGlow-VariableVF.ttf") format("truetype"); +} +:root { + font-size: 1rem; +} + +body { + margin: 0; + padding: 1rem; + background-color: var(--color-background); + color: var(--color-foreground); + font-family: "Athiti", ui-sans, sans-serif; +} + +main { + max-width: var(--container-4xl); + margin-left: 4rem; +} + +h1, .h1, +h2, .h2, +h3, .h3, +h4, .h4, +h5, .h5, +h6, .h6 { + font-family: "Argon Glow", ui-sans, sans-serif; +} + +code, .code { + font-family: "Departure Mono", ui-monospace, monospace; + display: inline-block; + padding: 1rem 2rem; + background-color: var(--color-shade-1); +} + +table tr th { + text-align: left; +} + +a { + color: var(--color-accent-1); +} +a:hover, a:active, a:focus { + color: var(--color-accent-3); +} +a:visited { + color: var(--color-accent-2); +} +a:visited:hover, a:visited:active, a:visited:focus { + color: var(--color-accent-3); +} + +/*# sourceMappingURL=main.css.map */ diff --git a/styleguide/assets/style/main.css.map b/styleguide/assets/style/main.css.map new file mode 100644 index 0000000..b9cd600 --- /dev/null +++ b/styleguide/assets/style/main.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["main.scss"],"names":[],"mappings":"AAMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAmCF;EA/BE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAuBF;EAnBE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAWF;EAvBE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAeF;EA3CE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAmCF;EACE;IAhDA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AA2CF;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAKF;EACE;EACA;EACA;;AAKF;EACE;EACA;;AAMF;EACE;EACA;EACA;;AAMF;EACE;EACA;EACA;;AAMF;EACE;EACA;EACA;;AAMF;EACE;EACA;EACA;;AAMF;EACE;EACA;EACA;;AAMF;EACE;EACA;EACA;;AAMF;EACE;EACA;EACA;;AAMF;EACE;EACA;;AAKF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAKF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;;;AAGF;EACE;EACA;EACA;EACA;;;AAKE;EACE;;;AAKN;EACE;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE","file":"main.css"} \ No newline at end of file diff --git a/styleguide/assets/style/main.scss b/styleguide/assets/style/main.scss new file mode 100644 index 0000000..6788072 --- /dev/null +++ b/styleguide/assets/style/main.scss @@ -0,0 +1,353 @@ +$breakpoint-sm: 40rem; +$breakpoint-md: 48rem; +$breakpoint-lg: 64rem; +$breakpoint-xl: 80rem; +$breakpoint-2xl: 96rem; + +:root { + --color-neutral-50: #F2F0F5; + --color-neutral-100: #D1C6E0; + --color-neutral-200: #B2A0CB; + --color-neutral-300: #957EB5; + --color-neutral-400: #7A60A0; + --color-neutral-500: #61468B; + --color-neutral-600: #4B3176; + --color-neutral-700: #371F60; + --color-neutral-800: #26114B; + --color-neutral-900: #180736; + --color-neutral-950: #0C011F; + --color-argon-50: #E1ABC9; + --color-argon-100: #DA87B5; + --color-argon-200: #D464A1; + --color-argon-300: #CD448F; + --color-argon-400: #C6257D; + --color-argon-500: #B0166F; + --color-argon-600: #9A0A61; + --color-argon-700: #830755; + --color-argon-800: #6D0449; + --color-argon-900: #56023C; + --color-argon-950: #3F012D; + --color-krypton-50: #B2D9EA; + --color-krypton-100: #8CC9E4; + --color-krypton-200: #69BADE; + --color-krypton-300: #4BADD8; + --color-krypton-400: #2493C2; + --color-krypton-500: #167FAC; + --color-krypton-600: #0A6C96; + --color-krypton-700: #075C81; + --color-krypton-800: #044C6B; + --color-krypton-900: #023C55; + --color-krypton-950: #012C3F; + --color-green-50: #C0F49A; + --color-green-100: #A7E57A; + --color-green-200: #8FD75D; + --color-green-300: #7AC843; + --color-green-400: #66B92D; + --color-green-500: #54AA18; + --color-green-600: #47990F; + --color-green-700: #397E0A; + --color-green-800: #2B6206; + --color-green-900: #1F4703; + --color-green-950: #122B01; + --color-red-50: #E6AFAF; + --color-red-100: #DD9090; + --color-red-200: #D57272; + --color-red-300: #CC5757; + --color-red-400: #C33D3D; + --color-red-500: #BB2626; + --color-red-600: #B21010; + --color-red-700: #950808; + --color-red-800: #780404; + --color-red-900: #5C0202; + --color-red-950: #3F0101; + + --color-white: #FFFFFF; + + --color-dark-foreground: var(--color-neutral-50); + --color-dark-background: var(--color-neutral-950); + --color-dark-shade-1: var(--color-neutral-800); + --color-dark-shade-2: var(--color-neutral-700); + --color-dark-shade-3: var(--color-neutral-600); + --color-dark-shade-4: var(--color-neutral-500); + --color-dark-primary: var(--color-argon-400); + --color-dark-secondary: var(--color-krypton-300); + --color-dark-error: var(--color-red-500); + --color-dark-success: var(--color-green-500); + --color-dark-accent-1: #60a5f9; + --color-dark-accent-2: #d381f7; + --color-dark-accent-3: #ff7975; + + --color-light-foreground: var(--color-neutral-950); + --color-light-background: var(--color-neutral-50); + --color-light-shade-1: var(--color-neutral-100); + --color-light-shade-2: var(--color-neutral-200); + --color-light-shade-3: var(--color-neutral-300); + --color-light-shade-4: var(--color-neutral-400); + --color-light-primary: var(--color-argon-600); + --color-light-secondary: var(--color-krypton-500); + --color-light-error: var(--color-red-600); + --color-light-success: var(--color-green-600); + --color-light-accent-1: #303EC0; + --color-light-accent-2: #6c366c; + --color-light-accent-3: #932f0a; + + --color-cmyk-primary: var(--color-dark-primary); + --color-cmyk-secondary: var(--color-dark-secondary); + + --text-xs: 0.75rem; + --text-sm: 0.875rem; + --text-base: 1rem; + --text-lg: 1.125rem; + --text-xl: 1.25rem; + --text-2xl: 1.5rem; + --text-3xl: 1.875rem; + --text-4xl: 2.25rem; + --text-5xl: 3rem; + + --container-3xs: 16rem; + --container-2xs: 18rem; + --container-xs: 20rem; + --container-sm: 24rem; + --container-md: 28rem; + --container-lg: 32rem; + --container-xl: 36rem; + --container-2xl: 42rem; + --container-3xl: 48rem; + --container-4xl: 56rem; + --container-5xl: 64rem; + --container-6xl: 72rem; + --container-7xl: 80rem; +} + +@mixin theme_dark() { + --color-foreground: var(--color-dark-foreground); + --color-background: var(--color-dark-background); + --color-shade-1: var(--color-dark-shade-1); + --color-shade-2: var(--color-dark-shade-2); + --color-shade-3: var(--color-dark-shade-3); + --color-shade-4: var(--color-dark-shade-4); + --color-primary: var(--color-dark-primary); + --color-secondary: var(--color-dark-secondary); + --color-error: var(--color-dark-error); + --color-success: var(--color-dark-success); + --color-accent-1: var(--color-dark-accent-1); + --color-accent-2: var(--color-dark-accent-2); + --color-accent-3: var(--color-dark-accent-3); +} + +@mixin theme_light() { + --color-foreground: var(--color-light-foreground); + --color-background: var(--color-light-background); + --color-shade-1: var(--color-light-shade-1); + --color-shade-2: var(--color-light-shade-2); + --color-shade-3: var(--color-light-shade-3); + --color-shade-4: var(--color-light-shade-4); + --color-primary: var(--color-light-primary); + --color-secondary: var(--color-light-secondary); + --color-error: var(--color-light-error); + --color-success: var(--color-light-success); + --color-accent-1: var(--color-light-accent-1); + --color-accent-2: var(--color-light-accent-2); + --color-accent-3: var(--color-light-accent-3); +} + +.dark { + @include theme_dark(); +} + +.light { + @include theme_light(); +} + +html, html.light { + @include theme_light(); +} + +html.dark { + @include theme_dark(); +} + +@media (prefers-color-scheme: dark) { + html { + @include theme_dark(); + } +} + +// fonts + +@font-face { + font-family: "Athiti"; + font-weight: 700; + src: url("../font/athiti/Athiti-Bold.woff2") format("woff2"); +} + +@font-face { + font-family: "Athiti"; + font-weight: 600; + src: url("../font/athiti/Athiti-SemiBold.woff2") format("woff2"); +} + +@font-face { + font-family: "Athiti"; + font-weight: 500; + src: url("../font/athiti/Athiti-Medium.woff2") format("woff2"); +} + +@font-face { + font-family: "Athiti"; + font-weight: 400; + src: url("../font/athiti/Athiti-Regular.woff2") format("woff2"); +} + +@font-face { + font-family: "Athiti"; + font-weight: 300; + src: url("../font/athiti/Athiti-Light.woff2") format("woff2"); +} + +@font-face { + font-family: "Athiti"; + font-weight: 200; + src: url("../font/athiti/Athiti-ExtraLight.woff2") format("woff2"); +} + +@font-face { + font-family: "Departure Mono"; + src: url("../font/departuremono/DepartureMono-Regular.woff2") format("woff2"); +} + +@font-face { + font-family: "Argon Glow"; + font-weight: 100; + src: url("../font/argonglow/ArgonGlow-Thin.woff2") format("woff2"); +} + +@font-face { + font-family: "Argon Glow"; + font-weight: 200; + src: url("../font/argonglow/ArgonGlow-ExtraLight.woff2") format("woff2"); +} + +@font-face { + font-family: "Argon Glow"; + font-weight: 300; + src: url("../font/argonglow/ArgonGlow-Light.woff2") format("woff2"); +} + +@font-face { + font-family: "Argon Glow"; + font-weight: 400; + src: url("../font/argonglow/ArgonGlow-Regular.woff2") format("woff2"); +} + +@font-face { + font-family: "Argon Glow"; + font-weight: 500; + src: url("../font/argonglow/ArgonGlow-Medium.woff2") format("woff2"); +} + +@font-face { + font-family: "Argon Glow"; + font-weight: 600; + src: url("../font/argonglow/ArgonGlow-SemiBold.woff2") format("woff2"); +} + +@font-face { + font-family: "Argon Glow"; + font-weight: 700; + src: url("../font/argonglow/ArgonGlow-Bold.woff2") format("woff2"); +} + +@font-face { + font-family: "Argon Glow"; + src: url("../font/argonglow/ArgonGlow-VariableVF.woff2") format("woff2"); + font-weight: 100 900; +} + +// Styling of components begins here + +:root { + font-size: 1rem; +} + +body { + background-color: var(--color-background); + color: var(--color-foreground); + font-family: "Athiti", ui-sans, sans-serif; +} + +h1, .h1, +h2, .h2, +h3, .h3, +h4, .h4, +h5, .h5, +h6, .h6, +{ + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + margin: 0; +} + + +h1, .h1 { + font-size: var(--text-5xl); + line-height: var(); +} + +h2, .h2 { + font-size: var(--text-4xl); + line-height: var(); +} + +h3, .h3 { + font-size: var(--text-3xl); + line-height: var(); +} + +h4, .h4 { + font-size: var(--text-2xl); + line-height: var(); +} + +h5, .h5 { + font-size: var(--text-xl); + line-height: var(); +} + +h6, .h6 { + font-size: var(--text-lg); + line-height: var(); +} + +code, .code { + font-family: "Departure Mono", ui-monospace, monospace; + display: inline-block; + padding: 1rem; + border-radius: 1rem; + background-color: var(--color-shade-1); +} + +table { + tr { + th { + text-align: left; + } + } +} + +a { + color: var(--color-accent-1); + + &:hover, &:active, &:focus { + color: var(--color-accent-3); + } + + &:visited { + color: var(--color-accent-2); + + &:hover, &:active, &:focus { + color: var(--color-accent-3); + } + } +} + diff --git a/styleguide/assets/style/styleguide.css b/styleguide/assets/style/styleguide.css new file mode 100644 index 0000000..ba5cfdd --- /dev/null +++ b/styleguide/assets/style/styleguide.css @@ -0,0 +1,546 @@ +:root { + --color-neutral-50: #F2F0F5; + --color-neutral-100: #D1C6E0; + --color-neutral-200: #B2A0CB; + --color-neutral-300: #957EB5; + --color-neutral-400: #7A60A0; + --color-neutral-500: #61468B; + --color-neutral-600: #4B3176; + --color-neutral-700: #371F60; + --color-neutral-800: #26114B; + --color-neutral-900: #180736; + --color-neutral-950: #0C011F; + --color-argon-50: #E1ABC9; + --color-argon-100: #DA87B5; + --color-argon-200: #D464A1; + --color-argon-300: #CD448F; + --color-argon-400: #C6257D; + --color-argon-500: #B0166F; + --color-argon-600: #9A0A61; + --color-argon-700: #830755; + --color-argon-800: #6D0449; + --color-argon-900: #56023C; + --color-argon-950: #3F012D; + --color-krypton-50: #B2D9EA; + --color-krypton-100: #8CC9E4; + --color-krypton-200: #69BADE; + --color-krypton-300: #4BADD8; + --color-krypton-400: #2493C2; + --color-krypton-500: #167FAC; + --color-krypton-600: #0A6C96; + --color-krypton-700: #075C81; + --color-krypton-800: #044C6B; + --color-krypton-900: #023C55; + --color-krypton-950: #012C3F; + --color-green-50: #C0F49A; + --color-green-100: #A7E57A; + --color-green-200: #8FD75D; + --color-green-300: #7AC843; + --color-green-400: #66B92D; + --color-green-500: #54AA18; + --color-green-600: #47990F; + --color-green-700: #397E0A; + --color-green-800: #2B6206; + --color-green-900: #1F4703; + --color-green-950: #122B01; + --color-red-50: #E6AFAF; + --color-red-100: #DD9090; + --color-red-200: #D57272; + --color-red-300: #CC5757; + --color-red-400: #C33D3D; + --color-red-500: #BB2626; + --color-red-600: #B21010; + --color-red-700: #950808; + --color-red-800: #780404; + --color-red-900: #5C0202; + --color-red-950: #3F0101; + --color-white: #FFFFFF; + --color-dark-foreground: var(--color-neutral-50); + --color-dark-background: var(--color-neutral-950); + --color-dark-shade-1: var(--color-neutral-800); + --color-dark-shade-2: var(--color-neutral-700); + --color-dark-shade-3: var(--color-neutral-600); + --color-dark-shade-4: var(--color-neutral-500); + --color-dark-primary: var(--color-argon-400); + --color-dark-secondary: var(--color-krypton-300); + --color-dark-error: var(--color-red-500); + --color-dark-success: var(--color-green-500); + --color-dark-accent-1: #60a5f9; + --color-dark-accent-2: #d381f7; + --color-dark-accent-3: #ff7975; + --color-light-foreground: var(--color-neutral-950); + --color-light-background: var(--color-neutral-50); + --color-light-shade-1: var(--color-neutral-100); + --color-light-shade-2: var(--color-neutral-200); + --color-light-shade-3: var(--color-neutral-300); + --color-light-shade-4: var(--color-neutral-400); + --color-light-primary: var(--color-argon-600); + --color-light-secondary: var(--color-krypton-500); + --color-light-error: var(--color-red-600); + --color-light-success: var(--color-green-600); + --color-light-accent-1: #303EC0; + --color-light-accent-2: #6c366c; + --color-light-accent-3: #932f0a; + --color-cmyk-primary: var(--color-dark-primary); + --color-cmyk-secondary: var(--color-dark-secondary); + --text-xs: 0.75rem; + --text-sm: 0.875rem; + --text-base: 1rem; + --text-lg: 1.125rem; + --text-xl: 1.25rem; + --text-2xl: 1.5rem; + --text-3xl: 1.875rem; + --text-4xl: 2.25rem; + --text-5xl: 3rem; + --container-3xs: 16rem; + --container-2xs: 18rem; + --container-xs: 20rem; + --container-sm: 24rem; + --container-md: 28rem; + --container-lg: 32rem; + --container-xl: 36rem; + --container-2xl: 42rem; + --container-3xl: 48rem; + --container-4xl: 56rem; + --container-5xl: 64rem; + --container-6xl: 72rem; + --container-7xl: 80rem; +} + +.dark { + --color-foreground: var(--color-dark-foreground); + --color-background: var(--color-dark-background); + --color-shade-1: var(--color-dark-shade-1); + --color-shade-2: var(--color-dark-shade-2); + --color-shade-3: var(--color-dark-shade-3); + --color-shade-4: var(--color-dark-shade-4); + --color-primary: var(--color-dark-primary); + --color-secondary: var(--color-dark-secondary); + --color-error: var(--color-dark-error); + --color-success: var(--color-dark-success); + --color-accent-1: var(--color-dark-accent-1); + --color-accent-2: var(--color-dark-accent-2); + --color-accent-3: var(--color-dark-accent-3); +} + +.light { + --color-foreground: var(--color-light-foreground); + --color-background: var(--color-light-background); + --color-shade-1: var(--color-light-shade-1); + --color-shade-2: var(--color-light-shade-2); + --color-shade-3: var(--color-light-shade-3); + --color-shade-4: var(--color-light-shade-4); + --color-primary: var(--color-light-primary); + --color-secondary: var(--color-light-secondary); + --color-error: var(--color-light-error); + --color-success: var(--color-light-success); + --color-accent-1: var(--color-light-accent-1); + --color-accent-2: var(--color-light-accent-2); + --color-accent-3: var(--color-light-accent-3); +} + +html, html.light { + --color-foreground: var(--color-light-foreground); + --color-background: var(--color-light-background); + --color-shade-1: var(--color-light-shade-1); + --color-shade-2: var(--color-light-shade-2); + --color-shade-3: var(--color-light-shade-3); + --color-shade-4: var(--color-light-shade-4); + --color-primary: var(--color-light-primary); + --color-secondary: var(--color-light-secondary); + --color-error: var(--color-light-error); + --color-success: var(--color-light-success); + --color-accent-1: var(--color-light-accent-1); + --color-accent-2: var(--color-light-accent-2); + --color-accent-3: var(--color-light-accent-3); +} + +html.dark { + --color-foreground: var(--color-dark-foreground); + --color-background: var(--color-dark-background); + --color-shade-1: var(--color-dark-shade-1); + --color-shade-2: var(--color-dark-shade-2); + --color-shade-3: var(--color-dark-shade-3); + --color-shade-4: var(--color-dark-shade-4); + --color-primary: var(--color-dark-primary); + --color-secondary: var(--color-dark-secondary); + --color-error: var(--color-dark-error); + --color-success: var(--color-dark-success); + --color-accent-1: var(--color-dark-accent-1); + --color-accent-2: var(--color-dark-accent-2); + --color-accent-3: var(--color-dark-accent-3); +} + +@media (prefers-color-scheme: dark) { + html { + --color-foreground: var(--color-dark-foreground); + --color-background: var(--color-dark-background); + --color-shade-1: var(--color-dark-shade-1); + --color-shade-2: var(--color-dark-shade-2); + --color-shade-3: var(--color-dark-shade-3); + --color-shade-4: var(--color-dark-shade-4); + --color-primary: var(--color-dark-primary); + --color-secondary: var(--color-dark-secondary); + --color-error: var(--color-dark-error); + --color-success: var(--color-dark-success); + --color-accent-1: var(--color-dark-accent-1); + --color-accent-2: var(--color-dark-accent-2); + --color-accent-3: var(--color-dark-accent-3); + } +} +@font-face { + font-family: "Athiti"; + font-weight: 700; + src: url("../font/athiti/Athiti-Bold.woff2") format("woff2"); +} +@font-face { + font-family: "Athiti"; + font-weight: 600; + src: url("../font/athiti/Athiti-SemiBold.woff2") format("woff2"); +} +@font-face { + font-family: "Athiti"; + font-weight: 500; + src: url("../font/athiti/Athiti-Medium.woff2") format("woff2"); +} +@font-face { + font-family: "Athiti"; + font-weight: 400; + src: url("../font/athiti/Athiti-Regular.woff2") format("woff2"); +} +@font-face { + font-family: "Athiti"; + font-weight: 300; + src: url("../font/athiti/Athiti-Light.woff2") format("woff2"); +} +@font-face { + font-family: "Athiti"; + font-weight: 200; + src: url("../font/athiti/Athiti-ExtraLight.woff2") format("woff2"); +} +@font-face { + font-family: "Departure Mono"; + src: url("../font/departuremono/DepartureMono-Regular.woff2") format("woff2"); +} +@font-face { + font-family: "Argon Glow"; + font-weight: 100; + src: url("../font/argonglow/ArgonGlow-Thin.woff2") format("woff2"); +} +@font-face { + font-family: "Argon Glow"; + font-weight: 200; + src: url("../font/argonglow/ArgonGlow-ExtraLight.woff2") format("woff2"); +} +@font-face { + font-family: "Argon Glow"; + font-weight: 300; + src: url("../font/argonglow/ArgonGlow-Light.woff2") format("woff2"); +} +@font-face { + font-family: "Argon Glow"; + font-weight: 400; + src: url("../font/argonglow/ArgonGlow-Regular.woff2") format("woff2"); +} +@font-face { + font-family: "Argon Glow"; + font-weight: 500; + src: url("../font/argonglow/ArgonGlow-Medium.woff2") format("woff2"); +} +@font-face { + font-family: "Argon Glow"; + font-weight: 600; + src: url("../font/argonglow/ArgonGlow-SemiBold.woff2") format("woff2"); +} +@font-face { + font-family: "Argon Glow"; + font-weight: 700; + src: url("../font/argonglow/ArgonGlow-Bold.woff2") format("woff2"); +} +@font-face { + font-family: "Argon Glow"; + src: url("../font/argonglow/ArgonGlow-VariableVF.woff2") format("woff2"); + font-weight: 100 900; +} +:root { + font-size: 1rem; +} + +body { + background-color: var(--color-background); + color: var(--color-foreground); + font-family: "Athiti", ui-sans, sans-serif; +} + +h1, .h1, +h2, .h2, +h3, .h3, +h4, .h4, +h5, .h5, +h6, .h6 { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + margin: 0; +} + +h1, .h1 { + font-size: var(--text-5xl); + line-height: var(); +} + +h2, .h2 { + font-size: var(--text-4xl); + line-height: var(); +} + +h3, .h3 { + font-size: var(--text-3xl); + line-height: var(); +} + +h4, .h4 { + font-size: var(--text-2xl); + line-height: var(); +} + +h5, .h5 { + font-size: var(--text-xl); + line-height: var(); +} + +h6, .h6 { + font-size: var(--text-lg); + line-height: var(); +} + +code, .code { + font-family: "Departure Mono", ui-monospace, monospace; + display: inline-block; + padding: 1rem; + border-radius: 1rem; + background-color: var(--color-shade-1); +} + +table tr th { + text-align: left; +} + +a { + color: var(--color-accent-1); +} +a:hover, a:active, a:focus { + color: var(--color-accent-3); +} +a:visited { + color: var(--color-accent-2); +} +a:visited:hover, a:visited:active, a:visited:focus { + color: var(--color-accent-3); +} + +* { + box-sizing: border-box; +} + +body { + margin: 0; + min-height: 100vh; + min-width: 100vw; +} + +header { + padding: 1rem; +} + +main { + max-width: min(var(--container-4xl), 100vw); + padding: 1rem; + overflow: hidden; +} +@media (min-width: 40rem) { + main { + padding-left: 2rem; + } +} + +a.a-regular { + color: var(--color-accent-1); +} +a.a-hover { + color: var(--color-accent-3); +} +a.a-visited { + color: var(--color-accent-2); +} + +code, +.code { + max-width: 100%; + overflow-x: auto; +} + +.layout-column { + display: flex; +} +.layout-column > * { + width: 100%; +} +@media (max-width: 48rem) { + .layout-column { + flex-wrap: wrap; + } + .layout-column > * { + width: 100%; + } +} + +.swatch-grid { + background-color: var(--color-background); + color: var(--color-foreground); + padding: 1rem; +} +.swatch-grid section { + display: flex; + flex-wrap: wrap; + gap: 1rem; + margin-top: 2rem; +} +.swatch-grid section > span { + width: 100%; + font-size: var(--text-xl); +} +.swatch-grid section .swatch-container { + display: inline-flex; + flex-direction: column; + align-items: end; + gap: 0.25rem; + background-color: var(--color-background); + border-radius: 1rem; + padding: 0.5rem; + border: 0.125rem solid var(--color-foreground); +} +.swatch-grid section .swatch-container .swatch { + background-color: var(--swatch-color); + width: 8rem; + height: 8rem; + border-radius: 0.5rem; +} +.swatch-grid section .swatch-container span { + font-family: "Departure Mono", ui-monospace, monospace; + color: var(--color-foreground); + line-height: 1.5; +} + +.glow-16-primary { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 16px; + color: var(--color-white); + filter: url("glows.svg#textBlur16Primary"); +} + +.glow-18-primary { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 18px; + color: var(--color-white); + filter: url("glows.svg#textBlur18Primary"); +} + +.glow-24-primary { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 24px; + color: var(--color-white); + filter: url("glows.svg#textBlur24Primary"); +} + +.glow-32-primary { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 32px; + color: var(--color-white); + filter: url("glows.svg#textBlur32Primary"); +} + +.glow-48-primary { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 48px; + color: var(--color-white); + filter: url("glows.svg#textBlur48Primary"); +} + +.glow-72-primary { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 72px; + color: var(--color-white); + filter: url("glows.svg#textBlur72Primary"); +} + +.glow-160-primary { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 160px; + color: var(--color-white); + filter: url("glows.svg#textBlur160Primary"); +} + +.glow-16-secondary { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 16px; + color: var(--color-white); + filter: url("glows.svg#textBlur16Secondary"); +} + +.glow-18-secondary { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 18px; + color: var(--color-white); + filter: url("glows.svg#textBlur18Secondary"); +} + +.glow-24-secondary { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 24px; + color: var(--color-white); + filter: url("glows.svg#textBlur24Secondary"); +} + +.glow-32-secondary { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 32px; + color: var(--color-white); + filter: url("glows.svg#textBlur32Secondary"); +} + +.glow-48-secondary { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 48px; + color: var(--color-white); + filter: url("glows.svg#textBlur48Secondary"); +} + +.glow-72-secondary { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 72px; + color: var(--color-white); + filter: url("glows.svg#textBlur72Secondary"); +} + +.glow-160-secondary { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 160px; + color: var(--color-white); + filter: url("glows.svg#textBlur160Secondary"); +} + +/*# sourceMappingURL=styleguide.css.map */ diff --git a/styleguide/assets/style/styleguide.css.map b/styleguide/assets/style/styleguide.css.map new file mode 100644 index 0000000..2c3afa0 --- /dev/null +++ b/styleguide/assets/style/styleguide.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["main.scss","styleguide.scss"],"names":[],"mappings":"AAMA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAmCF;EA/BE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAuBF;EAnBE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAWF;EAvBE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAeF;EA3CE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAmCF;EACE;IAhDA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;AA2CF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAKF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;EACA;EACA;;;AAIF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAKE;EACE;;;AAKN;EACE;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;;;ACzVN;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;AAEA;EALF;IAMI;;;;AAKF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAIJ;AAAA;EAEE;EACA;;;AAGF;EACE;;AAEA;EACE;;AAGF;EAPF;IAQI;;EAEA;IACE;;;;AAKN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAMR;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA","file":"styleguide.css"} \ No newline at end of file diff --git a/styleguide/assets/style/styleguide.scss b/styleguide/assets/style/styleguide.scss new file mode 100644 index 0000000..811a283 --- /dev/null +++ b/styleguide/assets/style/styleguide.scss @@ -0,0 +1,216 @@ +@import "main"; + + +* { + box-sizing: border-box; +} + +body { + margin: 0; + min-height: 100vh; + min-width: 100vw; +} + +header { + padding: 1rem; +} + +main { + max-width: min(var(--container-4xl), 100vw); + padding: 1rem; + overflow: hidden; + + @media (min-width: $breakpoint-sm) { + padding-left: 2rem; + } +} + +a { + &.a-regular { + color: var(--color-accent-1); + } + + &.a-hover { + color: var(--color-accent-3); + } + + &.a-visited { + color: var(--color-accent-2); + } +} + +code, +.code { + max-width: 100%; + overflow-x: auto; +} + +.layout-column { + display: flex; + + &>* { + width: 100%; + } + + @media (max-width: $breakpoint-md) { + flex-wrap: wrap; + + &>* { + width: 100%; + } + } +} + +.swatch-grid { + background-color: var(--color-background); + color: var(--color-foreground); + padding: 1rem; + + section { + display: flex; + flex-wrap: wrap; + gap: 1rem; + margin-top: 2rem; + + &>span { + width: 100%; + font-size: var(--text-xl); + } + + .swatch-container { + display: inline-flex; + flex-direction: column; + align-items: end; + gap: 0.25rem; + background-color: var(--color-background); + border-radius: 1rem; + padding: 0.5rem; + border: 0.125rem solid var(--color-foreground); + + .swatch { + background-color: var(--swatch-color); + width: 8rem; + height: 8rem; + border-radius: 0.5rem; + } + + span { + font-family: "Departure Mono", ui-monospace, monospace; + color: var(--color-foreground); + line-height: 1.5; + } + } + } +} + +.glow-16-primary { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 16px; + color: var(--color-white); + filter: url('glows.svg#textBlur16Primary') +} + +.glow-18-primary { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 18px; + color: var(--color-white); + filter: url('glows.svg#textBlur18Primary') +} + +.glow-24-primary { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 24px; + color: var(--color-white); + filter: url('glows.svg#textBlur24Primary') +} + +.glow-32-primary { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 32px; + color: var(--color-white); + filter: url('glows.svg#textBlur32Primary') +} + +.glow-48-primary { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 48px; + color: var(--color-white); + filter: url('glows.svg#textBlur48Primary') +} + +.glow-72-primary { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 72px; + color: var(--color-white); + filter: url('glows.svg#textBlur72Primary') +} + +.glow-160-primary { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 160px; + color: var(--color-white); + filter: url('glows.svg#textBlur160Primary') +} + +.glow-16-secondary { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 16px; + color: var(--color-white); + filter: url('glows.svg#textBlur16Secondary') +} + +.glow-18-secondary { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 18px; + color: var(--color-white); + filter: url('glows.svg#textBlur18Secondary') +} + +.glow-24-secondary { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 24px; + color: var(--color-white); + filter: url('glows.svg#textBlur24Secondary') +} + +.glow-32-secondary { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 32px; + color: var(--color-white); + filter: url('glows.svg#textBlur32Secondary') +} + +.glow-48-secondary { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 48px; + color: var(--color-white); + filter: url('glows.svg#textBlur48Secondary') +} + +.glow-72-secondary { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 72px; + color: var(--color-white); + filter: url('glows.svg#textBlur72Secondary') +} + +.glow-160-secondary { + font-family: "Argon Glow", ui-sans, sans-serif; + font-weight: 400; + font-size: 160px; + color: var(--color-white); + filter: url('glows.svg#textBlur160Secondary') +} \ No newline at end of file diff --git a/styleguide/color_guide.html b/styleguide/color_guide.html new file mode 100644 index 0000000..a15d549 --- /dev/null +++ b/styleguide/color_guide.html @@ -0,0 +1,232 @@ + + + + + + + + Color Guide + + + +
+ Back to Overview +
+
+

Color Guide

+

+ +

+ +

Digital Media

+
+
+

Darkmode

+ +
+ Fore- & Background + +
+
+ #f5f0f0 +
+ +
+
+ #180736 +
+
+ + +
+ Shades + +
+
+ #TODO +
+ +
+
+ #TODO +
+ +
+
+ #TODO +
+ +
+
+ #TODO +
+
+ +
+ Primary & Secondary + +
+
+ #c6257d +
+ +
+
+ #4dadd8 +
+
+ + +
+ Error & Success + +
+
+ #f22d2d +
+ +
+
+ #8cff3c +
+
+ + + +
+ Accents + +
+
+ #60a5f9 +
+ +
+
+ #d381f7 +
+ +
+
+ #ff7975 +
+
+
+ +
+

Lightmode

+ +
+ Fore- & Background + +
+
+ #180736 +
+ +
+
+ #f5f0f0 +
+
+ + +
+ Shades + +
+
+ #TODO +
+ +
+
+ #TODO +
+ +
+
+ #TODO +
+ +
+
+ #TODO +
+
+ +
+ Primary & Secondary + +
+
+ #TODO +
+ +
+
+ #TODO +
+
+ +
+ Error & Success + +
+
+ #b21010 +
+ +
+
+ #47990f +
+
+ + + +
+ Accents + +
+
+ #303ec0 +
+ +
+
+ #6c366c +
+ +
+
+ #932f0a +
+
+
+
+ +

Printing

+

+ Our primary and secondary colours are also defined for CMYK printing: +

+ +
+
+ CMYK Colors + +
+
+ 0/94/6/0 +
+ +
+
+ 81/0/10/0 +
+
+
+
+ + + \ No newline at end of file diff --git a/styleguide/generator/generator.js b/styleguide/generator/generator.js new file mode 100644 index 0000000..5332d0a --- /dev/null +++ b/styleguide/generator/generator.js @@ -0,0 +1,77 @@ +let can = document.createElement("canvas"); +let ctx = can.getContext('2d'); +let result; +const downloadButton = document.querySelector('#download'); + +function filterImage(svgDataUrl, width, height) { + const filteredImage = new Image(); + const resultPreview = document.querySelector('#result_img') + + can.width = width; + can.height = height; + + filteredImage.onload = function () { + ctx.drawImage(filteredImage, 0, 0, width, height); + result = can.toDataURL(); + downloadButton.disabled = false; + resultPreview.src = result; + }; + filteredImage.src = svgDataUrl; +} + +function loadImage(base64Image) { + const sourceImage = new Image(); + const svg = document.querySelector('svg') + const svgImage = svg.querySelector('image') + const sourcePreview = document.querySelector('#source_img') + let svgDataUrl; + + sourceImage.onload = function () { + let svgWidth = this.width; + let svgHeight = this.height; + + if (this.width > 1000) { + svgWidth = 1000; + svgHeight = 1000 * this.height / this.width; + } + + svg.setAttribute("height", svgHeight); + svg.setAttribute("width", svgWidth); + + let svgString = (new XMLSerializer).serializeToString(svg); + svgDataUrl = 'data:image/svg+xml,' + encodeURIComponent(svgString); + + filterImage(svgDataUrl, this.width, this.height); + }; + sourceImage.src = svgImage.href.baseVal = sourcePreview.src = base64Image; +} + + +function handleFileSelect(e) { + const files = e.target.files; + if (!files || !files.length) return; + const file = files[0]; + if (!file.type.match('image.*')) return; + + const reader = new FileReader(); + + reader.onload = (readerEvent) => { + loadImage(readerEvent.target.result); + }; + + reader.readAsDataURL(file); +} + +document.querySelector('#file_input').addEventListener('change', handleFileSelect, false); + +function downloadURI(_uri, _name) { + let link = document.createElement("a"); + link.download = 'distortedImageEH22.png'; + link.href = result; + document.body.appendChild(link); + link.click(); + document.body.removeChild(link); + delete link; +} + +downloadButton.addEventListener('click', downloadURI); diff --git a/styleguide/generator/index.html b/styleguide/generator/index.html new file mode 100644 index 0000000..726082b --- /dev/null +++ b/styleguide/generator/index.html @@ -0,0 +1,78 @@ + + + + + + + + Document + + + + +
+ +
+ +
+ + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + +
+ + + + + + \ No newline at end of file diff --git a/styleguide/index.html b/styleguide/index.html new file mode 100644 index 0000000..2f486e7 --- /dev/null +++ b/styleguide/index.html @@ -0,0 +1,24 @@ + + + + + + + + Color Guide + + + +
+

Styleguide Easterhegg 2025

+ + + +
+ + + \ No newline at end of file diff --git a/styleguide/testpage.html b/styleguide/testpage.html new file mode 100644 index 0000000..0dd191d --- /dev/null +++ b/styleguide/testpage.html @@ -0,0 +1,157 @@ + + + + + + + + Testdocument + + + +
+ Back to Overview +
+
+

Testdocument

+

Tests for Fonts and Colorpalettes

+ +
+

Section With Links

+ + + + + + + + + + + + + + +
Overview of link highlighting
Regular Link:https://eh22.easterhegg.eu/
Hover/Focus/Active Link:https://eh22.easterhegg.eu/
Visited Link:https://eh22.easterhegg.eu/
+
+ +
+

Section With Text

+

+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et + dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet + clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, + consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, + sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no + sea takimata sanctus est Lorem ipsum dolor sit amet. +

+ +

Subsection Title

+

+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et + dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet + clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, + consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, + sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no + sea takimata sanctus est Lorem ipsum dolor sit amet. +

+ +

Subsubsection Title

+

+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et + dolore magna aliquyam erat, sed diam voluptua. +

+
+ +
+

Section With Code

+ 
#include <stdlib.h>
+
+int *positives(int *numbers, int *size) {
+int new_size = 0;
+
+for (int i = 0; i < *size; i++) {
+if (numbers[i] >= 0) {
+numbers[new_size] = numbers[i];
+new_size++;
+}
+}
+
+*size = new_size;
+return realloc(numbers, sizeof(*numbers) * new_size);
+}
+
+ +
+

Section With Image

+

+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et + dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet + clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, + consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, + sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no + sea takimata sanctus est Lorem ipsum dolor sit amet. +

+
+ Close-up of a young cat's face that is distorted through horizontally moving rows of pixels slightly to the left or right and shifting some pixels' color into pink or blue hues. +
Example image with some visual distortion applied.
+
+

+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et + dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet + clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, + consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, + sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no + sea takimata sanctus est Lorem ipsum dolor sit amet. +

+
+ +
+

Section With Lists

+

+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et + dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet + clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. +

+
    +
  1. Short item no. 1.
    2. +
  2. Long item in the middle. This item is longer then one visual line, which is why it wraps over into the + next line and therefore moves the next item further down. +
    3. +
  3. Long item at the end, which is also longer than one visual line. It also wraps over into the next line, + but there is no next item to move. +
    4. +
+

+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et + dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet + clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. +

+ +

Subsection Title

+
    +
  1. Short item no. 1.
    2. +
  2. Long item in the middle. This item is longer then one visual line, which is why it wraps over into the + next line and therefore moves the next item further down. +
    3. +
  3. Long item at the end, which is also longer than one visual line. It also wraps over into the next line, + but there is no next item to move. +
    4. +
+ +

Subsection Title

+ +
+
+ + + \ No newline at end of file diff --git a/styleguide/typography.html b/styleguide/typography.html new file mode 100644 index 0000000..1eb45cc --- /dev/null +++ b/styleguide/typography.html @@ -0,0 +1,76 @@ + + + + + + + + Typography + + + +
+ Back to Overview +
+
+

Typography

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Main Title72pxArgon Glow
Heading 148pxTilt Neon
Heading 232pxTilt Neon
Heading 324pxTilt Neon
Heading 418pxTilt Neon
Subheading24pxAthiti
Paragraph16pxAthiti
Code16pxDeparture Mono
+
+
+ +
+
+ + + \ No newline at end of file