Moved json data to own component

Updated astro
Added matomo script
2026-07-13 21:30:00 +02:00 · 2026-07-13 21:00:47 +02:00 · 2026-07-10 23:22:52 +02:00 · 2026-07-09 19:13:58 +02:00 · 2026-07-07 22:31:31 +02:00 · 2026-07-07 22:31:26 +02:00
11 changed files with 2216 additions and 2660 deletions
--- a/README.md
+++ b/README.md
@@ -1,54 +1,2 @@
-# Astro Starter Kit: Basics
-
-```
-npm create astro@latest -- --template basics
-```
-
-[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/basics)
-[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/basics)
-[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/basics/devcontainer.json)
-
-> 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
-
-![just-the-basics](https://github.com/withastro/astro/assets/2244813/a0a5533c-a856-4198-8470-2d67b1d7c554)
-
-## 🚀 Project Structure
-
-Inside of your Astro project, you'll see the following folders and files:
-
-```
-/
-├── public/
-│   └── favicon.svg
-├── src/
-│   ├── components/
-│   │   └── Card.astro
-│   ├── layouts/
-│   │   └── Layout.astro
-│   └── pages/
-│       └── index.astro
-└── package.json
-```
-
-Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.
-
-There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
-
-Any static assets, like images, can be placed in the `public/` directory.
-
-## 🧞 Commands
-
-All commands are run from the root of the project, from a terminal:
-
-| Command                   | Action                                           |
-| :------------------------ | :----------------------------------------------- |
-| `npm install`             | Installs dependencies                            |
-| `npm run dev`             | Starts local dev server at `localhost:3000`      |
-| `npm run build`           | Build your production site to `./dist/`          |
-| `npm run preview`         | Preview your build locally, before deploying     |
-| `npm run astro ...`       | Run CLI commands like `astro add`, `astro check` |
-| `npm run astro -- --help` | Get help using the Astro CLI                     |
-
-## 👀 Want to learn more?
-
-Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).
+# Personal portfolio
+Showcasing my various works. Built with astro.
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
  "name": "alexis-portfolio",
  "type": "module",
-  "version": "1.1.0",
+  "version": "1.0.1",
  "scripts": {
    "dev": "astro dev",
    "start": "astro dev",
@@ -10,16 +10,16 @@
    "astro": "astro"
  },
  "dependencies": {
-    "@astrojs/sitemap": "^3.7.0",
-    "@astrojs/vue": "^5.1.4",
-    "@tailwindcss/vite": "^4.1.18",
-    "@vueuse/core": "^14.1.0",
-    "astro": "^5.16.11",
-    "astro-compressor": "^1.2.0",
-    "tailwindcss": "^4.1.18",
-    "vue": "^3.5.26"
+    "@astrojs/sitemap": "^3.7.3",
+    "@astrojs/vue": "^7.0.1",
+    "@tailwindcss/vite": "^4.3.2",
+    "@vueuse/core": "^14.3.0",
+    "astro": "^7.0.7",
+    "astro-compressor": "^1.3.0",
+    "tailwindcss": "^4.3.2",
+    "vue": "^3.5.39"
  },
  "devDependencies": {
-    "sass": "^1.97.2"
+    "sass": "^1.101.0"
  }
 }
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -1,3 +1,7 @@
+allowBuilds:
+  '@parcel/watcher': true
+  esbuild: true
+  sharp: true
 onlyBuiltDependencies:
  - '@parcel/watcher'
  - '@tailwindcss/oxide'
--- a/src/components/BgParticles.astro
+++ b/src/components/BgParticles.astro
@@ -18,4 +18,4 @@
      background: radial-gradient(circle, #020617 2%, transparent 20%);
    }
  }
