add: stuff to bottom, remove some techs

components/Footer.vue

@@ -6,6 +6,7 @@
         </li>
       </ul>
     <p>Natürlich ohne Cookies und Tracker.</p>
+    <p>Made with nuxt, typescript & postcss</p>
     <p>&copy; 2024 by <a href="https://webfussel.de">webfussel</a></p>
   </footer>
 </template>

components/Skills.vue

@@ -30,7 +30,7 @@
 
 import { gl, java, jetbrains, njs, nuxt, pcss, react, rust, ts, vitest, vue } from '~/Skills'
 
-const technologies = [ts, pcss, vue, react, nuxt, njs, java, rust, vitest, gl, jetbrains]
+const technologies = [nuxt, ts, pcss, vue, react, njs, vitest, gl, jetbrains]
 
 const skills = [
   {
@@ -52,7 +52,7 @@ const skills = [
     text: [
       'Wenn man ein Headless CMS anbinden will, dann verknüpft das Komponenten und APIs.',
       'Für eine saubere und dynamische Einbindung reicht die Library, die euch vom Hersteller zur Verfügung gestellt wird, oft nicht aus.',
-      'Übersichtliche Projektstruktur und saubere Auflösung der Daten - das gibt\'s bei mir.'
+      'Übersichtliche Projektstruktur und saubere Auflösung der Daten - mit Fusselgarantie.'
     ],
   }
 ]

components/Technology.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="Technology flex-col" :class="[size]">
     <a v-if="link" :href="link" target="_blank" rel="noopener noreferrer">
-      <img loading="lazy" :src="img" :alt="altText()" :height="getPixelForSize()" :width="getWidth()" :class="[size]"/>
+      <img loading="lazy" :src="img" :alt="altText()" :height="getPixelForSize()" :width="getWidth()" />
     </a>
     <img v-else loading="lazy" :height="getPixelForSize()" :width="getWidth()" :src="img" :alt="altText()"/>
     <span class="tip">{{name}}</span>
@@ -14,7 +14,7 @@ type Props = {
   name: string
   link?: string
   width?: number
-  size?: 'm' | 'l'
+  size?: 's' | 'm' | 'l'
 }
 
 const {name, size, width} = withDefaults(defineProps<Props>(), {
@@ -22,7 +22,13 @@ const {name, size, width} = withDefaults(defineProps<Props>(), {
   width: 50,
 })
 
+const sizes = {
+  s: 15,
+  m: 30,
+  l: 50,
+}
+
 const altText = () => `Icon für ${name}`
-const getPixelForSize = () => size === 'm' ? 30 : 50
+const getPixelForSize = () => sizes[size]
 const getWidth = () => width / 50 * getPixelForSize()
 </script>