Added a new development page where it shows the status of the site

src/env.d.ts

@@ -3,3 +3,11 @@
 /// <reference types="astro/client" />
 /// <reference types="vite/client" />
 /// <reference types="../vendor/integration/types.d.ts" />
+
+interface ImportMetaEnv {
+  readonly GITLAB_TOKEN: string;
+}
+
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}

src/i18n/translations.ts

@@ -14,6 +14,10 @@ export interface Translation {
     services: string;
     contact: string;
   };
+  development: {
+    title: string;
+    latestCommits: string;
+  };
   footer: {
     terms: string;
     privacyPolicy: string;
@@ -158,6 +162,10 @@ export const translations: Record<string, Translation> = {
       services: 'Services',
       contact: 'Contact',
     },
+    development: {
+      title: 'Development',
+      latestCommits: 'Latest Commits',
+    },
     footer: {
       terms: 'Terms',
       privacyPolicy: 'Privacy Policy',
@@ -590,6 +598,10 @@ export const translations: Record<string, Translation> = {
       services: 'Diensten',
       contact: 'Contact',
     },
+    development: {
+      title: 'Ontwikkeling',
+      latestCommits: 'Laatste commits',
+    },
     footer: {
       terms: 'Voorwaarden',
       privacyPolicy: 'Privacybeleid',
@@ -780,7 +792,7 @@ export const translations: Record<string, Translation> = {
           location: 'De Kwakel',
           period: '10-2015 - 12-2017',
           description:
-            "Beheerde en onderhield de IT-infrastructuur van de organisatie om de betrouwbaarheid van systemen en naadloze operaties te waarborgen. Toezicht gehouden op servers, client-pc's, draagbare scanners en printers, waarbij de prestaties werden geoptimaliseerd en de uitvaltijd werd geminimaliseerd. Configureerde VoIP-systemen, beheerde netwerk switches en administreerde Citrix-omgevingen voor veilige externe toegang. Installeerde en ondersteunde on-premise SharePoint-omgevingen om samenwerking te bevorderen. Ontwierp en onderhield het bewakingssysteem en de helpdesk van de organisatie, waardoor IT-ondersteuning werd gestroomlijnd en de beveiliging werd versterkt. Bood praktische probleemoplossing voor hardware-, software- en netwerkproblemen om de dagelijkse operaties te ondersteunen.",
+            "Beheerde en onderhield de IT-infrastructuur van de organisatie om de betrouwbaarheid van systemen en naadloze operaties te waarborgen. Toezicht gehouden op servers, client-pc's, draagbare scanners en printers, waarbij de prestaties werden geoptimaliseerd en de uitvaltijd werd geminimaliseerd. Configureerde VoIP-systemen, beheerde netwerk switches, en administreerde Citrix-omgevingen voor veilige externe toegang. Installierte en ondersteunde on-premise SharePoint-omgevingen om samenwerking te bevorderen. Ontwierp en onderhield het bewakingssysteem en de helpdesk van de organisatie, waardoor IT-ondersteuning werd gestroomlijnd en de beveiliging werd versterkt. Fourni un dépannage pratique pour les problèmes de matériel, logiciel et réseau pour soutenir les opérations quotidiennes.",
         },
       ],
     },
@@ -806,7 +818,7 @@ export const translations: Record<string, Translation> = {
           name: 'Stakeholder Management',
           issueDate: 'Datum van afgifte: 03-2025',
           description:
-            'Het behalen van de Stakeholder Management-certificering toont expertise aan in het navigeren van complexe politieke dynamiek rondom projecten en het effectief managen van diverse belanghebbenden. Deze certificering valideert vaardigheden in het analyseren van machtsverhoudingen, effectief onderhandelen en het ontwikkelen van strategische benaderingen om weerstand om te zetten in productieve samenwerking voor betere projectresultaten.',
+            'Het behalen van de Stakeholder Management-certificering toont expertise aan in het navigeren van complexe politieke dynamiek rondom projecten en het effectief managen van diverse stakeholder interests. Deze certificering valideert vaardigheden in het analyseren van machtsverhoudingen, effectief onderhandelen en het ontwikkelen van strategische benaderingen om weerstand om te zetten in productieve samenwerking voor betere projectresultaten.',
           linkUrl: 'https://www.sn.nl/opleidingen/trainingen/projectmanagement-het-managen-van-stakeholders/',
           image: {
             src: '/images/certificates/SN_Logo2.webp',
@@ -1023,6 +1035,10 @@ export const translations: Record<string, Translation> = {
       services: 'Dienstleistungen',
       contact: 'Kontakt',
     },
+    development: {
+      title: 'Entwicklung',
+      latestCommits: 'Neueste Commits',
+    },
     footer: {
       terms: 'Nutzungsbedingungen',
       privacyPolicy: 'Datenschutzrichtlinie',
@@ -1053,7 +1069,7 @@ export const translations: Record<string, Translation> = {
           'Spezialisierte IT-Lösungen zur Optimierung von Abläufen, Verbesserung der Infrastruktur und Lieferung messbarer Ergebnisse.',
         items: [
           {
-            title: 'Workflow-Automatisierung',
+            title: 'Automatisierung von Arbeitsabläufen',
             description:
               'Automatisieren Sie wiederkehrende Aufgaben und optimieren Sie Prozesse mit Power Automate, damit sich Ihr Team auf strategische Initiativen konzentrieren kann und die Gesamteffizienz gesteigert wird.',
             icon: 'tabler:settings-automation',
@@ -1098,7 +1114,7 @@ export const translations: Record<string, Translation> = {
           'Wir sind bestrebt, IT-Exzellenz durch strategische Cloud-Optimierung, Prozessautomatisierung und technischen Support auf Unternehmensebene voranzutreiben. Wir nutzen modernste Technologie, um komplexe geschäftliche Herausforderungen zu bewältigen und messbaren Mehrwert zu liefern.',
           'Mit tiefgreifender Expertise in Microsoft-Technologien und Automatisierung befähigen wir Organisationen, ihre digitalen Fähigkeiten zu transformieren und ihre Geschäftsziele zu erreichen. Wir entwickeln Lösungen, die die Benutzererfahrung verbessern und die Produktivität maximieren, damit Technologie Ihr Unternehmen stärkt.',
           'Wir bleiben an der Spitze durch Erforschung und Implementierung aufkommender Technologien und bieten skalierbare Lösungen, die sich an Ihre sich entwickelnden Anforderungen anpassen. Wir stimmen technische Lösungen auf Ihre Kerngeschäftsziele ab und liefern messbaren ROI und Wettbewerbsvorteile.',
-          'Unsere Mission ist es, Technologie zu nutzen, um echte geschäftliche Herausforderungen zu lösen und durch Innovation Wert zu schaffen. Mit über 15 Jahren IT-Erfahrung bringen wir einen reichen Schatz an Wissen in Microsoft-Technologien, Automatisierungstools und Systemintegration mit, um Organisationen dabei zu helfen, ihre digitalen Fähigkeiten zu transformieren und ihre strategischen Ziele zu erreichen.',
+          'Unsere Mission ist es, Technologie zu nutzen, um echte geschäftliche Herausforderungen zu lösen und durch Innovation Wert zu schaffen. Mit über 15 Jahren IT-Erfahrung bringen wir einen reichen Schatz an Wissen in Microsoft-Technologieën, automatiseringstools und systeemintegratie om organisaties te helpen ihre digitalen Fähigkeiten zu transformieren und ihre strategischen Ziele zu erreichen.',
         ],
         items: [
           {
@@ -1136,7 +1152,7 @@ export const translations: Record<string, Translation> = {
           },
           {
             testimonial:
-              'Richard nahm sich die Zeit, unsere einzigartigen geschäftlichen Herausforderungen wirklich zu verstehen und entwickelte maßgeschneiderte IT-Lösungen, die unsere Bedürfnisse perfekt adressierten. Seine technischen Kenntnisse und Problemlösungsfähigkeiten sind außergewöhnlich.',
+              'Richard nahm sich die Zeit, unsere einzigartigen geschäftlichen Herausforderungen wirklich zu verstehen und entwickelte aangepaste IT-Lösungen, die unsere Bedürfnisse perfekt adressierten. Seine technischen Kenntnisse und Problemlösungsfähigkeiten sind außergewöhnlich.',
             name: 'David Lee',
             description: 'CEO, Gamma Solutions',
           },
@@ -1205,7 +1221,7 @@ export const translations: Record<string, Translation> = {
           location: 'Delft',
           period: '04-2018 - 09-2018',
           description:
-            'Verwaltete und optimierte SharePoint 2013- und SharePoint Online-Umgebungen zur Unterstützung von Zusammenarbeit und Produktivität. Erstellte und passte SharePoint-Sites an, implementierte Workflows und bot Expertenunterstützung für Cadac Organice. Arbeitete eng mit Stakeholdern zusammen, um maßgeschneiderte Lösungen zu liefern und sichere, aktuelle und leistungsstarke SharePoint-Systeme zu gewährleisten.',
+            'Beheerde und optimisierte SharePoint 2013- und SharePoint Online-Umgebungen zur Unterstützung von Zusammenarbeit und Produktivität. Erstellte und passte SharePoint-Sites an, implementierte Workflows und bot Expertenunterstützung für Cadac Organice. Arbeitete eng mit Stakeholdern zusammen, um maßgeschneiderte Lösungen zu liefern und sichere, aktuelle und leistungsstarke SharePoint-Systeme zu gewährleisten.',
         },
         {
           title: 'IT-Systemadministrator',
@@ -1275,7 +1291,7 @@ export const translations: Record<string, Translation> = {
           name: 'Certified Nexthink Associate',
           issueDate: 'Ausstellungsdatum: 11-2024',
           description:
-            'Der Erwerb der Nexthink Infinity Fundamentals-Zertifizierung bestätigt Ihr Verständnis der Nexthink Infinity-Plattform und ihrer Rolle bei der Verbesserung der digitalen Mitarbeitererfahrung. Diese Zertifizierung bestätigt Kenntnisse über wichtige Plattformkomponenten, Datenerfassungsmethoden und Analysefunktionen zur Überwachung und Verbesserung von Technologieumgebungen am Arbeitsplatz.',
+            'Der Erwerb der Nexthink Infinity Fundamentals-Zertifizierung bestätigt Ihr Verständnis der Nexthink Infinity-Plattform und deren Rolle bei der Verbesserung der digitalen Mitarbeitererfahrung. Diese Zertifizierung bestätigt Kenntnisse über wichtige Plattformkomponenten, Datenerfassungsmethoden und Analysefunktionen zur Überwachung und Verbesserung von Technologieumgebungen am Arbeitsplatz.',
           linkUrl: 'https://certified.nexthink.com/cf5e9e43-9d95-4dc6-bb95-0f7e0bada9b3#acc.YWDnxiaU',
           image: {
             src: '/images/certificates/NexthinkAssociate.webp',
@@ -1392,39 +1408,39 @@ export const translations: Record<string, Translation> = {
             'Versiert in der Einrichtung, Verwaltung und Optimierung sowohl von SharePoint Online als auch On-Premise-Implementierungen, zur Gewährleistung effektiven Dokumentenmanagements, Zusammenarbeit und Informationsaustausch innerhalb von Organisationen.',
         },
         {
-          title: 'Nexthink Administration',
+          title: 'Administration Nexthink',
           description:
-            'Kompetent in der Verwaltung der Nexthink-Plattform, Nutzung ihrer Fähigkeiten für IT-Infrastrukturüberwachung, Ausführung von Remote-Aktionen und Entwicklung von Workflows zur Verbesserung von IT-Service-Bereitstellung und Benutzererfahrung.',
+            "Compétent dans l'administration de la plateforme Nexthink, utilisant ses capacités pour la surveillance de l'infrastructure IT, l'exécution d'actions à distance et le développement de workflows pour améliorer la prestation de services IT et l'expérience utilisateur.",
         },
         {
           title: 'Microsoft Power Apps',
           description:
-            'Kompetent in der Nutzung von Microsoft Power Apps zur Gestaltung und Entwicklung benutzerdefinierter Geschäftsanwendungen mit minimalem Coding. Erfahren in der Erstellung sowohl von Canvas- als auch modellgesteuerten Apps, die sich mit verschiedenen Datenquellen verbinden.',
+            "Compétent dans l'utilisation de Microsoft Power Apps pour concevoir et développer des applications métier personnalisées avec un minimum de codage. Expérimenté dans la création d'applications canvas et basées sur des modèles qui se connectent à diverses sources de données.",
         },
         {
-          title: 'IT-Infrastrukturmanagement',
+          title: 'Gestion Infrastructure IT',
           description:
-            'Umfangreiche Erfahrung in der Überwachung globaler IT-Infrastrukturen, Verwaltung von Servern, Netzwerken und Endbenutzergeräten in mehreren Ländern zur Gewährleistung zuverlässiger und effizienter IT-Operationen.',
+            'Vaste expérience dans la supervision des infrastructures IT mondiales, la gestion des serveurs, réseaux et appareils utilisateurs finaux dans plusieurs pays pour assurer des opérations IT fiables et efficaces.',
         },
         {
           title: 'ITSM (TOPDesk)',
           description:
-            'Erfahren in der Verwaltung von ITSM-Prozessen mit TOPdesk. Kompetent in Kernfunktionalitäten wie Incident Management und Asset Management, bei gleichzeitiger Nutzung von API-Verwendung für nahtlose Integrationen mit anderen Systemen.',
+            "Expérimenté dans la gestion des processus ITSM avec TOPdesk. Compétent dans les fonctionnalités principales telles que la gestion des incidents et la gestion des actifs, tout en exploitant l'utilisation des APIs pour des intégrations transparentes avec d'autres systèmes.",
         },
         {
           title: 'PowerShell',
           description:
-            'Kompetent in der Nutzung von PowerShell für Automatisierung, Systemadministration und Konfigurationsmanagement in Microsoft-Umgebungen. Erfahren in der Erstellung robuster Skripte für Aufgabenautomatisierung, Systemüberwachung und Integration mit verschiedenen Microsoft-Diensten.',
+            "Compétent dans l'utilisation de PowerShell pour l'automatisation, l'administration système et la gestion de configuration dans les environnements Microsoft. Expérimenté dans la création de scripts robustes pour l'automatisation des tâches, la surveillance des systèmes et l'intégration avec divers services Microsoft.",
         },
         {
-          title: 'Intune Geräteverwaltung',
+          title: 'Gestion des Appareils Intune',
           description:
-            'Erfahren in der Bereitstellung, Konfiguration und Verwaltung von Windows 10/11-Geräten über Microsoft Intune. Kompetent in der Erstellung und Implementierung von Geräterichtlinien, Anwendungsbereitstellung und Sicherheitskonfigurationen für Unternehmensumgebungen.',
+            "Compétent dans le déploiement, la configuration et la gestion des appareils Windows 10/11 via Microsoft Intune. Expérimenté dans la création et l'implémentation de politiques d'appareils, le déploiement d'applications et les configurations de sécurité pour les environnements d'entreprise.",
         },
         {
-          title: '3rd Line IT-Support',
+          title: 'Support IT de 3ème Niveau',
           description:
-            'Erfahren in der Bereitstellung fortgeschrittener technischer Unterstützung für komplexe IT-Probleme, die tiefgreifendes Wissen und spezialisierte Expertise erfordern. Kompetent in der Fehlersuche, Diagnose und Lösung kritischer Systemprobleme über verschiedene Plattformen und Anwendungen hinweg.',
+            "Expérimenté dans la fourniture d'un support technique avancé pour des problèmes IT complexes nécessitant une connaissance approfondie et une expertise spécialisée. Compétent dans le dépannage, le diagnostic et la résolution de problèmes système critiques sur diverses plateformes et applications.",
         },
       ],
     },
@@ -1456,6 +1472,10 @@ export const translations: Record<string, Translation> = {
       services: 'Services',
       contact: 'Contact',
     },
+    development: {
+      title: 'Développement',
+      latestCommits: 'Derniers commits',
+    },
     footer: {
       terms: "Conditions d'utilisation",
       privacyPolicy: 'Politique de confidentialité',
@@ -1646,7 +1666,7 @@ export const translations: Record<string, Translation> = {
           location: 'De Kwakel',
           period: '10-2015 - 12-2017',
           description:
-            "Géré et maintenu l'infrastructure IT de l'organisation pour assurer la fiabilité des systèmes et des opérations fluides. Supervisé les serveurs, PC clients, scanners portables et imprimantes, optimisant les performances et minimisant les temps d'arrêt. Configuré les systèmes VoIP, géré les commutateurs réseau et administré les environnements Citrix pour un accès distant sécurisé. Installé et supporté les environnements SharePoint on-premise pour améliorer la collaboration. Conçu et maintenu le système de surveillance et la plateforme helpdesk de l'organisation, rationalisant le support IT et renforçant la sécurité. Fourni un dépannage pratique pour les problèmes de matériel, logiciel et réseau pour soutenir les opérations quotidiennes.",
+            "Géré et maintenu l'infrastructure IT de l'organisation pour assurer la fiabilité des systèmes et des opérations fluides. Supervisé les serveurs, PC clients, scanners portables et imprimantes, optimisant les performances et minimisant les temps d'arrêt. Configurer les systèmes VoIP, géré les commutateurs réseau et administrer les environnements Citrix pour un accès distant sécurisé. Installé et supporté les environnements SharePoint on-premise pour améliorer la collaboration. Conçu et maintenu le système de surveillance et la plateforme helpdesk de l'organisation, rationalisant le support IT et renforçant la sécurité. Fourni un dépannage pratique pour les problèmes de matériel, logiciel et réseau pour soutenir les opérations quotidiennes.",
         },
       ],
     },
@@ -1688,7 +1708,7 @@ export const translations: Record<string, Translation> = {
           linkUrl: 'https://certified.nexthink.com/babd1e3a-c593-4a81-90a2-6a002f43e692#acc.fUOog9dj',
           image: {
             src: '/images/certificates/CertifiedNexthinkProfessionalinApplicationExperienceManagement.webp',
-            alt: "Badge Professionnel Nexthink en gestion de l'expérience applicative",
+            alt: 'Nexthink Professional in Application Experience Management badge',
             loading: 'lazy',
           },
         },
@@ -1811,7 +1831,7 @@ export const translations: Record<string, Translation> = {
         {
           title: 'Intégrations API',
           description:
-            "Compétent dans la création de connecteurs personnalisés et l'intégration de diverses applications et services via des APIs pour faciliter l'échange de données transparent et l'automatisation des processus entre plateformes.",
+            'Erfahren in der Erstellung benutzerdefinierter Konnektoren und der Integration verschiedener Anwendungen und Dienste über APIs zur Ermöglichung nahtlosen Datenaustauschs und Prozessautomatisierung zwischen Plattformen.',
         },
         {
           title: 'Administration Microsoft 365',

src/navigation.ts

@@ -40,6 +40,16 @@ export const getHeaderData = (lang = 'en') => {
           },
         ],
       },
+      {
+        text: 'Development',
+        links: [
+          {
+            text: 'Progress',
+            href: getPermalink('/development', 'page', lang),
+            isHashLink: false,
+          },
+        ],
+      },
     ],
   };
 };

src/pages/development.astro

@@ -0,0 +1,74 @@
+---
+import Layout from '../layouts/Layout.astro';
+import { getPermalink } from '../utils/permalinks';
+import { getTranslation } from '../i18n/translations';
+
+const lang = Astro.params.lang || 'en';
+const t = getTranslation(lang);
+
+// Fetch Git repository data at build time
+const GIT_API_URL = 'https://git.365devnet.eu/api/v4/projects/Richard%2F365devnet';
+const GIT_COMMITS_URL = `${GIT_API_URL}/repository/commits`;
+
+// Fetch commits data
+let commits: any[] = [];
+try {
+  const commitsResponse = await fetch(GIT_COMMITS_URL, {
+    headers: {
+      'PRIVATE-TOKEN': import.meta.env.GITLAB_TOKEN || '',
+    },
+  });
+
+  if (commitsResponse.ok) {
+    commits = await commitsResponse.json();
+  } else {
+    console.error('Failed to fetch commits:', commitsResponse.statusText);
+  }
+} catch (error) {
+  console.error('Error fetching commits:', error);
+}
+
+// Format date to a readable format
+const formatDate = (dateString: string) => {
+  return new Date(dateString).toLocaleDateString(lang, {
+    year: 'numeric',
+    month: 'long',
+    day: 'numeric',
+  });
+};
+---
+
+<Layout>
+  <div class="max-w-4xl mx-auto px-4 py-8">
+    <h1 class="text-4xl font-bold mb-8">{t.development.title || 'Development Progress'}</h1>
+    
+    <div class="space-y-8">
+      <section>
+        <h2 class="text-2xl font-semibold mb-4">{t.development.latestCommits || 'Latest Commits'}</h2>
+        {commits.length > 0 ? (
+          <div class="space-y-4">
+            {commits.slice(0, 10).map((commit) => (
+              <div class="bg-gray-50 dark:bg-gray-800 p-4 rounded-lg">
+                <div class="flex justify-between items-start">
+                  <div>
+                    <h3 class="font-medium">{commit.title}</h3>
+                    <p class="text-sm text-gray-600 dark:text-gray-400">{commit.message}</p>
+                  </div>
+                  <span class="text-sm text-gray-500">{formatDate(commit.committed_date)}</span>
+                </div>
+                <div class="mt-2 text-sm">
+                  <span class="text-gray-500">Commit:</span>{" "}
+                  <code class="bg-gray-100 dark:bg-gray-700 px-2 py-1 rounded">
+                    {commit.id.slice(0, 7)}
+                  </code>
+                </div>
+              </div>
+            ))}
+          </div>
+        ) : (
+          <p class="text-gray-600 dark:text-gray-400">Unable to fetch commit history at this time.</p>
+        )}
+      </section>
+    </div>
+  </div>
+</Layout>