-</style>
+</style>
--- a/src/components/HeadSchema.astro
+++ b/src/components/HeadSchema.astro
@@ -0,0 +1,107 @@
+<script type="application/ld+json" is:inline>
+  {
+    "@context": "https://schema.org",
+    "@graph": [
+      {
+        "@type": "Person",
+        "email": "contact@alexcreates.fr",
+        "jobTitle": "Front-end engineer",
+        "name": "Alexis Pelé",
+        "url": "https://agence-polux.fr/",
+        "description": "Front-end engineer specializing in TypeScript and Vue.js, building performant, accessible web applications.",
+        "sameAs": [
+          "https://gitea.peacock-wyrm.ts.net/Joururi",
+          "https://fr.linkedin.com/in/alexis-pel%C3%A9-b27958159",
+          "https://github.com/AlexisNP"
+        ],
+        "knowsAbout": [
+          "TypeScript",
+          "Vue.js",
+          "Nuxt.js",
+          "JavaScript",
+          "Front-End Development",
+          "Web Performance Optimization",
+          "REST APIs",
+          "Pinia",
+          "Vite",
+          "Docker",
+          "Docker Composer",
+          "Angular",
+          "PHP",
+          "Wordpress",
+          "Aria",
+          "Accessibility",
+          "Tailscale"
+        ],
+        "knowsLanguage": [
+          {
+            "@type": "Language",
+            "name": "French",
+            "alternateName": "fr"
+          },
+          {
+            "@type": "Language",
+            "name": "English",
+            "alternateName": "en"
+          }
+        ],
+        "worksFor": {
+          "@type": "Organization",
+          "name": "Agence Polux",
+          "url": "https://agence-polux.fr/"
+        },
+        "nationality": {
+          "@type": "Country",
+          "name": "France"
+        },
+        "pronouns": "he/him"
+      },
+      {
+        "@type": "ItemList",
+        "@id": "https://alexcreates.fr/#projects",
+        "name": "Featured Projects",
+        "itemListElement": [
+          {
+            "@type": "ListItem",
+            "position": 1,
+            "item": {
+              "@type": "CreativeWork",
+              "name": "Leim Maps",
+              "description": "A Vue 3 + TypeScript application for X.",
+              "url": "https://maps.alexcreates.fr",
+              "sameAs": "https://gitea.peacock-wyrm.ts.net/Joururi/leim-maps",
+              "image": "https://alexcreates.fr/images/project-one.jpg",
+              "creator": {
+                "@id": "https://alexcreates.fr/#person"
+              },
+              "keywords": "Vue 3, TypeScript, Astro, Vite, Leaflet"
+            }
+          }
+        ]
+      },
+      {
+        "@type": "WebSite",
+        "@id": "https://alexcreates.fr/#website",
+        "url": "https://alexcreates.fr",
+        "name": "Alexis Pelé | Front-End Engineer",
+        "description": "Portfolio of Alexis Pelé, a front-end engineer.",
+        "publisher": {
+          "@id": "https://alexcreates.fr/#person"
+        },
+        "inLanguage": "en-US"
+      },
+      {
+        "@type": "BreadcrumbList",
+        "@id": "https://alexcreates.fr/#breadcrumb",
+        "itemListElement": [
+          {
+            "@type": "ListItem",
+            "position": 1,
+            "name": "Home",
+            "item": "https://alexcreates.fr/"
+          }
+        ]
+      }
+    ]
+  }
+</script>
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -1,41 +1,55 @@
 ---
 interface MenuItem {
+  slug: string
  label: string
  to: string
 }

