---
import Layout from '../../../../layouts/Layout.astro'
import Footer from '../../../../components/Footer.astro'

const title = 'Chapter Lead for Web @ ING'
const description = 'I have joined ING as a Chapter Lead for Web Engineering'
---

<Layout title={title} description={description}>
  <main>
    <h1><span class="text-gradient">{title}</span></h1>
    <p>
      <small
        >Published on the <time datetime="2024-06-17">17th of June, 2024</time
        ></small
      >
    </p>

    <p>
      Starting June of 2024, I have joined <a href="https://ing.com">ING</a> as Chapter
      Lead for Web; directly involved with the platform upon which all web apps across
      approximately 40 countries are being built. Our Unified Design System and Software
      Development Kits (e.g., microfrontends, analytics, etc.) are the ingredients
      ING developers use to craft experiences for more than 53 million users.
    </p>
  </main>
  <Footer />
</Layout>

<style>
  .text-gradient {
    font-weight: 900;
    background-image: var(--ayo-gradient);
    animation: pulse 4s ease-in-out infinite;
    background-size: 500% 500%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 100% 200%;
    background-position-y: 100%;
    border-radius: 0.4rem;
  }

  .highlighted-content {
    margin: 1rem 0;
    background: #4f39fa;
    padding: 1rem;
    border-radius: 0.4rem;
    color: var(--color-bg);
  }

  .highlighted-content code {
    font-size: var(--font-size-base);
    border: 0.1em solid var(--color-border);
    border-radius: 4px;
    padding: 0.15em 0.25em;
  }

  .link-card-grid {
    display: grid;
    gap: 1rem;
    padding: 0;
  }
</style>
