From 143178a76c38209225da39204e019d581b555a74 Mon Sep 17 00:00:00 2001
From: Clembs <clembs@clembs.com>
Date: Tue, 4 Aug 2026 03:31:12 +0200
Subject: [PATCH] Delete _Skills.astro

---
 src/pages/[lang]/_Skills.astro | 235 ---------------------------------
 1 file changed, 235 deletions(-)
 delete mode 100644 src/pages/[lang]/_Skills.astro

diff --git a/src/pages/[lang]/_Skills.astro b/src/pages/[lang]/_Skills.astro
deleted file mode 100644
index 5546a65..0000000
--- a/src/pages/[lang]/_Skills.astro
+++ /dev/null
@@ -1,235 +0,0 @@
----
-import Bulb from '@assets/icons/bulb.svg';
-import Button from '@components/Button.astro';
-import { getLocaleFromUrl, useTranslations } from '@i18n';
-
-const lang = getLocaleFromUrl(Astro.url);
-const t = useTranslations(lang);
-
-const skills = [
-  {
-    key: 'realize',
-    hue: 0,
-    icon: 'M43.18,128a29.78,29.78,0,0,1,8,10.26c4.8,9.9,4.8,22,4.8,33.74,0,24.31,1,36,24,36a8,8,0,0,1,0,16c-17.48,0-29.32-6.14-35.2-18.26-4.8-9.9-4.8-22-4.8-33.74,0-24.31-1-36-24-36a8,8,0,0,1,0-16c23,0,24-11.69,24-36,0-11.72,0-23.84,4.8-33.74C50.68,38.14,62.52,32,80,32a8,8,0,0,1,0,16C57,48,56,59.69,56,84c0,11.72,0,23.84-4.8,33.74A29.78,29.78,0,0,1,43.18,128ZM240,120c-23,0-24-11.69-24-36,0-11.72,0-23.84-4.8-33.74C205.32,38.14,193.48,32,176,32a8,8,0,0,0,0,16c23,0,24,11.69,24,36,0,11.72,0,23.84,4.8,33.74a29.78,29.78,0,0,0,8,10.26,29.78,29.78,0,0,0-8,10.26c-4.8,9.9-4.8,22-4.8,33.74,0,24.31-1,36-24,36a8,8,0,0,0,0,16c17.48,0,29.32-6.14,35.2-18.26,4.8-9.9,4.8-22,4.8-33.74,0-24.31,1-36,24-36a8,8,0,0,0,0-16Z',
-  },
-  {
-    key: 'optimize',
-    hue: 30,
-    icon: 'M226.76,69a8,8,0,0,0-12.84-2.88l-40.3,37.19-17.23-3.7-3.7-17.23,37.19-40.3A8,8,0,0,0,187,29.24,72,72,0,0,0,88,96,72.34,72.34,0,0,0,94,124.94L33.79,177c-.15.12-.29.26-.43.39a32,32,0,0,0,45.26,45.26c.13-.13.27-.28.39-.42L131.06,162A72,72,0,0,0,232,96,71.56,71.56,0,0,0,226.76,69ZM160,152a56.14,56.14,0,0,1-27.07-7,8,8,0,0,0-9.92,1.77L67.11,211.51a16,16,0,0,1-22.62-22.62L109.18,133a8,8,0,0,0,1.77-9.93,56,56,0,0,1,58.36-82.31l-31.2,33.81a8,8,0,0,0-1.94,7.1L141.83,108a8,8,0,0,0,6.14,6.14l26.35,5.66a8,8,0,0,0,7.1-1.94l33.81-31.2A56.06,56.06,0,0,1,160,152Z',
-  },
-  {
-    key: 'manage_infrastructure',
-    hue: 80,
-    icon: 'M208,136H48a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V152A16,16,0,0,0,208,136Zm0,64H48V152H208v48Zm0-160H48A16,16,0,0,0,32,56v48a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V56A16,16,0,0,0,208,40Zm0,64H48V56H208v48ZM192,80a12,12,0,1,1-12-12A12,12,0,0,1,192,80Zm0,96a12,12,0,1,1-12-12A12,12,0,0,1,192,176Z',
-  },
-  {
-    key: 'manage_data',
-    hue: 120,
-    icon: 'M232,112H136V88h8a16,16,0,0,0,16-16V40a16,16,0,0,0-16-16H112A16,16,0,0,0,96,40V72a16,16,0,0,0,16,16h8v24H24a8,8,0,0,0,0,16H56v32H48a16,16,0,0,0-16,16v32a16,16,0,0,0,16,16H80a16,16,0,0,0,16-16V176a16,16,0,0,0-16-16H72V128H184v32h-8a16,16,0,0,0-16,16v32a16,16,0,0,0,16,16h32a16,16,0,0,0,16-16V176a16,16,0,0,0-16-16h-8V128h32a8,8,0,0,0,0-16ZM112,40h32V72H112ZM80,208H48V176H80Zm128,0H176V176h32Z',
-  },
-  {
-    key: 'lead',
-    hue: 200,
-    icon: 'M80,224a8,8,0,0,1-8,8H56a16,16,0,0,1-16-16V184a8,8,0,0,1,16,0v32H72A8,8,0,0,1,80,224ZM216,88v48a8,8,0,0,1-16,0V96H152a8,8,0,0,1-8-8V40H120a8,8,0,0,1,0-16h32a8,8,0,0,1,5.66,2.34l56,56A8,8,0,0,1,216,88Zm-56-8h28.69L160,51.31ZM80,24H56A16,16,0,0,0,40,40V64a8,8,0,0,0,16,0V40H80a8,8,0,0,0,0-16ZM208,168a8,8,0,0,0-8,8v40h-8a8,8,0,0,0,0,16h8a16,16,0,0,0,16-16V176A8,8,0,0,0,208,168ZM48,152a8,8,0,0,0,8-8V104a8,8,0,0,0-16,0v40A8,8,0,0,0,48,152Zm104,64H112a8,8,0,0,0,0,16h40a8,8,0,0,0,0-16Z',
-  },
-  {
-    key: 'collaborate',
-    hue: 300,
-    icon: 'M254.3,107.91,228.78,56.85a16,16,0,0,0-21.47-7.15L182.44,62.13,130.05,48.27a8.14,8.14,0,0,0-4.1,0L73.56,62.13,48.69,49.7a16,16,0,0,0-21.47,7.15L1.7,107.9a16,16,0,0,0,7.15,21.47l27,13.51,55.49,39.63a8.06,8.06,0,0,0,2.71,1.25l64,16a8,8,0,0,0,7.6-2.1l55.07-55.08,26.42-13.21a16,16,0,0,0,7.15-21.46Zm-54.89,33.37L165,113.72a8,8,0,0,0-10.68.61C136.51,132.27,116.66,130,104,122L147.24,80h31.81l27.21,54.41ZM41.53,64,62,74.22,36.43,125.27,16,115.06Zm116,119.13L99.42,168.61l-49.2-35.14,28-56L128,64.28l9.8,2.59-45,43.68-.08.09a16,16,0,0,0,2.72,24.81c20.56,13.13,45.37,11,64.91-5L188,152.66Zm62-57.87-25.52-51L214.47,64,240,115.06Zm-87.75,92.67a8,8,0,0,1-7.75,6.06,8.13,8.13,0,0,1-1.95-.24L80.41,213.33a7.89,7.89,0,0,1-2.71-1.25L51.35,193.26a8,8,0,0,1,9.3-13l25.11,17.94L126,208.24A8,8,0,0,1,131.82,217.94Z',
-  },
-];
----
-
-<section id="skills" aria-label={t('section_skills')}>
-  <div class="section-title">
-    <Bulb />
-    <h2>
-      {t('section_skills')}
-    </h2>
-  </div>
-
-  <div class="skill-grid">
-    {
-      skills.map((skill) => (
-        <div class="skill" style={`--base-hue: ${skill.hue};`}>
-          <div
-            class="card"
-            role="button"
-            tabindex="0"
-            aria-expanded="false"
-            aria-label={`${t(`skills.${skill.key}`)} — ${t('skills.click_to_reveal')}`}
-          >
-            <div class="face front">
-              <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256">
-                <path d={skill.icon} />
-              </svg>
-              <h3>{t(`skills.${skill.key}`)}</h3>
-            </div>
-
-            <div class="face back" aria-hidden="true">
-              <ul>
-                <li>{t(`skills.${skill.key}_1`)}</li>
-                <li>{t(`skills.${skill.key}_2`)}</li>
-                <li>{t(`skills.${skill.key}_3`)}</li>
-                <li>{t(`skills.${skill.key}_4`)}</li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      ))
-    }
-  </div>
-
-  <Button href="#work">{t('cta.view_projects')}</Button>
-</section>
-
-<style lang="scss">
-  .skill-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-    gap: 1rem;
-    width: 100%;
-  }
-
-  .skill {
-    --color-100: oklch(0.9 0.07 calc(var(--base-hue) + 8));
-    --color-200: oklch(0.8 0.1 calc(var(--base-hue) + 6));
-    --color-700: oklch(0.3 0.14 calc(var(--base-hue) + 6));
-    --color-800: oklch(0.2 0.1 calc(var(--base-hue) + 9));
-    --color-850: oklch(0.15 0.07 calc(var(--base-hue) + 12));
-
-    perspective: 1000px;
-  }
-
-  .card {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    border-radius: 1rem;
-    border: 1px solid var(--color-200);
-    background-color: var(--color-100);
-    color: var(--color-700);
-
-    width: 100%;
-    min-height: 200px;
-    position: relative;
-    transform-style: preserve-3d;
-    transition: transform 400ms cubic-bezier(0.2, 0.9, 0.2, 1);
-    transition-property: transform, box-shadow;
-    cursor: pointer;
-    padding: 1.25rem 1rem;
-    overflow: visible;
-
-    &[aria-expanded='true'] {
-      transform: rotateY(180deg);
-
-      .front {
-        display: none;
-      }
-
-      .back {
-        display: flex;
-      }
-    }
-
-    @media (prefers-reduced-motion: reduce) {
-      transition: none;
-    }
-
-    @media (max-width: 420px) {
-      min-height: 300px;
-    }
-  }
-
-  .face {
-    position: absolute;
-    inset: 0;
-    backface-visibility: hidden;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 1.25rem 1rem;
-    border-radius: 1rem;
-
-    &.front {
-      z-index: 2;
-      display: flex;
-      align-items: center;
-      gap: 0.75rem;
-
-      h3 {
-        color: var(--color-850);
-      }
-    }
-
-    &.back {
-      transform: rotateY(180deg);
-      z-index: 1;
-      align-items: flex-start;
-      justify-content: flex-start;
-      overflow: auto;
-      display: none;
-
-      ul {
-        padding-left: 1.25rem;
-
-        li {
-          margin-bottom: 0.5rem;
-        }
-      }
-    }
-  }
-</style>
-
-<script type="module" is:inline>
-  const grid = document.querySelector('.skill-grid');
-
-  if (grid) {
-    grid.addEventListener('click', (e) => {
-      const card = e.target.closest('.card');
-      if (!card) return;
-      toggleCard(card);
-    });
-
-    grid.addEventListener('keydown', (e) => {
-      /** @type {HTMLElement} */
-      const card = e.target.closest('.card');
-      if (!card) return;
-      if (e.key === 'Enter' || e.key === ' ' || e.code === 'Space') {
-        e.preventDefault();
-        toggleCard(card);
-      }
-      if (e.key === 'Escape') {
-        if (card.getAttribute('aria-expanded') === 'true') {
-          setCardState(card, false);
-        }
-      }
-    });
-
-    function toggleCard(card) {
-      const next = card.getAttribute('aria-expanded') !== 'true';
-      setCardState(card, next);
-    }
-
-    function setCardState(card, expanded) {
-      if (expanded) {
-        card.setAttribute('aria-expanded', 'true');
-        const back = card.querySelector('.face.back');
-        if (back) back.setAttribute('aria-hidden', 'false');
-      } else {
-        card.setAttribute('aria-expanded', 'false');
-        const back = card.querySelector('.face.back');
-        if (back) back.setAttribute('aria-hidden', 'true');
-      }
-    }
-
-    grid.addEventListener('click', (e) => {
-      const card = e.target.closest('.card');
-      if (!card) return;
-      grid.querySelectorAll('.card').forEach((c) => {
-        if (c !== card) setCardState(c, false);
-      });
-    });
-  }
-</script>
-- 
2.51.2