-const menuItems: MenuItem[] = [
-  {
-    label: "Home",
-    to: ""
-  },
-  {
-    label: "Projects",
-    to: "projects"
-  }
+const links: MenuItem[] = [
+  // {
+  //   label: "Projects",
+  //   slug: "projects",
+  //   to: "/projects"
+  // }
 ]

-const activeSegment = Astro.url.pathname.split("/")[1]
+const onHome = Astro.url.pathname === "/"
 ---

 <header
  class="absolute top-0 left-0 pt-6 w-full z-10"
 >
-  <nav class="container text-[.8em]" aria-labelledby="Main pages">
-    <menu class="px-6 py-2 bg-slate-900/50 rounded-xl backdrop-blur flex gap-6">
-      {menuItems.map((item) => (
+  <nav class="container text-[.8em]" aria-label="Primary">
+    <menu class="px-6 py-2 bg-slate-800/40 rounded-xl backdrop-blur flex gap-6">
+      <li>
+        <a
+          href="/"
+          aria-current={onHome ? "page" : "false"}
+          class="block py-2 underline-offset-4 hover:underline text-body/80 hover:text-body"
+          class:list={
+            {
+              "text-primary/90 hover:text-primary": onHome,
+              "text-body/80 hover:text-body": !onHome
+            }
+          }
+        >
+          Home
+        </a>
+      </li>
+      {links.map((link) => (
        <li>
          <a
-            href={"/" + item.to}
-            class="block py-2 underline-offset-4 hover:underline"
+            href={link.to}
+            aria-current={ Astro.url.pathname.startsWith(link.to) ? 'page' : 'false' }
+            class="block py-2 underline-offset-4 hover:underline text-body/80 hover:text-body"
            class:list={
              {
-                "text-primary/80 hover:text-primary": activeSegment === item.to,
-                "text-body/80 hover:text-body": activeSegment !== item.to
+                "text-primary/90 hover:text-primary": Astro.url.pathname.startsWith(link.to),
+                "text-body/80 hover:text-body": !Astro.url.pathname.startsWith(link.to)
              }
            }
          >
-            {item.label}
+            {link.label}
          </a>
        </li>
      ))}
--- a/src/layouts/HomeLayout.astro
+++ b/src/layouts/HomeLayout.astro
@@ -1,9 +1,10 @@
 ---
 import '../../assets/css/main.css'
-import BgParticles from '../components/BgParticles.astro'
+// import BgParticles from '../components/BgParticles.astro'
 import BgGrid from '../components/BgGrid.astro'
 import HeadFavicon from './HeadFavicon.astro'
 import Navbar from "../components/Navbar.astro";
+import HeadSchema from '../components/HeadSchema.astro';
 interface Props {
 	title?: string
  description?: string
@@ -11,7 +12,11 @@ interface Props {
  hasGrid?: boolean
 }

-const { title = "Home", hasParticles = false, hasGrid = false } = Astro.props
+const {
+  title = "Home",
+  // hasParticles = false,
+  hasGrid = false
+} = Astro.props

 const baseTitle = 'Alexis Pelé'
 const renderedTitle = `${title} · ${baseTitle}`
@@ -26,12 +31,12 @@ const websiteDomain = "alexcreates.fr"
 <!DOCTYPE html>
 <html lang="en">
 	<head>
+    <title>{ renderedTitle }</title>
+
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="canonical" href={Astro.url} />
-		<meta name="generator" content={ Astro.generator } />

-		<title>{ renderedTitle }</title>
    <meta property="og:title" content={renderedTitle} />

    <meta name="description" content={description} />
@@ -53,47 +58,36 @@ const websiteDomain = "alexcreates.fr"

    <meta property="og:type" content="website" />

-    <script type="application/ld+json">
-      {
-        "@context": "https://schema.org",
-        "@type": "Person",
-        "email": "mailto:contact@alexcreates.fr",
-        "jobTitle": "Web developer",
-        "name": "Alexis",
-        "familyName": "Pelé",
-        "url": "https://alexcreates.fr/",
-        "nationality": {
-          "@type": "Country",
-          "name": "France"
-        },
-        "pronouns": "he/him",
-        "knowsLanguage": [
-          {
-            "@type": "Language",
-            "name": "French",
-            "alternateName": "fr"
-          },
-          {
-            "@type": "Language",
-            "name": "English",
-            "alternateName": "en"
-          }
-        ]
-      }
+    <HeadSchema />
+
+    <!-- Matomo -->
+    <script is:inline>
+      var _paq = window._paq = window._paq || [];
+      /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+      _paq.push(['trackPageView']);
+      _paq.push(['enableLinkTracking']);
+      (function() {
+        var u="//stats.alexcreates.fr/";
+        _paq.push(['setTrackerUrl', u+'matomo.php']);
+        _paq.push(['setSiteId', '1']);
+        var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+        g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
+      })();
    </script>
+    <!-- End Matomo Code -->
 	</head>

-	<body class="h-screen relative bg-background text-body px-12 overflow-hidden">
-        <Navbar />
+	<body class="h-screen relative bg-background text-body px-3 md:px-12 overflow-hidden">
+    <Navbar />

-        <slot />
+    <slot />

-        {hasParticles &&
-            <BgParticles />
-        }
+    <!-- {hasParticles &&
+      <BgParticles />
+    } -->

-        {hasGrid &&
-            <BgGrid />
-        }
+    {hasGrid &&
+      <BgGrid />
+    }
 	</body>
 </html>
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -4,6 +4,7 @@ import BgParticles from '../components/BgParticles.astro'
 import BgGrid from '../components/BgGrid.astro'
 import HeadFavicon from './HeadFavicon.astro'
 import Navbar from "../components/Navbar.astro";
+import HeadSchema from '../components/HeadSchema.astro';
 interface Props {
 	title?: string
  description?: string
@@ -53,34 +54,23 @@ const websiteDomain = "alexcreates.fr"

    <meta property="og:type" content="website" />

-    <script type="application/ld+json">
-      {
-        "@context": "https://schema.org",
-        "@type": "Person",
-        "email": "mailto:contact@alexcreates.fr",
-        "jobTitle": "Web developer",
-        "name": "Alexis",
-        "familyName": "Pelé",
-        "url": "https://alexcreates.fr/",
-        "nationality": {
-          "@type": "Country",
-          "name": "France"
-        },
-        "pronouns": "he/him",
-        "knowsLanguage": [
-          {
-            "@type": "Language",
-            "name": "French",
-            "alternateName": "fr"
-          },
-          {
-            "@type": "Language",
-            "name": "English",
-            "alternateName": "en"
-          }
-        ]
-      }
+    <HeadSchema />
+
+    <!-- Matomo -->
+    <script is:inline>
+      var _paq = window._paq = window._paq || [];
+      /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
+      _paq.push(['trackPageView']);
+      _paq.push(['enableLinkTracking']);
+      (function() {
+        var u="//stats.alexcreates.fr/";
+        _paq.push(['setTrackerUrl', u+'matomo.php']);
+        _paq.push(['setSiteId', '1']);
+        var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+        g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
+      })();
    </script>
+    <!-- End Matomo Code -->
 	</head>

 	<body class="h-screen relative bg-slate-950 text-white">
--- a/src/pages/_projects.astro
+++ b/src/pages/_projects.astro
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -27,8 +27,16 @@ import HomeLayout from '../layouts/HomeLayout.astro';
            </p>
          </div>

-          <div class="mt-8 flex items-center justify-center gap-4 md:gap-8">
-            <Button href="https://github.com/AlexisNP" glow variant="primary">
+          <div class="mt-8 flex items-center justify-center gap-2 md:gap-4">
+            <Button href="https://gitea.peacock-wyrm.ts.net/Joururi" glow variant="primary">
+              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#FFF" viewBox="0 0 256 256" style="--darkreader-inline-fill: var(--darkreader-background-000000, #000000);" data-darkreader-inline-fill=""><path d="M232,64a32,32,0,1,0-40,31v17a8,8,0,0,1-8,8H96a23.84,23.84,0,0,0-8,1.38V95a32,32,0,1,0-16,0v66a32,32,0,1,0,16,0V144a8,8,0,0,1,8-8h88a24,24,0,0,0,24-24V95A32.06,32.06,0,0,0,232,64ZM64,64A16,16,0,1,1,80,80,16,16,0,0,1,64,64ZM96,192a16,16,0,1,1-16-16A16,16,0,0,1,96,192ZM200,80a16,16,0,1,1,16-16A16,16,0,0,1,200,80Z"></path></svg>
+
+              <span>
+                Gitea
+              </span>
+            </Button>
+
+            <Button href="https://github.com/AlexisNP" variant="secondary">
              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#FFF" viewBox="0 0 256 256">
                <path d="M208.31,75.68A59.78,59.78,0,0,0,202.93,28,8,8,0,0,0,196,24a59.75,59.75,0,0,0-48,24H124A59.75,59.75,0,0,0,76,24a8,8,0,0,0-6.93,4,59.78,59.78,0,0,0-5.38,47.68A58.14,58.14,0,0,0,56,104v8a56.06,56.06,0,0,0,48.44,55.47A39.8,39.8,0,0,0,96,192v8H72a24,24,0,0,1-24-24A40,40,0,0,0,8,136a8,8,0,0,0,0,16,24,24,0,0,1,24,24,40,40,0,0,0,40,40H96v16a8,8,0,0,0,16,0V192a24,24,0,0,1,48,0v40a8,8,0,0,0,16,0V192a39.8,39.8,0,0,0-8.44-24.53A56.06,56.06,0,0,0,216,112v-8A58.14,58.14,0,0,0,208.31,75.68ZM200,112a40,40,0,0,1-40,40H112a40,40,0,0,1-40-40v-8a41.74,41.74,0,0,1,6.9-22.48A8,8,0,0,0,80,73.83a43.81,43.81,0,0,1,.79-33.58,43.88,43.88,0,0,1,32.32,20.06A8,8,0,0,0,119.82,64h32.35a8,8,0,0,0,6.74-3.69,43.87,43.87,0,0,1,32.32-20.06A43.81,43.81,0,0,1,192,73.83a8.09,8.09,0,0,0,1,7.65A41.72,41.72,0,0,1,200,104Z" />
              </svg>
@@ -37,7 +45,9 @@ import HomeLayout from '../layouts/HomeLayout.astro';
                Github
              </span>
            </Button>
+          </div>

+          <div class="mt-2 flex items-center justify-center gap-2 md:gap-4">
            <Button href="mailto:contact@alexcreates.fr">
              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#FFF" viewBox="0 0 256 256">
                <path d="M132,24A100.11,100.11,0,0,0,32,124v84a16,16,0,0,0,16,16h84a100,100,0,0,0,0-200Zm0,184H48V124a84,84,0,1,1,84,84Zm12-80a12,12,0,1,1-12-12A12,12,0,0,1,144,128Zm-44,0a12,12,0,1,1-12-12A12,12,0,0,1,100,128Zm88,0a12,12,0,1,1-12-12A12,12,0,0,1,188,128Z" />
@@ -51,7 +61,7 @@ import HomeLayout from '../layouts/HomeLayout.astro';
        </div>
      </div>

-      <p class="absolute px-4 bottom-8 left-1/2 -translate-x-1/2 opacity-50 text-xs md:text-sm text-center">@2025&nbsp;·&nbsp;Website is currently a WIP&nbsp;;&nbsp;some things may change&nbsp;!</p>
+      <p class="absolute w-full px-4 bottom-8 left-1/2 -translate-x-1/2 opacity-50 text-xs md:text-sm text-center">@2026&nbsp;·&nbsp;Website is currently a WIP&nbsp;;&nbsp;some things may change&nbsp;!</p>
    </div>
  </main>
 </HomeLayout>
Author	SHA1	Message	Date
Alexis	81ef376eca	Moved json data to own component	2026-07-13 21:30:00 +02:00
Alexis	103b9ea1d8	Updated astro	2026-07-13 21:00:47 +02:00
Alexis	8d35577182	Added matomo script	2026-07-10 23:22:52 +02:00
Alexis	b174f22626	Hotfix : Changed readme	2026-07-09 19:13:58 +02:00
Alexis	91e7bf337d	Merge branch 'dev'	2026-07-07 22:31:31 +02:00
Alexis	81e2729b34	Version bump	2026-07-07 22:31:26 +02:00
Alexis	f06ee6387d	Fixed gitea link	2026-07-07 22:30:40 +02:00
Alexis	59bcd63ab7	Added more seo data	2026-07-07 22:26:16 +02:00
Alexis	a2281d5363	Added gitea button	2026-07-07 21:25:29 +02:00
Alexis	12725101af	Removed particle scripts	2026-07-07 21:09:06 +02:00
Alexis	4926ad1b2f	Updated navbar	2026-07-07 21:08:10 +02:00