FIX: comment maria and matthias, add kevin, add hidpi

Add hidpi images of kevin, judith and customers. commented mathias and maria until new images are given

components/Customers.vue

@@ -9,12 +9,7 @@
             height="50"
             :width="customer.logo.width"
             :alt="customer.name"
-            :srcset="[
-                getCustomerImage(customer.logo.src)('1x', true),
-                getCustomerImage(customer.logo.src)('2x', true),
-                getCustomerImage(customer.logo.src)('3x', true),
-            ].join(', ')"
-            :src="getCustomerImage(customer.logo.src)('1x', false)"
+            :src="`/img/customers/${customer.logo.src}.svg`"
         />
       </a>
     </div>
@@ -45,8 +40,6 @@
 <script setup lang="ts">
 import { css, pcss, html, js, njs, nuxt, scss, ts, tw, vue, flutter, dart, android } from '~/Skills'
 
-const getCustomerImage = (img : string) => getImage('/img/customers/', img)
-
 const customers = [
   {
     name: 'Bounce Commerce',

components/Services.vue

@@ -114,13 +114,13 @@ const network = shuffle([
     flavour: 'Website, SEO und Conversions. Auf einen Klick.',
     link: 'https://robertjanus.de/webertoire',
   },
-  {
-    name: 'Matthias Lehmann',
-    img: 'matthias',
-    tags: ['Onlineportale für Patienten', 'Kunden', 'Mitarbeiter'],
-    flavour: 'Software die macht, was DU willst!',
-    link: 'https://mind-deploy.de',
-  },
+  // {
+  //   name: 'Matthias Lehmann',
+  //   img: 'matthias',
+  //   tags: ['Onlineportale für Patienten', 'Kunden', 'Mitarbeiter'],
+  //   flavour: 'Software die macht, was DU willst!',
+  //   link: 'https://mind-deploy.de',
+  // },
   {
     name: 'Maximilian Schluer',
     img: 'max',
@@ -128,13 +128,13 @@ const network = shuffle([
     flavour: 'Kann dein iOS-Team unterstützen oder dein Software-Qualitätsproblem lösen – egal welches.',
     link: 'https://max-schluer.de',
   },
-  {
-    name: 'Maria Salcedo',
-    img: 'maria',
-    tags: ['Backend', 'DevOps', 'Architektur'],
-    flavour: 'Effizient und kommunikativ. "You build it, you run it."',
-    link: 'https://masagu.dev',
-  },
+  // {
+  //   name: 'Maria Salcedo',
+  //   img: 'maria',
+  //   tags: ['Backend', 'DevOps', 'Architektur'],
+  //   flavour: 'Effizient und kommunikativ. "You build it, you run it."',
+  //   link: 'https://masagu.dev',
+  // },
   {
     name: 'Judith Böhlert',
     img: 'judith',
@@ -142,5 +142,12 @@ const network = shuffle([
     flavour: 'MVPs und Prototypen - schnell, schick und ohne Drama.',
     link: 'https://judithboehlert.com',
   },
+  {
+    name: 'Kevin Damiani',
+    img: 'kevin',
+    tags: ['Webentwicklung', 'Frontend'],
+    flavour: 'Erfahrener Frontend-Entwickler mit Fokus auf Performance, Barrierefreiheit und moderne Technologien.',
+    link: 'https://kevin-damiani.de',
+  },
 ])
 </script>

public/img/customers/1u1.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 1671 1671" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><rect x="1.667" y="3.75" width="1666.67" height="1666.67" style="fill:#fff;fill-rule:nonzero;"/><path d="M40.833,42.5l1588.75,0l0,1588.75l-1588.75,0l0,-1588.75Zm1107.5,508.333l0,-121.25l271.667,0l0,754.584l-148.75,-0l0,-633.334l-122.917,0Zm-130,241.667c7.084,83.333 -4.583,128.333 -14.166,150.833l-117.5,-159.583c123.333,-86.667 153.75,-228.333 54.166,-318.75c-82.5,-58.333 -167.083,-58.333 -254.166,-0c-87.5,80.417 -81.667,177.5 17.5,290.833c-169.584,104.167 -183.75,220.417 -110.417,343.334c78.333,115.833 252.917,142.916 404.583,43.75l29.584,40.416l159.583,0l-101.667,-129.583c42.084,-41.667 66.25,-132.917 57.917,-260.833l-125.417,-0l0,-0.417Zm-232.916,64.583c-81.25,54.167 -106.667,111.667 -66.667,175c45.417,50.834 117.917,49.167 197.917,0l-131.25,-175Zm24.166,-175l-33.333,-49.166c-23.75,-49.584 -10.417,-91.25 40.417,-91.25c55,2.916 72.916,39.583 36.666,97.916l-43.75,42.5Zm-621.666,-130.833l-0,-121.25l271.666,0l0,754.583l-148.75,0l0,-633.333l-122.916,0Z" style="fill:#003d8f;"/></svg>

public/img/customers/bounce.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 3137 1052" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g><path d="M1530.36,436.379l-0,-289.081l-128.482,0l0,292.979c0,55.479 -40.883,95.39 -97.338,95.39c-84.682,-0 -94.414,-67.165 -94.414,-95.39l0,-292.979l-128.48,0l-0,289.081c-0,131.408 82.733,223.873 222.894,223.873c136.273,-0 225.82,-96.358 225.82,-223.873" style="fill:#fff;fill-rule:nonzero;"/><path d="M1580.29,358.513l0,290.061l128.48,-0l-0,-292.979c-0,-56.456 40.881,-95.39 97.338,-95.39c84.68,-0 94.414,67.157 94.414,95.39l-0,292.979l128.483,-0l-0,-290.062c-0,-131.398 -82.735,-223.872 -222.897,-223.872c-136.275,-0 -225.818,96.362 -225.818,223.872" style="fill:#fff;fill-rule:nonzero;"/><path d="M3118.39,830.577l-0,-26.022l-169.654,0l0,242.367l169.654,-0l-0,-26.022l-141.496,0l-0,-81.258l127.242,0l-0,-26.021l-127.242,-0l-0,-83.044l141.496,-0Zm-484.534,194.604c-54.891,-0 -97.656,-42.769 -97.656,-99.438c-0,-56.678 42.765,-99.089 97.656,-99.089c44.189,0 76.266,24.951 86.251,64.51l29.228,0c-11.406,-54.533 -55.962,-90.877 -115.479,-90.877c-69.861,-0 -126.172,53.817 -126.172,125.456c0,71.639 56.311,125.813 126.172,125.813c59.517,0 104.073,-36.71 115.479,-91.243l-29.228,-0c-9.985,39.205 -42.062,64.868 -86.251,64.868Zm-463.159,-194.604l62.732,-0c37.776,-0 65.576,19.25 65.576,51.684c0,32.434 -27.8,52.031 -65.576,52.031l-62.732,-0l-0,-103.715Zm132.231,216.345l34.932,-0l-73.425,-90.174c37.776,-8.907 62.378,-35.998 62.378,-74.487c-0.001,-47.762 -38.144,-77.706 -92.676,-77.706l-91.594,0l0,242.367l28.154,-0l-0,-86.609l61.662,-0l70.569,86.609Zm-358.72,-216.345l-0,-26.022l-169.658,0l0,242.367l169.658,-0l-0,-26.022l-141.5,0l-0,-81.258l127.242,0l-0,-26.021l-127.242,-0l-0,-83.044l141.5,-0Zm-379.043,-26.022l-21.385,0l-96.944,161.813l-96.944,-161.813l-21.384,0l-0,242.367l28.153,-0l-0.714,-181.417l81.616,135.083l18.536,-0l80.911,-134.371l-0,180.705l28.155,-0l0,-242.367Zm-446.045,0l-21.385,0l-96.944,161.813l-96.944,-161.813l-21.384,0l-0,242.367l28.155,-0l-0.716,-181.417l81.618,135.083l18.534,-0l80.911,-134.371l-0,180.705l28.155,-0l0,-242.367Zm-562.229,220.268c-54.891,-0 -97.658,-44.198 -97.658,-99.08c-0,-54.891 42.767,-99.089 97.658,-99.089c54.88,0 97.65,44.198 97.65,99.089c-0,54.882 -42.77,99.08 -97.65,99.08Zm-0,-224.536c-69.861,-0 -126.17,55.595 -126.17,125.456c-0,69.852 56.309,125.46 126.17,125.46c69.852,-0 126.172,-55.608 126.172,-125.46c-0,-69.861 -56.32,-125.456 -126.172,-125.456Zm-430.715,224.894c-54.891,-0 -97.661,-42.769 -97.661,-99.438c0,-56.678 42.77,-99.089 97.661,-99.089c44.187,0 76.263,24.951 86.251,64.51l29.227,0c-11.405,-54.533 -55.963,-90.877 -115.478,-90.877c-69.861,-0 -126.172,53.817 -126.172,125.456c-0,71.639 56.311,125.813 126.172,125.813c59.515,0 104.073,-36.71 115.478,-91.243l-29.227,-0c-9.988,39.205 -42.064,64.868 -86.251,64.868Z" style="fill:#fff;fill-rule:nonzero;"/><path d="M2336.84,263.116c55.582,0 103.283,33.771 123.706,81.902l133.866,-0c-24.296,-120.024 -130.379,-210.38 -257.572,-210.38c-145.142,-0 -262.806,117.663 -262.806,262.804c0,145.142 117.664,262.806 262.806,262.806c127.193,-0 233.28,-90.365 257.576,-210.388l-133.87,-0c-20.423,48.138 -68.123,81.909 -123.706,81.909c-74.182,-0 -134.327,-60.142 -134.327,-134.327c0,-74.184 60.145,-134.326 134.327,-134.326" style="fill:#fff;"/><path d="M2758.36,342.936c18.494,-58.394 65.21,-95.39 123.617,-95.39c61.32,0 109.985,36.996 125.562,95.39l-249.179,0Zm376.693,105.125c18.49,-198.568 -104.154,-313.421 -252.108,-313.421c-141.137,-0 -256.962,118.752 -256.962,263.785c0,145.026 115.825,261.827 256.962,261.827c124.594,-0 213.172,-69.104 242.367,-171.312l-137.244,0c-21.411,39.915 -63.26,58.409 -106.091,58.409c-60.352,0 -109.017,-37.966 -125.565,-99.288l378.641,0Z" style="fill:#fff;fill-rule:nonzero;"/><path d="M262.805,531.769c-74.184,-0 -134.324,-60.142 -134.324,-134.327c-0,-74.184 60.14,-134.326 134.324,-134.326c68.998,0 125.848,52.025 133.458,118.989l94.846,-114.926c-45.278,-79.181 -130.562,-132.541 -228.304,-132.541c-49.08,-0 -95.008,13.466 -134.324,36.895l-0,-171.533l-128.481,-0l-0,397.443c-0,145.141 117.663,262.805 262.805,262.805c100.502,-0 158.167,-43.466 217.91,-115.849l47.465,-57.516l119.543,-144.848c36.754,-44.531 62.006,-78.919 127.647,-78.919c74.182,0 134.324,60.142 134.324,134.327c0,74.184 -60.142,134.326 -134.324,134.326c-68.062,-0 -124.304,-50.629 -133.126,-116.268l-94.12,114.038c45.54,78.17 130.255,130.709 227.246,130.709c145.14,-0 262.803,-117.664 262.803,-262.805c0,-145.142 -117.663,-262.806 -262.803,-262.806c-98.442,0 -157.078,42.139 -217.863,115.78l-47.514,57.576l-113.548,137.588c-38.075,46.124 -63.023,86.188 -133.64,86.188" style="fill:#fff;"/></g></svg>

public/img/customers/gmx.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Created with Inkscape (http://www.inkscape.org/) by Marsupilami -->
+<svg
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   id="svg3852"
+   width="1024"
+   height="347"
+   viewBox="-1.2 -1.2 125.08 42.4">
+  <defs
+     id="defs3854" />
+  <path
+     style="fill:#ffffff;fill-opacity:1"
+     id="path3685"
+     d="m 109.17,18.84 10.66,-17.75 -10.88,0 -5.67,9 -6.1,-9 -11.92,0 12.57,17.73 -12.57,20 11.92,0 6.8,-11.37 8.06,11.37 10.64,0 z M 69.75,1.09 61.66,21.28 53.99,1.09 l -9.67,0 -6.42,37.78 9.77,0 3.16,-21.77 0.1,0 8.66,21.77 3.91,0 9.07,-21.77 0.12,0 2.75,21.77 9.82,0 -5.72,-37.78 z m -49.8,16.71 0,7.68 8,0 C 27.53,29.79 24.27,32 20.05,32 13.63,32 10.16,26.09 10.16,20.25 10.16,14.41 13.49,8.4 19.9,8.4 c 3.94,0 6.76,2.38 8.11,5.95 l 9.26,-3.88 C 34.04,3.47 28.06,0 20.34,0 8.25,0 0,8 0,20.19 0,32 8.2,40 20,40 26.27,40 31.8,37.76 35.46,32.64 38.75,28 39.2,23.28 39.3,17.8 Z"
+     class="cls-1" />
+</svg>
+<!-- version: 20171223, original size: 122.68 40, border: 3% -->

public/img/customers/pembe.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 342 355" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g><path id="svg_1" d="M316.458,113.667c-13.714,-0 -25,11.285 -25,25l0,37.791c0,13.715 11.286,25 25,25c13.715,0 25,-11.285 25,-25l0,-37.791c0,-13.715 -11.285,-25 -25,-25Z" style="fill:#fff;fill-rule:nonzero;"/><path id="svg_2" d="M243.583,60.292c-13.714,-0 -25,11.285 -25,25l0,134.375c0,13.714 11.286,25 25,25c13.715,-0 25,-11.286 25,-25l0,-134.375c0,-13.715 -11.285,-25 -25,-25Z" style="fill:#fff;fill-rule:nonzero;"/><path id="svg_3" d="M170.75,0c-13.715,0 -25,11.285 -25,25l0,304.167c0,13.714 11.285,25 25,25c13.715,-0 25,-11.286 25,-25l0,-304.167c0,-13.715 -11.285,-25 -25,-25Z" style="fill:#fff;fill-rule:nonzero;"/><path id="svg_4" d="M97.875,60.292c-13.715,-0 -25,11.285 -25,25l0,134.375c0,13.714 11.285,25 25,25c13.715,-0 25,-11.286 25,-25l0,-134.375c0,-13.715 -11.285,-25 -25,-25Z" style="fill:#fff;fill-rule:nonzero;"/><path id="svg_5" d="M25,113.667c-13.715,-0 -25,11.285 -25,25l0,37.791c0,13.715 11.285,25 25,25c13.715,0 25,-11.285 25,-25l0,-37.791c0,-13.715 -11.285,-25 -25,-25Z" style="fill:#fff;fill-rule:nonzero;"/></g></svg>

public/img/customers/sae.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 633 407" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g><g><path d="M632.083,352.917l-28.333,-0l0,52.5l28.75,-0l0,-7.084l-20.417,0l0,-16.666l18.75,-0l0,-7.084l-18.75,0l0,-14.583l20,0l0,-7.083Zm-76.666,-0l-32.917,-0l0,7.083l12.5,0l0,45.417l8.333,-0l0,-45.417l12.084,0l-0,-7.083Zm-104.584,-0l-8.333,-0l0,37.083c0,12.083 5.833,16.667 16.25,16.667c10,-0 15.833,-4.584 15.833,-16.667l0,-37.083l-8.333,-0l0,37.5c0,6.666 -2.5,9.583 -7.5,9.583c-5,-0 -7.917,-2.917 -7.917,-9.583l0,-37.5Zm-228.75,-238.334c-5.833,5.417 -11.25,11.667 -15.833,18.334l196.25,-0l0,-18.334l-180.417,0Zm39.584,30l-62.084,0c-2.916,5.834 -5.416,12.084 -7.5,18.334l52.5,-0c4.167,-7.5 10,-13.75 17.084,-18.334m35.416,-59.583c-22.5,-0 -42.916,6.667 -60.416,18.333l165.833,0l0,-18.333l-105.417,-0Zm105.417,59.583l-48.333,0l-0,18.334l48.333,-0l0,-18.334Zm-7.5,208.334l-32.917,-0l0,7.083l12.5,0l0,45.417l8.334,-0l-0,-45.417l12.083,0l0,-7.083Zm7.5,-178.75l-48.333,-0l-0,130l48.333,-0l0,-130Zm-88.75,178.75l-8.333,-0l-0,52.5l8.333,-0l0,-52.5Zm-56.25,-0l-32.917,-0l0,7.083l12.5,0l0,45.417l8.334,-0l-0,-45.417l12.083,0l0,-7.083Zm-68.333,-178.75c-1.25,6.666 -2.084,13.333 -2.084,20.416c0,60.417 49.167,109.584 109.584,109.584l36.666,-0l0,-48.334l-36.666,0c-33.75,0 -61.667,-27.5 -61.667,-61.666c0,-7.084 1.25,-13.75 3.333,-20.417c0.834,0.417 -49.166,0.417 -49.166,0.417Zm-36.25,215l-8.334,-0l0,1.25c0,7.5 2.917,15.833 15.834,15.833c10.416,0 17.5,-4.583 17.5,-15.833c-0,-7.084 -3.334,-11.25 -10.834,-13.75l-5.833,-2.084c-5.417,-2.083 -7.917,-4.583 -7.917,-8.75c0,-5.416 3.334,-7.5 7.084,-7.5c5,0 7.5,2.917 7.5,7.5l-0,1.25l8.333,0l0,-1.25c0,-5.416 -1.25,-13.75 -15,-13.75c-10,0 -16.25,5.417 -16.25,15c0,7.5 3.333,11.667 10.833,14.167l5.834,2.083c4.583,1.25 7.5,3.75 7.5,9.167c-0,3.75 -2.5,7.5 -7.917,7.5c-5.833,0 -8.75,-3.333 -8.75,-9.583c0.417,-0 0.417,-1.25 0.417,-1.25Zm-82.084,-36.25l-10,-0l0,52.5l7.917,-0l0,-40l15.417,40l10,-0l-0,-52.5l-7.917,-0l0,39.166l-15.417,-39.166Zm-62.083,-0l-8.333,-0l-0,52.5l8.333,-0l0,-52.5Zm82.5,-96.25l-91.25,-0l0,48.333l91.25,0c48.75,0 88.333,-39.583 88.333,-88.333c0,-16.25 -5,-30.417 -13.333,-42.084l-87.5,0c1.667,0.417 2.917,0.834 4.583,1.25c17.917,5 48.334,19.167 48.334,40.834c-0.417,22.083 -18.334,40 -40.417,40m41.25,-112.084l-106.667,0c7.5,7.084 15.834,13.334 25.417,18.334l105.417,-0c-7.084,-7.084 -15.417,-13.334 -24.167,-18.334m-116.667,-11.666l91.667,-0c-3.75,-1.25 -7.917,-2.917 -12.083,-3.75c-2.917,-0.834 -18.334,-5.417 -30.417,-14.584l-59.167,0c2.5,6.667 5.834,12.917 10,18.334m33.75,-47.917l-48.333,0l0,3.333c0,5 0.417,10 1.667,15l51.25,0c-2.917,-4.583 -4.584,-9.166 -4.584,-15c-0.416,-1.25 -0.416,-2.5 0,-3.333m39.584,-36.667l543.333,0l0,-48.333l-543.333,0c-43.334,0 -79.584,31.667 -86.667,73.333l49.583,0c5.834,-14.583 20.417,-25 37.084,-25m399.166,96.25l-62.083,0c-2.917,5.834 -5.417,12.084 -7.5,18.334l52.5,-0c4.167,-7.5 10,-13.75 17.083,-18.334m-25,-41.25l169.584,0l-0,-18.333l-109.167,0c-22.5,0 -42.917,6.667 -60.417,18.333m-30.416,29.584l199.583,-0l0,-18.334l-183.75,0c-5.833,5.417 -11.25,11.667 -15.833,18.334m147.5,105l40,-63.334l-57.084,0l-39.583,63.334l56.667,-0Zm1.666,-93.334l-11.25,18.334l56.667,-0l5.417,-8.334l-0,-9.583l-50.834,0l0,-0.417Zm50.834,159.584l-0,-47.917l-109.167,0c-33.75,0 -61.667,-27.5 -61.667,-61.667c0,-7.083 1.25,-13.75 3.334,-20.416l-49.584,-0c-1.25,6.666 -2.083,13.333 -2.083,20.416c0,60.417 49.167,109.584 109.583,109.584l109.584,-0Z" style="fill:#fff;fill-rule:nonzero;"/></g></g></svg>