added language selector
This commit is contained in:
Binary file not shown.
Before Width: | Height: | Size: 5.4 KiB |
Binary file not shown.
Before Width: | Height: | Size: 15 KiB |
Binary file not shown.
Before Width: | Height: | Size: 23 KiB |
37
src/components/LanguageSelector.astro
Normal file
37
src/components/LanguageSelector.astro
Normal file
@@ -0,0 +1,37 @@
|
||||
---
|
||||
// Define your supported languages
|
||||
const languages = [
|
||||
{ code: 'en', label: 'English' },
|
||||
{ code: 'fr', label: 'Français' },
|
||||
{ code: 'es', label: 'Español' },
|
||||
];
|
||||
|
||||
// Determine the current language from the URL for setting the selected option.
|
||||
const pathSegments = window.location.pathname.split('/').filter(Boolean);
|
||||
const currentLang = pathSegments[0] || 'en';
|
||||
---
|
||||
<select id="language-selector" class="p-2 border rounded bg-white text-gray-700">
|
||||
{languages.map((lang) => (
|
||||
<option value={lang.code} selected={lang.code === currentLang}>
|
||||
{lang.label}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
|
||||
<script>
|
||||
// This script runs in the browser
|
||||
const select = document.getElementById('language-selector');
|
||||
select.addEventListener('change', (event) => {
|
||||
const selectedLang = event.target.value;
|
||||
const currentPath = window.location.pathname;
|
||||
const segments = currentPath.split('/').filter(Boolean);
|
||||
const supportedLangs = ['en', 'fr', 'es'];
|
||||
if (supportedLangs.includes(segments[0])) {
|
||||
segments[0] = selectedLang;
|
||||
} else {
|
||||
segments.unshift(selectedLang);
|
||||
}
|
||||
const newPath = '/' + segments.join('/');
|
||||
window.location.href = newPath;
|
||||
});
|
||||
</script>
|
@@ -5,6 +5,7 @@ import ToggleTheme from '~/components/common/ToggleTheme.astro';
|
||||
import ToggleMenu from '~/components/common/ToggleMenu.astro';
|
||||
import Button from '~/components/ui/Button.astro';
|
||||
|
||||
|
||||
import { getHomePermalink } from '~/utils/permalinks';
|
||||
import { trimSlash, getAsset } from '~/utils/permalinks';
|
||||
import type { CallToAction } from '~/types';
|
||||
@@ -45,6 +46,36 @@ const {
|
||||
} = Astro.props;
|
||||
|
||||
const currentPath = `/${trimSlash(new URL(Astro.url).pathname)}`;
|
||||
|
||||
// Define the available languages.
|
||||
const languages = [
|
||||
{ code: 'en', label: 'English' },
|
||||
{ code: 'nl', label: 'Nederlands' },
|
||||
{ code: 'de', label: 'Deutsch' },
|
||||
];
|
||||
|
||||
// Get the current URL segments.
|
||||
const pathSegments = new URL(Astro.url).pathname.split('/').filter(Boolean);
|
||||
const currentLang = pathSegments[0] || 'en';
|
||||
|
||||
// When the user selects a new language, update the URL accordingly.
|
||||
// This function assumes your pages are structured as /<lang>/page...
|
||||
function handleLanguageChange(event: Event) {
|
||||
const select = event.target as HTMLSelectElement;
|
||||
const selectedLang = select.value;
|
||||
const newSegments = [...pathSegments];
|
||||
|
||||
// Replace the first segment if it matches a known language code; otherwise, add it.
|
||||
if (['en', 'nl', 'de'].includes(newSegments[0])) {
|
||||
newSegments[0] = selectedLang;
|
||||
} else {
|
||||
newSegments.unshift(selectedLang);
|
||||
}
|
||||
|
||||
const newPath = '/' + newSegments.join('/');
|
||||
window.location.href = newPath;
|
||||
}
|
||||
|
||||
---
|
||||
|
||||
<header
|
||||
@@ -150,17 +181,41 @@ const currentPath = `/${trimSlash(new URL(Astro.url).pathname)}`;
|
||||
)
|
||||
}
|
||||
</div>
|
||||
{
|
||||
actions?.length ? (
|
||||
<span class="ml-4 rtl:ml-0 rtl:mr-4">
|
||||
{actions.map((btnProps) => (
|
||||
<Button {...btnProps} class="ml-2 py-2.5 px-5.5 md:px-6 font-semibold shadow-none text-sm w-auto" />
|
||||
<!-- Somewhere in your header markup (e.g., near your theme toggle) -->
|
||||
<div class="ml-4">
|
||||
<!-- Notice we add an id so we can easily select it in our client script -->
|
||||
<select id="language-selector" class="p-2 border rounded bg-white text-gray-700">
|
||||
{languages.map((lang) => (
|
||||
<option value={lang.code} selected={lang.code === currentLang}>
|
||||
{lang.label}
|
||||
</option>
|
||||
))}
|
||||
</span>
|
||||
) : (
|
||||
''
|
||||
)
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<!-- Attach a client-side script to handle the change event -->
|
||||
<script client:load>
|
||||
const select = document.getElementById('language-selector');
|
||||
select.addEventListener('change', (event) => {
|
||||
const selectedLang = event.target.value;
|
||||
// Get the current path from the browser (client-side)
|
||||
const currentPath = window.location.pathname;
|
||||
// Split the path into segments
|
||||
const segments = currentPath.split('/').filter(Boolean);
|
||||
// If the first segment is a supported language, replace it;
|
||||
// otherwise, add the language code to the beginning.
|
||||
const supportedLangs = ['en', 'nl', 'de'];
|
||||
if (supportedLangs.includes(segments[0])) {
|
||||
segments[0] = selectedLang;
|
||||
} else {
|
||||
segments.unshift(selectedLang);
|
||||
}
|
||||
// Rebuild the URL path and redirect
|
||||
const newPath = '/' + segments.join('/');
|
||||
window.location.href = newPath;
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
291
src/pages/de/index.astro
Normal file
291
src/pages/de/index.astro
Normal file
@@ -0,0 +1,291 @@
|
||||
---
|
||||
import Layout from '~/layouts/PageLayout.astro';
|
||||
|
||||
import Header from '~/components/widgets/Header.astro';
|
||||
import Hero from '~/components/widgets/Hero.astro';
|
||||
import Content from '~/components/widgets/Content.astro';
|
||||
import Features3 from '~/components/widgets/Features3.astro';
|
||||
import Testimonials from '~/components/widgets/Testimonials.astro';
|
||||
import Steps from '~/components/widgets/Steps.astro';
|
||||
import BlogLatestPosts from '~/components/widgets/BlogLatestPosts.astro';
|
||||
import { getPermalink } from '~/utils/permalinks';
|
||||
import HomePageImage from '~/assets/images/richardbergsma.png'
|
||||
import MicrosoftAssociate from '~/assets/images/microsoft-certified-associate-badge.webp'
|
||||
import NexthinkAssociate from '~/assets/images/NexthinkAssociate.webp'
|
||||
import NexthinkAdministrator from '~/assets/images/NexthinkAdministrator.webp'
|
||||
import pcep from '~/assets/images/PCEP.webp'
|
||||
import MicrosoftFundamentals from '~/assets/images/microsoft-certified-fundamentals-badge.webp'
|
||||
|
||||
|
||||
const metadata = {
|
||||
title: 'Über mich',
|
||||
};
|
||||
|
||||
const fixedYear = 2010; // Ersetze dies durch das gewünschte Jahr
|
||||
const currentYear = new Date().getFullYear();
|
||||
const yearsSince = currentYear - fixedYear;
|
||||
---
|
||||
|
||||
<Layout metadata={metadata}>
|
||||
<Fragment slot="announcement"></Fragment>
|
||||
<Fragment slot="header">
|
||||
<Header
|
||||
links={[
|
||||
{ text: 'Startseite', href: '#hero' },
|
||||
{ text: 'Über mich', href: '#about' },
|
||||
{ text: 'Lebenslauf', href: '#resume' },
|
||||
{ text: 'Fähigkeiten', href: '#skills' },
|
||||
{ text: 'Portfolio', href: '#porfolio' },
|
||||
{ text: 'Blog', href: '#blog' },
|
||||
]}
|
||||
actions={[
|
||||
{
|
||||
text: 'Kontaktiere mich',
|
||||
href: getPermalink('/contact#form'),
|
||||
},
|
||||
]}
|
||||
isSticky
|
||||
showToggleTheme
|
||||
/>
|
||||
</Fragment>
|
||||
|
||||
<!-- Hero Widget ******************* -->
|
||||
|
||||
<Hero
|
||||
id="hero"
|
||||
title="Systeme vereinfachen, Ergebnisse verstärken"
|
||||
>
|
||||
<Fragment slot="subtitle">
|
||||
<strong class="text-4xl">Hallo! Ich bin Richard Bergsma.</strong></br></br>
|
||||
Ich automatisiere Arbeitsabläufe mit Power Automate, entwickle intelligente Chatbots im Copilot Studio und verbinde Systeme durch nahtlose API-Integrationen. Von der Optimierung der IT-Infrastruktur und dem Management globaler Umgebungen bis hin zur Verbesserung der Zusammenarbeit mit SharePoint und Azure – ich optimiere Prozesse, damit Technologie intelligenter arbeitet, und verbessere dabei kontinuierlich meine Python-Kenntnisse.
|
||||
</Fragment>
|
||||
</Hero>
|
||||
|
||||
<!-- Content Widget **************** -->
|
||||
|
||||
<Content
|
||||
id="about"
|
||||
columns={2}
|
||||
items={[]}
|
||||
image={{
|
||||
src: HomePageImage,
|
||||
alt: 'Richard Bergsma lächelt in den Schweizer Alpen, während er Revella hält',
|
||||
loading: 'eager',
|
||||
}}
|
||||
>
|
||||
<Fragment slot="content">
|
||||
<h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Über mich</h2>
|
||||
Mit über 15 Jahren IT-Erfahrung bin ich ein leidenschaftlicher IT-System- und Automatisierungsmanager, der optimale Lösungen für komplexe Cloud- und On-Premise-Systeme entwickelt. Ich konzentriere mich darauf, Automatisierung mit Power Automate voranzutreiben, intelligente Chatbots im Copilot Studio zu bauen und APIs zu integrieren, um Arbeitsabläufe zu optimieren. Zudem verwalte ich die Microsoft 365-Umgebung, unterstütze Anfragen der dritten Ebene und steigere die Effizienz mit Tools wie Power Apps, Nexthink und TOPdesk.
|
||||
|
||||
</br></br>
|
||||
Früher leitete ich Implementierungen von Microsoft 365 und SharePoint Online, migrierte E-Mail-Systeme und verbesserte die Automatisierung mit SCCM. Darüber hinaus gründete ich Bergsma IT, um kleinen Unternehmen beim Umstieg in die Cloud zu helfen und individuelle WordPress-Websites zu betreuen.
|
||||
|
||||
</br></br>
|
||||
Ich besitze Zertifizierungen in Microsoft Teams Administration, Azure Fundamentals und Nexthink Administration. Meine Mission ist es, IT-Exzellenz voranzutreiben, indem ich Cloud-Lösungen optimiere, Prozesse automatisiere und herausragenden technischen Support leiste.
|
||||
</Fragment>
|
||||
|
||||
<Fragment slot="bg">
|
||||
<div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
|
||||
</Fragment>
|
||||
</Content>
|
||||
|
||||
<!-- Steps Widget: Berufserfahrung ****************** -->
|
||||
|
||||
<Steps
|
||||
id="resume"
|
||||
title="Berufserfahrung"
|
||||
items={[
|
||||
{
|
||||
title:
|
||||
'IT-Systeme und Automatisierungsmanager<br /> <span class="font-normal">COFRA Holding C.V. - Amsterdam</span> <br /> <span class="text-sm font-normal">02-2025 - Aktuell</span>',
|
||||
description: `Als IT-Systeme- und Automatisierungsmanager bei COFRA Holding konzentriere ich mich darauf, die Automatisierung mit Power Automate voranzutreiben und fortschrittliche Chatbots im Copilot Studio zu entwickeln, um Prozesse zu optimieren und die operative Effizienz zu steigern. Meine Arbeit umfasst die Integration von APIs, um nahtlose Arbeitsabläufe zu schaffen, wiederkehrende Aufgaben zu automatisieren und digitale Transformationsinitiativen zu unterstützen. Zusätzlich zu meinen Automatisierungsaufgaben verwalte ich unsere Microsoft 365-Umgebung, unterstütze Anfragen der dritten Ebene, entwickle Power Apps, überwache unsere Nexthink-Umgebung, manage TOPdesk und trage bei Bedarf zu diversen IT-Projekten bei.`,
|
||||
icon: 'tabler:automation',
|
||||
},
|
||||
{
|
||||
title:
|
||||
'Office 365 Professional<br /> <span class="font-normal">COFRA Holding C.V. - Amsterdam</span> <br /> <span class="text-sm font-normal">08-2020 - 01-2025</span>',
|
||||
description: `Als Microsoft 365-Experte bei COFRA Holding sorge ich dafür, dass die Umgebung verwaltet wird, neue Funktionen kommuniziert werden und Kollegen bei Anfragen der dritten Ebene unterstützt werden. Anfragen reichen von neuen Power Automate-Flows bis hin zu Power Apps. Zudem konzentriere ich mich auf die Einrichtung und Verwaltung unserer Nexthink-Umgebung, manage TOPdesk und unterstütze weitere Projekte nach Bedarf. In letzter Zeit habe ich mich darauf fokussiert, Power Automate zur Verbesserung der Automatisierung in verschiedenen Bereichen zu nutzen.`,
|
||||
icon: 'tabler:brand-office',
|
||||
},
|
||||
{
|
||||
title:
|
||||
'Cloud-Systeme und Anwendungsingenieur<br /> <span class="font-normal">Hyva - Alphen aan den Rijn</span> <br /> <span class="text-sm font-normal">09-2018 - 04-2020</span>',
|
||||
description: `Ich verwaltete die globale IT-Infrastruktur in 35 Ländern, trieb die Implementierung und Integration von Office 365 und SharePoint Online zur Förderung der Zusammenarbeit voran und leitete nahtlose Migrationen von unterschiedlichen E-Mail-Systemen zu Office 365, wodurch Effizienz und Zuverlässigkeit der Kommunikation gesteigert wurden. Zudem leitete ich die Konsolidierung globaler IT-Operationen durch den Austausch von zwei Rechenzentren, das Einrichten und Optimieren von Azure-Umgebungen sowie ein effektives Kostenmanagement. Mit SCCM automatisierte ich zentrale Prozesse, was die Effizienz des Service Desks erhöhte, und bot darüber hinaus dritte Ebene Unterstützung über TOPdesk, löste komplexe IT-Probleme und stellte eine hohe Servicequalität sicher.`,
|
||||
icon: 'tabler:car-crane',
|
||||
},
|
||||
{
|
||||
title:
|
||||
'IT-Berater<br /> <span class="font-normal">Bergsma.IT - Zoetermeer</span> <br /> <span class="text-sm font-normal">01-2018 - 07-2019</span>',
|
||||
description: `Ich gründete das Unternehmen, um kleinen Unternehmen zu helfen, ihre IT-Infrastruktur mittels cloudbasierter Lösungen zu modernisieren – mit einem besonderen Fokus auf Microsoft-Technologien, um Effizienz, Skalierbarkeit und Zusammenarbeit zu verbessern. Erfolgreich führte ich E-Mail- und Dateiservermigrationen zu Microsoft-Cloud-Plattformen durch, bot kontinuierlichen technischen Support und gestaltete maßgeschneiderte WordPress-Websites. Zudem optimierte ich Arbeitsabläufe mit Microsoft 365 und lieferte individuelle IT-Lösungen, die den Geschäftszielen der Kunden entsprachen.`,
|
||||
icon: 'tabler:binary-tree-2',
|
||||
},
|
||||
{
|
||||
title:
|
||||
'Technischer Applikationsingenieur SharePoint<br /> <span class="font-normal">Allseas - Delft</span> <br /> <span class="text-sm font-normal">04-2018 - 09-2018</span>',
|
||||
description: `Ich verwaltete und optimierte SharePoint 2013- und SharePoint Online-Umgebungen, um die Zusammenarbeit und Produktivität zu fördern. Dabei erstellte und passte ich SharePoint-Seiten an, implementierte Workflows und leistete fachkundige Unterstützung für Cadac Organice. In enger Zusammenarbeit mit den Stakeholdern entwickelte ich maßgeschneiderte Lösungen, die sichere, aktuelle und leistungsfähige SharePoint-Systeme gewährleisteten.`,
|
||||
icon: 'tabler:cloud-share',
|
||||
},
|
||||
{
|
||||
title:
|
||||
'IT-Systemadministrator<br /> <span class="font-normal">OZ Export - De Kwakel</span> <br /> <span class="text-sm font-normal">10-2015 - 12-2017</span>',
|
||||
description: `Ich verwaltete und wartete die IT-Infrastruktur der Organisation, um Systemzuverlässigkeit und reibungslose Abläufe sicherzustellen. Dabei überwachte ich Server, Client-PCs, mobile Scanner und Drucker, optimierte deren Leistung und minimierte Ausfallzeiten. Ich konfigurierte VoIP-Systeme, managte Netzwerk-Switches und administrierte Citrix-Umgebungen für sicheren Fernzugriff. Zudem installierte und unterstützte ich On-Premise-SharePoint-Umgebungen, um die Zusammenarbeit zu fördern, und entwickelte sowie wartete das Überwachungssystem und die Helpdesk-Plattform der Organisation, was den IT-Support vereinfachte und die Sicherheit erhöhte. Praktische Fehlerbehebung bei Hardware-, Software- und Netzwerkproblemen rundete meine Aufgaben ab.`,
|
||||
icon: 'tabler:server',
|
||||
},
|
||||
]}
|
||||
classes={{ container: 'max-w-3xl' }}
|
||||
/>
|
||||
|
||||
<!-- Steps Widget: Ausbildung ****************** -->
|
||||
|
||||
<Steps
|
||||
id="resume"
|
||||
title="Ausbildung"
|
||||
items={[
|
||||
{
|
||||
title: `Bachelor of Applied Science - BASc, Mechatronik, Robotik und Automatisierungstechnik<br /> <span class="font-normal">De Haagse Hogeschool / The Hague University of Applied Sciences</span> <br /> <span class="text-sm font-normal">2011 - 2013</span>`,
|
||||
icon: 'tabler:school',
|
||||
},
|
||||
{
|
||||
title: `Bachelor of Applied Science - BASc, Informationstechnologie<br /> <span class="font-normal">De Haagse Hogeschool / The Hague University of Applied Sciences</span> <br /> <span class="text-sm font-normal">2011 - 2011</span>`,
|
||||
icon: 'tabler:school',
|
||||
},
|
||||
{
|
||||
title: `Associate's Degree, Informationstechnologie<br /> <span class="font-normal">ID College</span> <br /> <span class="text-sm font-normal">2007 - 2011</span>`,
|
||||
icon: 'tabler:books',
|
||||
},
|
||||
]}
|
||||
classes={{ container: 'max-w-3xl' }}
|
||||
/>
|
||||
|
||||
<!-- Testimonials Widget: Zertifizierungen *********** -->
|
||||
|
||||
<Testimonials
|
||||
title="Zertifizierungen"
|
||||
subtitle="Wo Wissen auf Anerkennung trifft"
|
||||
testimonials={[
|
||||
{
|
||||
name: 'Zertifizierter Nexthink Administrator',
|
||||
description: 'Das Erlangen der Nexthink Platform Administration-Zertifizierung beweist, dass Sie in der Konfiguration und Anpassung der Nexthink-Plattform zur Erfüllung organisatorischer Anforderungen versiert sind.',
|
||||
linkUrl: 'https://learn.nexthink.com/courses/nexthink-platform-administration',
|
||||
image: {
|
||||
src: NexthinkAdministrator,
|
||||
alt: 'Nexthink Administrator Abzeichen',
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'Zertifizierter Nexthink Associate',
|
||||
description: 'Das Erlangen der Nexthink Infinity Fundamentals-Zertifizierung bestätigt Ihr Verständnis der Nexthink Infinity-Plattform und ihrer Rolle bei der Verbesserung der digitalen Mitarbeitererfahrung.',
|
||||
linkUrl: 'https://learn.nexthink.com/courses/nexthink-infinity-fundamentals',
|
||||
image: {
|
||||
src: NexthinkAssociate,
|
||||
alt: 'Nexthink Associate Abzeichen',
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'Teams Administrator Associate',
|
||||
description: 'Das Erlangen der Teams Administrator Associate-Zertifizierung zeigt Ihre Fähigkeit, Microsoft Teams zu planen, bereitzustellen, zu konfigurieren und zu verwalten, um eine effiziente Zusammenarbeit und Kommunikation in einer Microsoft 365-Umgebung zu ermöglichen.',
|
||||
linkUrl: 'https://learn.microsoft.com/en-us/credentials/certifications/m365-teams-administrator-associate/?practice-assessment-type=certification',
|
||||
image: {
|
||||
src: MicrosoftAssociate,
|
||||
alt: 'Microsoft Certified Associate Abzeichen',
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'Modern Desktop Administrator Associate',
|
||||
description: 'Das Erlangen der Modern Desktop Administrator Associate-Zertifizierung belegt Ihre Fachkenntnisse in der Bereitstellung, Konfiguration, Absicherung, Verwaltung und Überwachung von Geräten und Client-Anwendungen in einer Unternehmensumgebung.',
|
||||
linkUrl: 'https://learn.nexthink.com/courses/nexthink-platform-administration',
|
||||
image: {
|
||||
src: MicrosoftAssociate,
|
||||
alt: 'Microsoft Certified Associate Abzeichen',
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'Zertifizierter Python-Programmierer (Einsteiger)',
|
||||
description: 'Das Erlangen der PCEP™-Zertifizierung demonstriert Ihre Kenntnisse der grundlegenden Konzepte der Python-Programmierung – einschließlich Datentypen, Kontrollstrukturen, Datenstrukturen, Funktionen und Fehlerbehandlung.',
|
||||
linkUrl: 'https://pythoninstitute.org/pcep',
|
||||
image: {
|
||||
src: pcep,
|
||||
alt: 'PCEP™ – Zertifizierter Python-Programmierer (Einsteiger) Abzeichen',
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'Microsoft 365 Fundamentals',
|
||||
description: 'Das Erlangen der Microsoft 365 Certified: Fundamentals-Zertifizierung zeigt grundlegende Kenntnisse über cloudbasierte Lösungen, einschließlich Produktivität, Zusammenarbeit, Sicherheit, Compliance und Microsoft 365-Dienste.',
|
||||
linkUrl: 'https://learn.microsoft.com/en-us/credentials/certifications/microsoft-365-fundamentals/?practice-assessment-type=certification',
|
||||
image: {
|
||||
src: MicrosoftFundamentals,
|
||||
alt: 'Microsoft 365 Fundamentals Abzeichen',
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'Azure Fundamentals',
|
||||
description: 'Das Erlangen der Microsoft Certified: Azure Fundamentals-Zertifizierung belegt grundlegende Kenntnisse über Cloud-Konzepte, Kern-Azure-Dienste sowie Verwaltungs- und Governance-Funktionen und -Tools von Azure.',
|
||||
linkUrl: 'https://learn.microsoft.com/en-us/credentials/certifications/azure-fundamentals/?practice-assessment-type=certification',
|
||||
image: {
|
||||
src: MicrosoftFundamentals,
|
||||
alt: 'Azure Fundamentals Abzeichen',
|
||||
},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
|
||||
<!-- Features3 Widget: Fähigkeiten ************** -->
|
||||
|
||||
<Features3
|
||||
id="skills"
|
||||
title="Fähigkeiten"
|
||||
subtitle="Entdecke die Fähigkeiten, die es mir ermöglichen, Vorstellungskraft durch Design zum Leben zu erwecken."
|
||||
columns={3}
|
||||
defaultIcon="tabler:point-filled"
|
||||
items={[
|
||||
{
|
||||
title: 'Power Automate',
|
||||
description: 'Fachkenntnisse in der Gestaltung und Implementierung fortschrittlicher Automatisierungs-Workflows mit Microsoft Power Automate, um Geschäftsprozesse zu optimieren, manuelle Arbeit zu reduzieren und die operative Effizienz zu steigern.',
|
||||
},
|
||||
{
|
||||
title: 'Copilot Studio',
|
||||
description: 'Erfahrung in der Entwicklung intelligenter Chatbots im Copilot Studio, die verbesserte Benutzerinteraktionen und Unterstützung durch natürliche Sprachverarbeitung sowie automatisierte Antworten ermöglichen.',
|
||||
},
|
||||
{
|
||||
title: 'API-Integrationen',
|
||||
description: 'Erfahren im Erstellen benutzerdefinierter Connectoren und der Integration verschiedener Anwendungen und Services über APIs, um einen nahtlosen Datenaustausch und eine automatisierte Prozesssteuerung zwischen Plattformen zu ermöglichen.',
|
||||
},
|
||||
{
|
||||
title: 'Microsoft 365 Administration',
|
||||
description: 'Umfassende Erfahrung in der Verwaltung von Microsoft 365-Umgebungen, einschließlich Benutzerverwaltung, Sicherheitskonfigurationen und Serviceoptimierung zur Förderung globaler Zusammenarbeit und Produktivität.',
|
||||
},
|
||||
{
|
||||
title: 'SharePoint Online & On-Premise',
|
||||
description: 'Versiert in der Einrichtung, Verwaltung und Optimierung von SharePoint Online sowie On-Premise-Implementierungen, um ein effektives Dokumentenmanagement, Zusammenarbeit und Informationsaustausch innerhalb von Organisationen zu gewährleisten.',
|
||||
},
|
||||
{
|
||||
title: 'Nexthink Platform Administration',
|
||||
description: 'Erfahren in der Verwaltung der Nexthink-Plattform, wobei ich deren Fähigkeiten zur Überwachung der IT-Infrastruktur, Durchführung von Fernaktionen und Entwicklung von Workflows nutze, um IT-Services und die Benutzererfahrung zu verbessern.',
|
||||
},
|
||||
{
|
||||
title: 'Microsoft Power Apps',
|
||||
description: 'Erfahren im Einsatz von Microsoft Power Apps zur Gestaltung und Entwicklung maßgeschneiderter Geschäftsanwendungen mit minimalem Code. Fundiert in der Erstellung von Canvas- sowie modellgesteuerten Apps, die sich mit unterschiedlichen Datenquellen verbinden.',
|
||||
},
|
||||
{
|
||||
title: 'IT-Infrastrukturanagement',
|
||||
description: 'Umfangreiche Erfahrung in der Überwachung globaler IT-Infrastrukturen, im Management von Servern, Netzwerken und Endgeräten in verschiedenen Ländern, um einen zuverlässigen und effizienten IT-Betrieb sicherzustellen.',
|
||||
},
|
||||
{
|
||||
title: 'ITSM (TOPdesk)',
|
||||
description: 'Erfahren im Management von ITSM-Prozessen mit TOPdesk. Versiert in Kernfunktionen wie Incident Management und Asset Management sowie im Einsatz von APIs für nahtlose Integrationen mit anderen Systemen.',
|
||||
},
|
||||
]}
|
||||
/>
|
||||
|
||||
<!-- BlogLatestPosts Widget **************** -->
|
||||
|
||||
<BlogLatestPosts
|
||||
id="blog"
|
||||
title="Entdecke meine aufschlussreichen Artikel in meinem Blog"
|
||||
information={`Willkommen in meinem Blog, in dem ich Einblicke, Tipps und Lösungen zu Microsoft 365, Nexthink, Power Automate, PowerShell und weiteren Automatisierungstools teile. Ob du Arbeitsabläufe optimieren, die Produktivität steigern oder dich in technische Problemlösungen vertiefen möchtest – hier findest du praxisnahe Inhalte, die dich auf deinem Weg unterstützen.`}
|
||||
>
|
||||
<Fragment slot="bg">
|
||||
<div class="absolute inset-0"></div>
|
||||
</Fragment>
|
||||
</BlogLatestPosts>
|
||||
</Layout>
|
412
src/pages/en/index.astro
Normal file
412
src/pages/en/index.astro
Normal file
@@ -0,0 +1,412 @@
|
||||
---
|
||||
import Layout from '~/layouts/PageLayout.astro';
|
||||
|
||||
import Header from '~/components/widgets/Header.astro';
|
||||
import Hero from '~/components/widgets/Hero.astro';
|
||||
import Content from '~/components/widgets/Content.astro';
|
||||
import Features3 from '~/components/widgets/Features3.astro';
|
||||
import Testimonials from '~/components/widgets/Testimonials.astro';
|
||||
import Steps from '~/components/widgets/Steps.astro';
|
||||
import BlogLatestPosts from '~/components/widgets/BlogLatestPosts.astro';
|
||||
import { getPermalink } from '~/utils/permalinks';
|
||||
import HomePageImage from '~/assets/images/richardbergsma.png'
|
||||
import MicrosoftAssociate from '~/assets/images/microsoft-certified-associate-badge.webp'
|
||||
import NexthinkAssociate from '~/assets/images/NexthinkAssociate.webp'
|
||||
import NexthinkAdministrator from '~/assets/images/NexthinkAdministrator.webp'
|
||||
import pcep from '~/assets/images/PCEP.webp'
|
||||
import MicrosoftFundamentals from '~/assets/images/microsoft-certified-fundamentals-badge.webp'
|
||||
|
||||
|
||||
const metadata = {
|
||||
title: 'About me',
|
||||
};
|
||||
|
||||
const fixedYear = 2010; // Replace with your desired year
|
||||
const currentYear = new Date().getFullYear();
|
||||
const yearsSince = currentYear - fixedYear;
|
||||
---
|
||||
|
||||
<Layout metadata={metadata}>
|
||||
<Fragment slot="announcement"></Fragment>
|
||||
<Fragment slot="header">
|
||||
<Header
|
||||
links={[
|
||||
{ text: 'Home', href: '#hero' },
|
||||
{ text: 'About', href: '#about' },
|
||||
{ text: 'Resume', href: '#resume' },
|
||||
{ text: 'Skills', href: '#skills' },
|
||||
{ text: 'Porfolio', href: '#porfolio' },
|
||||
{ text: 'Blog', href: '#blog' },
|
||||
]}
|
||||
actions={[
|
||||
{
|
||||
text: 'Contact me',
|
||||
href: getPermalink('/contact#form'),
|
||||
},
|
||||
]}
|
||||
isSticky
|
||||
showToggleTheme
|
||||
/>
|
||||
</Fragment>
|
||||
|
||||
<!-- Hero2 Widget ******************* -->
|
||||
|
||||
<Hero
|
||||
id="hero"
|
||||
title="Simplifying Systems, Amplifying Results"
|
||||
>
|
||||
|
||||
<Fragment slot="subtitle">
|
||||
<strong class="text-4xl">Hi! I am Richard Bergsma.</strong></br></br>I automate workflows with Power Automate, build smart chatbots in Copilot Studio, and connect systems through seamless API integrations. From optimizing IT infrastructure and managing global environments to enhancing collaboration with SharePoint and Azure, I streamline processes to make technology work smarter—all while leveling up my Python skills.
|
||||
</Fragment>
|
||||
|
||||
</Hero>
|
||||
|
||||
<!-- Content Widget **************** -->
|
||||
|
||||
<Content
|
||||
id="about"
|
||||
columns={2}
|
||||
items={[
|
||||
|
||||
]}
|
||||
image={{
|
||||
src: HomePageImage,
|
||||
alt: 'Richard Bergsma smiling in the mountains of Switzerland holding Revella',
|
||||
loading: 'eager',
|
||||
}}
|
||||
>
|
||||
<Fragment slot="content">
|
||||
<h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">About me</h2>
|
||||
With over 15 years of IT experience, I am a passionate IT Systems and Automation Manager who thrives on delivering optimal solutions for complex cloud and on-premise systems. I focus on driving automation with Power Automate, building intelligent chatbots in Copilot Studio, and integrating APIs to streamline workflows. I also manage the Microsoft 365 environment, support 3rd line requests, and enhance efficiency with tools like Power Apps, Nexthink, and TOPdesk.
|
||||
|
||||
</br></br>Previously, I led Microsoft 365 and SharePoint Online implementations, migrated mail systems, and improved automation with SCCM. Additionally, I founded Bergsma IT, helping small businesses move to the cloud and managing tailored WordPress websites.
|
||||
|
||||
</br></br>I hold certifications in Microsoft Teams Administration, Azure Fundamentals, and Nexthink Administration. My mission is to drive IT excellence by optimizing cloud solutions, automating processes, and providing outstanding technical support.
|
||||
</Fragment>
|
||||
|
||||
<Fragment slot="bg">
|
||||
<div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
|
||||
</Fragment>
|
||||
</Content>
|
||||
|
||||
<!-- Steps Widget ****************** -->
|
||||
|
||||
<Steps
|
||||
id="resume"
|
||||
title="Work experience"
|
||||
items={[
|
||||
{
|
||||
title:
|
||||
'IT Systems and Automation Manager<br /> <span class="font-normal">COFRA Holding C.V. - Amsterdam</span> <br /> <span class="text-sm font-normal">02-2025 - Present</span>',
|
||||
description: `As the IT Systems and Automation Manager at COFRA Holding, I focus on driving automation through Power Automate and building advanced chatbots in Copilot Studio to streamline processes and enhance operational efficiency. My work involves integrating APIs to create seamless workflows, automating recurring tasks, and supporting digital transformation initiatives. In addition to my automation responsibilities, I continue to manage our Microsoft 365 environment, support 3rd line requests, develop Power Apps, oversee our Nexthink environment, manage TOPdesk, and contribute to various IT projects as needed.`,
|
||||
icon: 'tabler:automation',
|
||||
},
|
||||
{
|
||||
title:
|
||||
'Office 365 Professional <br /> <span class="font-normal">COFRA Holding C.V. - Amsterdam</span> <br /> <span class="text-sm font-normal">08-2020 - 01-2025</span>',
|
||||
description: `As the Microsoft 365 expert within COFRA Holding, I ensure that the environment is managed, new features are communicated, and colleagues are supported with 3rd line requests. New requests that come to me range from new Power Automate flows to Power Apps. Additionally, I focus on the setup and management of our Nexthink environment, manage TopDesk, and support other projects as required. Lately, I’ve been concentrating on leveraging Power Automate to enhance automation across various areas.`,
|
||||
icon: 'tabler:brand-office',
|
||||
},
|
||||
{
|
||||
title:
|
||||
'Cloud systems and Application Engineer<br /> <span class="font-normal">Hyva - Alphen aan den Rijn</span> <br /> <span class="text-sm font-normal">09-2018 - 04-2020</span>',
|
||||
description: `Managed global IT infrastructure across 35 countries, driving the implementation and integration of Office 365 and SharePoint Online to enhance collaboration. Led seamless migrations from diverse mail systems to Office 365, improving communication efficiency and reliability. Spearheaded the consolidation of global IT operations by replacing two data centers, setting up and optimizing Azure environments, and managing costs effectively. Implemented SCCM to automate key processes, boosting service desk efficiency. Provided third-line support via TOPdesk, resolving complex IT issues and ensuring high service quality.`,
|
||||
icon: 'tabler:car-crane',
|
||||
},
|
||||
{
|
||||
title:
|
||||
'IT Consultant<br /> <span class="font-normal">Bergsma.IT - Zoetermeer</span> <br /> <span class="text-sm font-normal">01-2018 - 07-2019</span>',
|
||||
description: `Founded the company to help small businesses modernize their IT infrastructure through cloud-based solutions, focusing on Microsoft technologies to enhance efficiency, scalability, and collaboration. Successfully executed email and file server migrations to Microsoft cloud platforms, provided ongoing technical support, and designed tailored WordPress websites. Streamlined workflows with Microsoft 365 and delivered customized IT solutions aligned with clients’ business goals.`,
|
||||
icon: 'tabler:binary-tree-2',
|
||||
},
|
||||
{
|
||||
title:
|
||||
'Technical Application Engineer SharePoint<br /> <span class="font-normal">Allseas - Delft</span> <br /> <span class="text-sm font-normal">04-2018 - 09-2018</span>',
|
||||
description: `Managed and optimized SharePoint 2013 and SharePoint Online environments to support collaboration and productivity. Created and customized SharePoint sites, implemented workflows, and provided expert support for Cadac Organice. Worked closely with stakeholders to deliver tailored solutions, ensuring secure, up-to-date, and high-performing SharePoint systems.`,
|
||||
icon: 'tabler:cloud-share',
|
||||
},
|
||||
{
|
||||
title:
|
||||
'IT System Administrator<br /> <span class="font-normal">OZ Export - De Kwakel</span> <br /> <span class="text-sm font-normal">10-2015 - 12-2017</span>',
|
||||
description: `Managed and maintained the organization’s IT infrastructure to ensure system reliability and seamless operations. Oversaw servers, client PCs, portable scanners, and printers, optimizing performance and minimizing downtime. Configured VoIP systems, managed network switches, and administered Citrix environments for secure remote access. Installed and supported on-premise SharePoint environments to enhance collaboration. Designed and maintained the organization’s surveillance system and helpdesk platform, streamlining IT support and strengthening security. Provided hands-on troubleshooting for hardware, software, and network issues to support daily operations.`,
|
||||
icon: 'tabler:server',
|
||||
},
|
||||
]}
|
||||
classes={{ container: 'max-w-3xl' }}
|
||||
/>
|
||||
|
||||
<!-- Steps Widget ****************** -->
|
||||
|
||||
<Steps
|
||||
id="resume"
|
||||
title="Education"
|
||||
items={[
|
||||
{
|
||||
title: `Bachelor of Applied Science - BASc, Mechatronics, Robotics, and Automation Engineering<br /> <span class="font-normal">De Haagse Hogeschool / The Hague University of Applied Sciences</span> <br /> <span class="text-sm font-normal">2011 - 2013</span>`,
|
||||
icon: 'tabler:school',
|
||||
},
|
||||
{
|
||||
title: `Bachelor of Applied Science - BASc, Information Technology<br /> <span class="font-normal">De Haagse Hogeschool / The Hague University of Applied Sciences</span> <br /> <span class="text-sm font-normal">2011 - 2011</span>`,
|
||||
icon: 'tabler:school',
|
||||
},
|
||||
{
|
||||
title: `Associate's degree, Information Technology<br /> <span class="font-normal">ID College</span> <br /> <span class="text-sm font-normal">2007 - 2011</span>`,
|
||||
icon: 'tabler:books',
|
||||
},
|
||||
]}
|
||||
classes={{ container: 'max-w-3xl' }}
|
||||
/>
|
||||
|
||||
<!-- Testimonials Widget *********** -->
|
||||
|
||||
<Testimonials
|
||||
title="Certifications"
|
||||
subtitle="Where Knowledge Meets Recognition"
|
||||
testimonials={[
|
||||
{
|
||||
name: 'Certified Nexthink Administrator',
|
||||
description: 'Earning the Nexthink Platform Administration certification demonstrates proficiency in configuring and customizing the Nexthink Platform to meet organizational needs. ',
|
||||
linkUrl: 'https://learn.nexthink.com/courses/nexthink-platform-administration',
|
||||
image: {
|
||||
src: NexthinkAdministrator,
|
||||
alt: 'Nexthink Administrator badge',
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'Certified Nexthink Associate',
|
||||
description: 'Earning the Nexthink Infinity Fundamentals certification validates your understanding of the Nexthink Infinity platform and its role in enhancing digital employee experience.',
|
||||
linkUrl: 'https://learn.nexthink.com/courses/nexthink-infinity-fundamentals',
|
||||
image: {
|
||||
src: NexthinkAssociate,
|
||||
alt: 'Nexthink Associate badge',
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'Teams Administrator Associate',
|
||||
description: 'Earning the Teams Administrator Associate certification demonstrates your ability to plan, deploy, configure, and manage Microsoft Teams to facilitate efficient collaboration and communication within a Microsoft 365 environment.',
|
||||
linkUrl: 'https://learn.microsoft.com/en-us/credentials/certifications/m365-teams-administrator-associate/?practice-assessment-type=certification',
|
||||
image: {
|
||||
src: MicrosoftAssociate,
|
||||
alt: 'Microsoft Certified Associate badge',
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'Modern Desktop Administrator Associate',
|
||||
description: 'Earning the Modern Desktop Administrator Associate certification demonstrates proficiency in deploying, configuring, securing, managing, and monitoring devices and client applications within an enterprise environment.',
|
||||
linkUrl: 'https://learn.nexthink.com/courses/nexthink-platform-administration',
|
||||
image: {
|
||||
src: MicrosoftAssociate,
|
||||
alt: 'Microsoft Certified Associate badge',
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'Certified Entry-Level Python Programmer',
|
||||
description: 'Earning the PCEP™ certification demonstrates proficiency in fundamental Python programming concepts, including data types, control flow, data collections, functions, and exception handling.',
|
||||
linkUrl: 'https://pythoninstitute.org/pcep',
|
||||
image: {
|
||||
src: pcep,
|
||||
alt: 'PCEP™ – Certified Entry-Level Python Programmer badge',
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'Microsoft 365 Fundamentals',
|
||||
description: 'Earning the Microsoft 365 Certified: Fundamentals certification demonstrates foundational knowledge of cloud-based solutions, including productivity, collaboration, security, compliance, and Microsoft 365 services.',
|
||||
linkUrl: 'https://learn.microsoft.com/en-us/credentials/certifications/microsoft-365-fundamentals/?practice-assessment-type=certification',
|
||||
image: {
|
||||
src: MicrosoftFundamentals,
|
||||
alt: 'Microsoft 365 Fundamentals badge',
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'Azure Fundamentals',
|
||||
description: 'Earning the Microsoft Certified: Azure Fundamentals certification demonstrates foundational knowledge of cloud concepts, core Azure services, and Azure management and governance features and tools.',
|
||||
linkUrl: 'https://learn.microsoft.com/en-us/credentials/certifications/azure-fundamentals/?practice-assessment-type=certification',
|
||||
image: {
|
||||
src: MicrosoftFundamentals,
|
||||
alt: 'Azure Fundamentals badge',
|
||||
},
|
||||
},
|
||||
|
||||
]}
|
||||
/>
|
||||
|
||||
|
||||
<!-- Features3 Widget ************** -->
|
||||
|
||||
<Features3
|
||||
id="skills"
|
||||
title="Skills"
|
||||
subtitle="Discover the proficiencies that allow me to bring imagination to life through design."
|
||||
columns={3}
|
||||
defaultIcon="tabler:point-filled"
|
||||
items={[
|
||||
{
|
||||
title: 'Power Automate',
|
||||
description: 'Expertise in designing and implementing advanced automation workflows using Microsoft Power Automate to streamline business processes, reduce manual effort, and enhance operational efficiency.',
|
||||
},
|
||||
{
|
||||
title: 'Copilot Studio',
|
||||
description: 'Proficiency in developing intelligent chatbots within Copilot Studio, enabling enhanced user interactions and support through natural language processing and automated responses.',
|
||||
},
|
||||
{
|
||||
title: 'API Integrations',
|
||||
description: 'Skilled in creating custom connectors and integrating various applications and services via APIs to facilitate seamless data exchange and process automation across platforms.',
|
||||
},
|
||||
{
|
||||
title: 'Microsoft 365 Administration',
|
||||
description: 'Comprehensive experience in managing Microsoft 365 environments, including user management, security configurations, and service optimization to support global collaboration and productivity.',
|
||||
},
|
||||
{
|
||||
title: 'SharePoint Online & On-Premise',
|
||||
description: 'Adept at setting up, managing, and optimizing both SharePoint Online and on-premise deployments, ensuring effective document management, collaboration, and information sharing within organizations.',
|
||||
},
|
||||
{
|
||||
title: 'Nexthink Platform Administration',
|
||||
description: 'Proficient in administering the Nexthink platform, utilizing its capabilities for IT infrastructure monitoring, executing remote actions, and developing workflows to enhance IT service delivery and user experience.',
|
||||
},
|
||||
{
|
||||
title: 'Microsoft Power Apps',
|
||||
description: 'Proficient in utilizing Microsoft Power Apps to design and develop custom business applications with minimal coding. Experienced in creating both canvas and model-driven apps that connect to various data sources.',
|
||||
},
|
||||
{
|
||||
title: 'IT Infrastructure Management',
|
||||
description: 'Extensive experience overseeing global IT infrastructures, managing servers, networks, and end-user devices across multiple countries to ensure reliable and efficient IT operations.',
|
||||
},
|
||||
{
|
||||
title: 'ITSM (TOPDesk)',
|
||||
description: 'Experienced in managing ITSM processes using TOPdesk. Proficient in core functionalities such as Incident Management and Asset Management, while leveraging API usage for seamless integrations with other systems.',
|
||||
},
|
||||
]}
|
||||
/>
|
||||
|
||||
<!-- Content Widget **************** -->
|
||||
<!--
|
||||
<Content
|
||||
id="porfolio"
|
||||
title="Elevating visual narratives"
|
||||
subtitle="Embark on a design journey that surpasses pixels, entering a realm of imagination. Explore my portfolio, where passion and creativity converge to shape enthralling visual narratives."
|
||||
isReversed
|
||||
items={[
|
||||
{
|
||||
title: 'Description:',
|
||||
description:
|
||||
'Developed a comprehensive brand identity for a tech startup, Tech Innovators, specializing in disruptive innovations. The goal was to convey a modern yet approachable image that resonated with both corporate clients and tech enthusiasts.',
|
||||
},
|
||||
{
|
||||
title: 'Role:',
|
||||
description:
|
||||
'Led the entire branding process from concept to execution. Created a dynamic logo that symbolized innovation, selected a vibrant color palette, and I designed corporate stationery, website graphics, and social media assets.',
|
||||
},
|
||||
]}
|
||||
image={{
|
||||
src: 'https://images.unsplash.com/photo-1658248165252-71e116af1b34?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=928&q=80',
|
||||
alt: 'Tech Design Image',
|
||||
}}
|
||||
callToAction={{
|
||||
target: '_blank',
|
||||
text: 'Go to the project',
|
||||
icon: 'tabler:chevron-right',
|
||||
href: '#',
|
||||
}}
|
||||
>
|
||||
<Fragment slot="content">
|
||||
<h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">
|
||||
Project 1: <br /><span class="text-2xl">Brand identity for tech innovators</span>
|
||||
</h3>
|
||||
</Fragment>
|
||||
|
||||
<Fragment slot="bg">
|
||||
<div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
|
||||
</Fragment>
|
||||
</Content>
|
||||
|
||||
<!-- Content Widget ****************
|
||||
|
||||
<Content
|
||||
isReversed
|
||||
isAfterContent={true}
|
||||
items={[
|
||||
{
|
||||
title: 'Description:',
|
||||
description:
|
||||
'Designed a captivating event poster for an art and music festival, "ArtWave Fusion," aiming to showcase the synergy between visual art and music genres.',
|
||||
},
|
||||
{
|
||||
title: 'Role:',
|
||||
description: `Translated the festival's creative theme into a visually striking poster. Used bold typography, vibrant colors, and abstract elements to depict the fusion of art and music. Ensured the design captured the festival's vibrant atmosphere.`,
|
||||
},
|
||||
]}
|
||||
image={{
|
||||
src: 'https://images.unsplash.com/photo-1619983081563-430f63602796?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=774&q=80',
|
||||
alt: 'Art and Music Poster Image',
|
||||
}}
|
||||
callToAction={{
|
||||
target: '_blank',
|
||||
text: 'Go to the project',
|
||||
icon: 'tabler:chevron-right',
|
||||
href: '#',
|
||||
}}
|
||||
>
|
||||
<Fragment slot="content">
|
||||
<h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">
|
||||
Project 2: <br /><span class="text-2xl">Event poster for art & music festival</span>
|
||||
</h3>
|
||||
</Fragment>
|
||||
|
||||
<Fragment slot="bg">
|
||||
<div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
|
||||
</Fragment>
|
||||
</Content>
|
||||
|
||||
<!-- Content Widget ****************
|
||||
|
||||
<Content
|
||||
isReversed
|
||||
isAfterContent={true}
|
||||
items={[
|
||||
{
|
||||
title: 'Description:',
|
||||
description: `Redesigned the e-commerce website for an eco-conscious fashion brand, GreenVogue. The objective was to align the brand's online presence with its sustainable ethos and improve user experience.`,
|
||||
},
|
||||
{
|
||||
title: 'Role:',
|
||||
description: `Conducted a thorough analysis of the brand's values and customer base to inform the design direction. Created a visually appealing interface with intuitive navigation, highlighting sustainable materials, and integrating a user-friendly shopping experience.`,
|
||||
},
|
||||
]}
|
||||
image={{
|
||||
src: 'https://plus.unsplash.com/premium_photo-1683288295841-782fa47e4770?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=870&q=80',
|
||||
alt: 'Fashion e-commerce Image',
|
||||
}}
|
||||
callToAction={{
|
||||
target: '_blank',
|
||||
text: 'Go to the project',
|
||||
icon: 'tabler:chevron-right',
|
||||
href: '#',
|
||||
}}
|
||||
>
|
||||
<Fragment slot="content">
|
||||
<h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">
|
||||
Project 3: <br /><span class="text-2xl">E-commerce website redesign for fashion brand</span>
|
||||
</h3>
|
||||
</Fragment>
|
||||
|
||||
<Fragment slot="bg">
|
||||
<div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
|
||||
</Fragment>
|
||||
</Content>
|
||||
|
||||
-->
|
||||
|
||||
<!-- BlogLatestPost Widget **************** -->
|
||||
|
||||
<BlogLatestPosts
|
||||
id="blog"
|
||||
title="Explore my insightful articles on my blog"
|
||||
information={`Welcome to my blog, where I share insights, tips, and solutions on Microsoft 365, Nexthink, Power Automate, PowerShell, and other automation tools. Whether you’re looking to streamline workflows, enhance productivity, or dive into technical problem-solving, you’ll find practical content to support your journey.`}
|
||||
>
|
||||
<Fragment slot="bg">
|
||||
<div class="absolute inset-0"></div>
|
||||
</Fragment>
|
||||
</BlogLatestPosts>
|
||||
</Layout>
|
@@ -1,412 +1,23 @@
|
||||
---
|
||||
import Layout from '~/layouts/PageLayout.astro';
|
||||
// List the supported language codes.
|
||||
const supportedLangs = ['en', 'fr', 'es'];
|
||||
|
||||
import Header from '~/components/widgets/Header.astro';
|
||||
import Hero from '~/components/widgets/Hero.astro';
|
||||
import Content from '~/components/widgets/Content.astro';
|
||||
import Features3 from '~/components/widgets/Features3.astro';
|
||||
import Testimonials from '~/components/widgets/Testimonials.astro';
|
||||
import Steps from '~/components/widgets/Steps.astro';
|
||||
import BlogLatestPosts from '~/components/widgets/BlogLatestPosts.astro';
|
||||
import { getPermalink } from '~/utils/permalinks';
|
||||
import HomePageImage from '../assets/images/richardbergsma.png'
|
||||
import MicrosoftAssociate from '../assets/images/microsoft-certified-associate-badge.webp'
|
||||
import NexthinkAssociate from '../assets/images/NexthinkAssociate.webp'
|
||||
import NexthinkAdministrator from '../assets/images/NexthinkAdministrator.webp'
|
||||
import pcep from '../assets/images/PCEP.webp'
|
||||
import MicrosoftFundamentals from '../assets/images/microsoft-certified-fundamentals-badge.webp'
|
||||
// Default language
|
||||
let chosenLang = 'en';
|
||||
|
||||
// Get the user's Accept-Language header from the incoming request.
|
||||
const acceptLang = Astro.request.headers.get('accept-language');
|
||||
|
||||
const metadata = {
|
||||
title: 'About me',
|
||||
};
|
||||
if (acceptLang) {
|
||||
// The header may look like: "fr-CH,fr;q=0.9,en-US;q=0.8,en;q=0.7"
|
||||
// Extract the first language code and simplify (e.g., "fr-CH" becomes "fr")
|
||||
const preferredLang = acceptLang.split(',')[0].trim().split('-')[0];
|
||||
if (supportedLangs.includes(preferredLang)) {
|
||||
chosenLang = preferredLang;
|
||||
}
|
||||
}
|
||||
|
||||
const fixedYear = 2010; // Replace with your desired year
|
||||
const currentYear = new Date().getFullYear();
|
||||
const yearsSince = currentYear - fixedYear;
|
||||
// Redirect to the language-specific version.
|
||||
// For example, if chosenLang is 'fr', then redirect to /fr/
|
||||
return Astro.redirect(`/${chosenLang}`, 302);
|
||||
---
|
||||
|
||||
<Layout metadata={metadata}>
|
||||
<Fragment slot="announcement"></Fragment>
|
||||
<Fragment slot="header">
|
||||
<Header
|
||||
links={[
|
||||
{ text: 'Home', href: '#hero' },
|
||||
{ text: 'About', href: '#about' },
|
||||
{ text: 'Resume', href: '#resume' },
|
||||
{ text: 'Skills', href: '#skills' },
|
||||
{ text: 'Porfolio', href: '#porfolio' },
|
||||
{ text: 'Blog', href: '#blog' },
|
||||
]}
|
||||
actions={[
|
||||
{
|
||||
text: 'Contact me',
|
||||
href: getPermalink('/contact#form'),
|
||||
},
|
||||
]}
|
||||
isSticky
|
||||
showToggleTheme
|
||||
/>
|
||||
</Fragment>
|
||||
|
||||
<!-- Hero2 Widget ******************* -->
|
||||
|
||||
<Hero
|
||||
id="hero"
|
||||
title="Simplifying Systems, Amplifying Results"
|
||||
>
|
||||
|
||||
<Fragment slot="subtitle">
|
||||
<strong class="text-4xl">Hi! I am Richard Bergsma.</strong></br></br>I automate workflows with Power Automate, build smart chatbots in Copilot Studio, and connect systems through seamless API integrations. From optimizing IT infrastructure and managing global environments to enhancing collaboration with SharePoint and Azure, I streamline processes to make technology work smarter—all while leveling up my Python skills.
|
||||
</Fragment>
|
||||
|
||||
</Hero>
|
||||
|
||||
<!-- Content Widget **************** -->
|
||||
|
||||
<Content
|
||||
id="about"
|
||||
columns={2}
|
||||
items={[
|
||||
|
||||
]}
|
||||
image={{
|
||||
src: HomePageImage,
|
||||
alt: 'Richard Bergsma smiling in the mountains of Switzerland holding Revella',
|
||||
loading: 'eager',
|
||||
}}
|
||||
>
|
||||
<Fragment slot="content">
|
||||
<h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">About me</h2>
|
||||
With over 15 years of IT experience, I am a passionate IT Systems and Automation Manager who thrives on delivering optimal solutions for complex cloud and on-premise systems. I focus on driving automation with Power Automate, building intelligent chatbots in Copilot Studio, and integrating APIs to streamline workflows. I also manage the Microsoft 365 environment, support 3rd line requests, and enhance efficiency with tools like Power Apps, Nexthink, and TOPdesk.
|
||||
|
||||
</br></br>Previously, I led Microsoft 365 and SharePoint Online implementations, migrated mail systems, and improved automation with SCCM. Additionally, I founded Bergsma IT, helping small businesses move to the cloud and managing tailored WordPress websites.
|
||||
|
||||
</br></br>I hold certifications in Microsoft Teams Administration, Azure Fundamentals, and Nexthink Administration. My mission is to drive IT excellence by optimizing cloud solutions, automating processes, and providing outstanding technical support.
|
||||
</Fragment>
|
||||
|
||||
<Fragment slot="bg">
|
||||
<div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
|
||||
</Fragment>
|
||||
</Content>
|
||||
|
||||
<!-- Steps Widget ****************** -->
|
||||
|
||||
<Steps
|
||||
id="resume"
|
||||
title="Work experience"
|
||||
items={[
|
||||
{
|
||||
title:
|
||||
'IT Systems and Automation Manager<br /> <span class="font-normal">COFRA Holding C.V. - Amsterdam</span> <br /> <span class="text-sm font-normal">02-2025 - Present</span>',
|
||||
description: `As the IT Systems and Automation Manager at COFRA Holding, I focus on driving automation through Power Automate and building advanced chatbots in Copilot Studio to streamline processes and enhance operational efficiency. My work involves integrating APIs to create seamless workflows, automating recurring tasks, and supporting digital transformation initiatives. In addition to my automation responsibilities, I continue to manage our Microsoft 365 environment, support 3rd line requests, develop Power Apps, oversee our Nexthink environment, manage TOPdesk, and contribute to various IT projects as needed.`,
|
||||
icon: 'tabler:automation',
|
||||
},
|
||||
{
|
||||
title:
|
||||
'Office 365 Professional <br /> <span class="font-normal">COFRA Holding C.V. - Amsterdam</span> <br /> <span class="text-sm font-normal">08-2020 - 01-2025</span>',
|
||||
description: `As the Microsoft 365 expert within COFRA Holding, I ensure that the environment is managed, new features are communicated, and colleagues are supported with 3rd line requests. New requests that come to me range from new Power Automate flows to Power Apps. Additionally, I focus on the setup and management of our Nexthink environment, manage TopDesk, and support other projects as required. Lately, I’ve been concentrating on leveraging Power Automate to enhance automation across various areas.`,
|
||||
icon: 'tabler:brand-office',
|
||||
},
|
||||
{
|
||||
title:
|
||||
'Cloud systems and Application Engineer<br /> <span class="font-normal">Hyva - Alphen aan den Rijn</span> <br /> <span class="text-sm font-normal">09-2018 - 04-2020</span>',
|
||||
description: `Managed global IT infrastructure across 35 countries, driving the implementation and integration of Office 365 and SharePoint Online to enhance collaboration. Led seamless migrations from diverse mail systems to Office 365, improving communication efficiency and reliability. Spearheaded the consolidation of global IT operations by replacing two data centers, setting up and optimizing Azure environments, and managing costs effectively. Implemented SCCM to automate key processes, boosting service desk efficiency. Provided third-line support via TOPdesk, resolving complex IT issues and ensuring high service quality.`,
|
||||
icon: 'tabler:car-crane',
|
||||
},
|
||||
{
|
||||
title:
|
||||
'IT Consultant<br /> <span class="font-normal">Bergsma.IT - Zoetermeer</span> <br /> <span class="text-sm font-normal">01-2018 - 07-2019</span>',
|
||||
description: `Founded the company to help small businesses modernize their IT infrastructure through cloud-based solutions, focusing on Microsoft technologies to enhance efficiency, scalability, and collaboration. Successfully executed email and file server migrations to Microsoft cloud platforms, provided ongoing technical support, and designed tailored WordPress websites. Streamlined workflows with Microsoft 365 and delivered customized IT solutions aligned with clients’ business goals.`,
|
||||
icon: 'tabler:binary-tree-2',
|
||||
},
|
||||
{
|
||||
title:
|
||||
'Technical Application Engineer SharePoint<br /> <span class="font-normal">Allseas - Delft</span> <br /> <span class="text-sm font-normal">04-2018 - 09-2018</span>',
|
||||
description: `Managed and optimized SharePoint 2013 and SharePoint Online environments to support collaboration and productivity. Created and customized SharePoint sites, implemented workflows, and provided expert support for Cadac Organice. Worked closely with stakeholders to deliver tailored solutions, ensuring secure, up-to-date, and high-performing SharePoint systems.`,
|
||||
icon: 'tabler:cloud-share',
|
||||
},
|
||||
{
|
||||
title:
|
||||
'IT System Administrator<br /> <span class="font-normal">OZ Export - De Kwakel</span> <br /> <span class="text-sm font-normal">10-2015 - 12-2017</span>',
|
||||
description: `Managed and maintained the organization’s IT infrastructure to ensure system reliability and seamless operations. Oversaw servers, client PCs, portable scanners, and printers, optimizing performance and minimizing downtime. Configured VoIP systems, managed network switches, and administered Citrix environments for secure remote access. Installed and supported on-premise SharePoint environments to enhance collaboration. Designed and maintained the organization’s surveillance system and helpdesk platform, streamlining IT support and strengthening security. Provided hands-on troubleshooting for hardware, software, and network issues to support daily operations.`,
|
||||
icon: 'tabler:server',
|
||||
},
|
||||
]}
|
||||
classes={{ container: 'max-w-3xl' }}
|
||||
/>
|
||||
|
||||
<!-- Steps Widget ****************** -->
|
||||
|
||||
<Steps
|
||||
id="resume"
|
||||
title="Education"
|
||||
items={[
|
||||
{
|
||||
title: `Bachelor of Applied Science - BASc, Mechatronics, Robotics, and Automation Engineering<br /> <span class="font-normal">De Haagse Hogeschool / The Hague University of Applied Sciences</span> <br /> <span class="text-sm font-normal">2011 - 2013</span>`,
|
||||
icon: 'tabler:school',
|
||||
},
|
||||
{
|
||||
title: `Bachelor of Applied Science - BASc, Information Technology<br /> <span class="font-normal">De Haagse Hogeschool / The Hague University of Applied Sciences</span> <br /> <span class="text-sm font-normal">2011 - 2011</span>`,
|
||||
icon: 'tabler:school',
|
||||
},
|
||||
{
|
||||
title: `Associate's degree, Information Technology<br /> <span class="font-normal">ID College</span> <br /> <span class="text-sm font-normal">2007 - 2011</span>`,
|
||||
icon: 'tabler:books',
|
||||
},
|
||||
]}
|
||||
classes={{ container: 'max-w-3xl' }}
|
||||
/>
|
||||
|
||||
<!-- Testimonials Widget *********** -->
|
||||
|
||||
<Testimonials
|
||||
title="Certifications"
|
||||
subtitle="Where Knowledge Meets Recognition"
|
||||
testimonials={[
|
||||
{
|
||||
name: 'Certified Nexthink Administrator',
|
||||
description: 'Earning the Nexthink Platform Administration certification demonstrates proficiency in configuring and customizing the Nexthink Platform to meet organizational needs. ',
|
||||
linkUrl: 'https://learn.nexthink.com/courses/nexthink-platform-administration',
|
||||
image: {
|
||||
src: NexthinkAdministrator,
|
||||
alt: 'Nexthink Administrator badge',
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'Certified Nexthink Associate',
|
||||
description: 'Earning the Nexthink Infinity Fundamentals certification validates your understanding of the Nexthink Infinity platform and its role in enhancing digital employee experience.',
|
||||
linkUrl: 'https://learn.nexthink.com/courses/nexthink-infinity-fundamentals',
|
||||
image: {
|
||||
src: NexthinkAssociate,
|
||||
alt: 'Nexthink Associate badge',
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'Teams Administrator Associate',
|
||||
description: 'Earning the Teams Administrator Associate certification demonstrates your ability to plan, deploy, configure, and manage Microsoft Teams to facilitate efficient collaboration and communication within a Microsoft 365 environment.',
|
||||
linkUrl: 'https://learn.microsoft.com/en-us/credentials/certifications/m365-teams-administrator-associate/?practice-assessment-type=certification',
|
||||
image: {
|
||||
src: MicrosoftAssociate,
|
||||
alt: 'Microsoft Certified Associate badge',
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'Modern Desktop Administrator Associate',
|
||||
description: 'Earning the Modern Desktop Administrator Associate certification demonstrates proficiency in deploying, configuring, securing, managing, and monitoring devices and client applications within an enterprise environment.',
|
||||
linkUrl: 'https://learn.nexthink.com/courses/nexthink-platform-administration',
|
||||
image: {
|
||||
src: MicrosoftAssociate,
|
||||
alt: 'Microsoft Certified Associate badge',
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'Certified Entry-Level Python Programmer',
|
||||
description: 'Earning the PCEP™ certification demonstrates proficiency in fundamental Python programming concepts, including data types, control flow, data collections, functions, and exception handling.',
|
||||
linkUrl: 'https://pythoninstitute.org/pcep',
|
||||
image: {
|
||||
src: pcep,
|
||||
alt: 'PCEP™ – Certified Entry-Level Python Programmer badge',
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'Microsoft 365 Fundamentals',
|
||||
description: 'Earning the Microsoft 365 Certified: Fundamentals certification demonstrates foundational knowledge of cloud-based solutions, including productivity, collaboration, security, compliance, and Microsoft 365 services.',
|
||||
linkUrl: 'https://learn.microsoft.com/en-us/credentials/certifications/microsoft-365-fundamentals/?practice-assessment-type=certification',
|
||||
image: {
|
||||
src: MicrosoftFundamentals,
|
||||
alt: 'Microsoft 365 Fundamentals badge',
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'Azure Fundamentals',
|
||||
description: 'Earning the Microsoft Certified: Azure Fundamentals certification demonstrates foundational knowledge of cloud concepts, core Azure services, and Azure management and governance features and tools.',
|
||||
linkUrl: 'https://learn.microsoft.com/en-us/credentials/certifications/azure-fundamentals/?practice-assessment-type=certification',
|
||||
image: {
|
||||
src: MicrosoftFundamentals,
|
||||
alt: 'Azure Fundamentals badge',
|
||||
},
|
||||
},
|
||||
|
||||
]}
|
||||
/>
|
||||
|
||||
|
||||
<!-- Features3 Widget ************** -->
|
||||
|
||||
<Features3
|
||||
id="skills"
|
||||
title="Skills"
|
||||
subtitle="Discover the proficiencies that allow me to bring imagination to life through design."
|
||||
columns={3}
|
||||
defaultIcon="tabler:point-filled"
|
||||
items={[
|
||||
{
|
||||
title: 'Power Automate',
|
||||
description: 'Expertise in designing and implementing advanced automation workflows using Microsoft Power Automate to streamline business processes, reduce manual effort, and enhance operational efficiency.',
|
||||
},
|
||||
{
|
||||
title: 'Copilot Studio',
|
||||
description: 'Proficiency in developing intelligent chatbots within Copilot Studio, enabling enhanced user interactions and support through natural language processing and automated responses.',
|
||||
},
|
||||
{
|
||||
title: 'API Integrations',
|
||||
description: 'Skilled in creating custom connectors and integrating various applications and services via APIs to facilitate seamless data exchange and process automation across platforms.',
|
||||
},
|
||||
{
|
||||
title: 'Microsoft 365 Administration',
|
||||
description: 'Comprehensive experience in managing Microsoft 365 environments, including user management, security configurations, and service optimization to support global collaboration and productivity.',
|
||||
},
|
||||
{
|
||||
title: 'SharePoint Online & On-Premise',
|
||||
description: 'Adept at setting up, managing, and optimizing both SharePoint Online and on-premise deployments, ensuring effective document management, collaboration, and information sharing within organizations.',
|
||||
},
|
||||
{
|
||||
title: 'Nexthink Platform Administration',
|
||||
description: 'Proficient in administering the Nexthink platform, utilizing its capabilities for IT infrastructure monitoring, executing remote actions, and developing workflows to enhance IT service delivery and user experience.',
|
||||
},
|
||||
{
|
||||
title: 'Microsoft Power Apps',
|
||||
description: 'Proficient in utilizing Microsoft Power Apps to design and develop custom business applications with minimal coding. Experienced in creating both canvas and model-driven apps that connect to various data sources.',
|
||||
},
|
||||
{
|
||||
title: 'IT Infrastructure Management',
|
||||
description: 'Extensive experience overseeing global IT infrastructures, managing servers, networks, and end-user devices across multiple countries to ensure reliable and efficient IT operations.',
|
||||
},
|
||||
{
|
||||
title: 'ITSM (TOPDesk)',
|
||||
description: 'Experienced in managing ITSM processes using TOPdesk. Proficient in core functionalities such as Incident Management and Asset Management, while leveraging API usage for seamless integrations with other systems.',
|
||||
},
|
||||
]}
|
||||
/>
|
||||
|
||||
<!-- Content Widget **************** -->
|
||||
<!--
|
||||
<Content
|
||||
id="porfolio"
|
||||
title="Elevating visual narratives"
|
||||
subtitle="Embark on a design journey that surpasses pixels, entering a realm of imagination. Explore my portfolio, where passion and creativity converge to shape enthralling visual narratives."
|
||||
isReversed
|
||||
items={[
|
||||
{
|
||||
title: 'Description:',
|
||||
description:
|
||||
'Developed a comprehensive brand identity for a tech startup, Tech Innovators, specializing in disruptive innovations. The goal was to convey a modern yet approachable image that resonated with both corporate clients and tech enthusiasts.',
|
||||
},
|
||||
{
|
||||
title: 'Role:',
|
||||
description:
|
||||
'Led the entire branding process from concept to execution. Created a dynamic logo that symbolized innovation, selected a vibrant color palette, and I designed corporate stationery, website graphics, and social media assets.',
|
||||
},
|
||||
]}
|
||||
image={{
|
||||
src: 'https://images.unsplash.com/photo-1658248165252-71e116af1b34?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=928&q=80',
|
||||
alt: 'Tech Design Image',
|
||||
}}
|
||||
callToAction={{
|
||||
target: '_blank',
|
||||
text: 'Go to the project',
|
||||
icon: 'tabler:chevron-right',
|
||||
href: '#',
|
||||
}}
|
||||
>
|
||||
<Fragment slot="content">
|
||||
<h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">
|
||||
Project 1: <br /><span class="text-2xl">Brand identity for tech innovators</span>
|
||||
</h3>
|
||||
</Fragment>
|
||||
|
||||
<Fragment slot="bg">
|
||||
<div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
|
||||
</Fragment>
|
||||
</Content>
|
||||
|
||||
<!-- Content Widget ****************
|
||||
|
||||
<Content
|
||||
isReversed
|
||||
isAfterContent={true}
|
||||
items={[
|
||||
{
|
||||
title: 'Description:',
|
||||
description:
|
||||
'Designed a captivating event poster for an art and music festival, "ArtWave Fusion," aiming to showcase the synergy between visual art and music genres.',
|
||||
},
|
||||
{
|
||||
title: 'Role:',
|
||||
description: `Translated the festival's creative theme into a visually striking poster. Used bold typography, vibrant colors, and abstract elements to depict the fusion of art and music. Ensured the design captured the festival's vibrant atmosphere.`,
|
||||
},
|
||||
]}
|
||||
image={{
|
||||
src: 'https://images.unsplash.com/photo-1619983081563-430f63602796?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=774&q=80',
|
||||
alt: 'Art and Music Poster Image',
|
||||
}}
|
||||
callToAction={{
|
||||
target: '_blank',
|
||||
text: 'Go to the project',
|
||||
icon: 'tabler:chevron-right',
|
||||
href: '#',
|
||||
}}
|
||||
>
|
||||
<Fragment slot="content">
|
||||
<h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">
|
||||
Project 2: <br /><span class="text-2xl">Event poster for art & music festival</span>
|
||||
</h3>
|
||||
</Fragment>
|
||||
|
||||
<Fragment slot="bg">
|
||||
<div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
|
||||
</Fragment>
|
||||
</Content>
|
||||
|
||||
<!-- Content Widget ****************
|
||||
|
||||
<Content
|
||||
isReversed
|
||||
isAfterContent={true}
|
||||
items={[
|
||||
{
|
||||
title: 'Description:',
|
||||
description: `Redesigned the e-commerce website for an eco-conscious fashion brand, GreenVogue. The objective was to align the brand's online presence with its sustainable ethos and improve user experience.`,
|
||||
},
|
||||
{
|
||||
title: 'Role:',
|
||||
description: `Conducted a thorough analysis of the brand's values and customer base to inform the design direction. Created a visually appealing interface with intuitive navigation, highlighting sustainable materials, and integrating a user-friendly shopping experience.`,
|
||||
},
|
||||
]}
|
||||
image={{
|
||||
src: 'https://plus.unsplash.com/premium_photo-1683288295841-782fa47e4770?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=870&q=80',
|
||||
alt: 'Fashion e-commerce Image',
|
||||
}}
|
||||
callToAction={{
|
||||
target: '_blank',
|
||||
text: 'Go to the project',
|
||||
icon: 'tabler:chevron-right',
|
||||
href: '#',
|
||||
}}
|
||||
>
|
||||
<Fragment slot="content">
|
||||
<h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">
|
||||
Project 3: <br /><span class="text-2xl">E-commerce website redesign for fashion brand</span>
|
||||
</h3>
|
||||
</Fragment>
|
||||
|
||||
<Fragment slot="bg">
|
||||
<div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
|
||||
</Fragment>
|
||||
</Content>
|
||||
|
||||
-->
|
||||
|
||||
<!-- BlogLatestPost Widget **************** -->
|
||||
|
||||
<BlogLatestPosts
|
||||
id="blog"
|
||||
title="Explore my insightful articles on my blog"
|
||||
information={`Welcome to my blog, where I share insights, tips, and solutions on Microsoft 365, Nexthink, Power Automate, PowerShell, and other automation tools. Whether you’re looking to streamline workflows, enhance productivity, or dive into technical problem-solving, you’ll find practical content to support your journey.`}
|
||||
>
|
||||
<Fragment slot="bg">
|
||||
<div class="absolute inset-0"></div>
|
||||
</Fragment>
|
||||
</BlogLatestPosts>
|
||||
</Layout>
|
||||
|
294
src/pages/nl/index.astro
Normal file
294
src/pages/nl/index.astro
Normal file
@@ -0,0 +1,294 @@
|
||||
---
|
||||
import Layout from '~/layouts/PageLayout.astro';
|
||||
|
||||
import Header from '~/components/widgets/Header.astro';
|
||||
import Hero from '~/components/widgets/Hero.astro';
|
||||
import Content from '~/components/widgets/Content.astro';
|
||||
import Features3 from '~/components/widgets/Features3.astro';
|
||||
import Testimonials from '~/components/widgets/Testimonials.astro';
|
||||
import Steps from '~/components/widgets/Steps.astro';
|
||||
import BlogLatestPosts from '~/components/widgets/BlogLatestPosts.astro';
|
||||
import { getPermalink } from '~/utils/permalinks';
|
||||
import HomePageImage from '~/assets/images/richardbergsma.png'
|
||||
import MicrosoftAssociate from '~/assets/images/microsoft-certified-associate-badge.webp'
|
||||
import NexthinkAssociate from '~/assets/images/NexthinkAssociate.webp'
|
||||
import NexthinkAdministrator from '~/assets/images/NexthinkAdministrator.webp'
|
||||
import pcep from '~/assets/images/PCEP.webp'
|
||||
import MicrosoftFundamentals from '~/assets/images/microsoft-certified-fundamentals-badge.webp'
|
||||
|
||||
|
||||
const metadata = {
|
||||
title: 'Over mij',
|
||||
};
|
||||
|
||||
const fixedYear = 2010; // Vervang door het gewenste jaar
|
||||
const currentYear = new Date().getFullYear();
|
||||
const yearsSince = currentYear - fixedYear;
|
||||
---
|
||||
|
||||
<Layout metadata={metadata}>
|
||||
<Fragment slot="announcement"></Fragment>
|
||||
<Fragment slot="header">
|
||||
<Header
|
||||
links={[
|
||||
{ text: 'Home', href: '#hero' },
|
||||
{ text: 'Over', href: '#about' },
|
||||
{ text: 'CV', href: '#resume' },
|
||||
{ text: 'Vaardigheden', href: '#skills' },
|
||||
{ text: 'Portfolio', href: '#porfolio' },
|
||||
{ text: 'Blog', href: '#blog' },
|
||||
]}
|
||||
actions={[
|
||||
{
|
||||
text: 'Contacteer mij',
|
||||
href: getPermalink('/contact#form'),
|
||||
},
|
||||
]}
|
||||
isSticky
|
||||
showToggleTheme
|
||||
/>
|
||||
</Fragment>
|
||||
|
||||
<!-- Hero2 Widget ******************* -->
|
||||
|
||||
<Hero
|
||||
id="hero"
|
||||
title="Systemen vereenvoudigen, Resultaten versterken"
|
||||
>
|
||||
|
||||
<Fragment slot="subtitle">
|
||||
<strong class="text-4xl">Hoi! Ik ben Richard Bergsma.</strong></br></br>
|
||||
Ik automatiseer werkstromen met Power Automate, bouw slimme chatbots in Copilot Studio en verbind systemen via naadloze API-integraties. Van het optimaliseren van IT-infrastructuur en het beheren van wereldwijde omgevingen tot het verbeteren van samenwerking met SharePoint en Azure, stroomlijn ik processen om technologie slimmer te laten werken – terwijl ik mijn Python-vaardigheden verder ontwikkel.
|
||||
</Fragment>
|
||||
|
||||
</Hero>
|
||||
|
||||
<!-- Content Widget **************** -->
|
||||
|
||||
<Content
|
||||
id="about"
|
||||
columns={2}
|
||||
items={[
|
||||
|
||||
]}
|
||||
image={{
|
||||
src: HomePageImage,
|
||||
alt: 'Richard Bergsma die glimlacht in de bergen van Zwitserland terwijl hij Revella vasthoudt',
|
||||
loading: 'eager',
|
||||
}}
|
||||
>
|
||||
<Fragment slot="content">
|
||||
<h2 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Over mij</h2>
|
||||
Met meer dan 15 jaar IT-ervaring ben ik een gepassioneerde IT-systemen- en automatiseringsmanager die uitblinkt in het leveren van optimale oplossingen voor complexe cloud- en on-premise systemen. Ik richt mij op het stimuleren van automatisering met Power Automate, het bouwen van intelligente chatbots in Copilot Studio en het integreren van API's om werkstromen te stroomlijnen. Ik beheer ook de Microsoft 365-omgeving, ondersteun derde-lijnsaanvragen en verhoog de efficiëntie met tools zoals Power Apps, Nexthink en TOPdesk.
|
||||
|
||||
</br></br>Vroeger leidde ik de implementaties van Microsoft 365 en SharePoint Online, migreerde ik mailsystemen en verbeterde ik de automatisering met SCCM. Daarnaast richtte ik Bergsma IT op, waarmee ik kleine bedrijven hielp de overstap naar de cloud te maken en beheer ik op maat gemaakte WordPress-websites.
|
||||
|
||||
</br></br>Ik ben gecertificeerd in Microsoft Teams Administration, Azure Fundamentals en Nexthink Administration. Mijn missie is IT-excellentie te bevorderen door het optimaliseren van cloudoplossingen, het automatiseren van processen en het leveren van uitstekende technische ondersteuning.
|
||||
</Fragment>
|
||||
|
||||
<Fragment slot="bg">
|
||||
<div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
|
||||
</Fragment>
|
||||
</Content>
|
||||
|
||||
<!-- Steps Widget ****************** -->
|
||||
|
||||
<Steps
|
||||
id="resume"
|
||||
title="Werkervaring"
|
||||
items={[
|
||||
{
|
||||
title:
|
||||
'IT-systemen en automatiseringsmanager<br /> <span class="font-normal">COFRA Holding C.V. - Amsterdam</span> <br /> <span class="text-sm font-normal">02-2025 - Heden</span>',
|
||||
description: `Als IT-systemen en automatiseringsmanager bij COFRA Holding richt ik mij op het stimuleren van automatisering met Power Automate en het bouwen van geavanceerde chatbots in Copilot Studio om processen te stroomlijnen en de operationele efficiëntie te verbeteren. Mijn werk omvat het integreren van API's om naadloze werkstromen te creëren, het automatiseren van terugkerende taken en het ondersteunen van digitale transformatie-initiatieven. Naast mijn verantwoordelijkheden op het gebied van automatisering beheer ik onze Microsoft 365-omgeving, ondersteun ik derde-lijnsaanvragen, ontwikkel ik Power Apps, houd ik toezicht op onze Nexthink-omgeving, beheer ik TOPdesk en draag ik bij aan diverse IT-projecten waar nodig.`,
|
||||
icon: 'tabler:automation',
|
||||
},
|
||||
{
|
||||
title:
|
||||
'Office 365 Professional<br /> <span class="font-normal">COFRA Holding C.V. - Amsterdam</span> <br /> <span class="text-sm font-normal">08-2020 - 01-2025</span>',
|
||||
description: `Als de Microsoft 365-expert binnen COFRA Holding zorg ik ervoor dat de omgeving wordt beheerd, nieuwe functies worden gecommuniceerd en collega's worden ondersteund bij derde-lijnsaanvragen. Nieuwe aanvragen variëren van nieuwe Power Automate-stromen tot Power Apps. Daarnaast richt ik mij op de opzet en het beheer van onze Nexthink-omgeving, beheer ik TOPdesk en ondersteun ik andere projecten waar nodig. De laatste tijd concentreer ik mij op het benutten van Power Automate om de automatisering op verschillende gebieden te verbeteren.`,
|
||||
icon: 'tabler:brand-office',
|
||||
},
|
||||
{
|
||||
title:
|
||||
'Cloudsystemen- en applicatie-ingenieur<br /> <span class="font-normal">Hyva - Alphen aan den Rijn</span> <br /> <span class="text-sm font-normal">09-2018 - 04-2020</span>',
|
||||
description: `Beheerde de wereldwijde IT-infrastructuur in 35 landen en stimuleerde de implementatie en integratie van Office 365 en SharePoint Online om de samenwerking te verbeteren. Leidde naadloze migraties van diverse mailsystemen naar Office 365, waardoor de communicatie-efficiëntie en betrouwbaarheid werden verbeterd. Stuurde de consolidatie van wereldwijde IT-operaties door vervanging van twee datacenters, het opzetten en optimaliseren van Azure-omgevingen en het effectief beheren van kosten. Implementeerde SCCM om belangrijke processen te automatiseren, wat de efficiëntie van de servicedesk verhoogde. Bood derde-lijnsondersteuning via TOPdesk, loste complexe IT-problemen op en zorgde voor hoge servicekwaliteit.`,
|
||||
icon: 'tabler:car-crane',
|
||||
},
|
||||
{
|
||||
title:
|
||||
'IT-consultant<br /> <span class="font-normal">Bergsma.IT - Zoetermeer</span> <br /> <span class="text-sm font-normal">01-2018 - 07-2019</span>',
|
||||
description: `Richtte het bedrijf op om kleine bedrijven te helpen hun IT-infrastructuur te moderniseren via cloudoplossingen, met de focus op Microsoft-technologieën om efficiëntie, schaalbaarheid en samenwerking te verbeteren. Voerde met succes e-mail- en bestandserversmigraties uit naar Microsoft-cloudplatforms, bood doorlopende technische ondersteuning en ontwierp op maat gemaakte WordPress-websites. Stroomlijnde werkstromen met Microsoft 365 en leverde aangepaste IT-oplossingen die aansloten op de bedrijfsdoelen van de klanten.`,
|
||||
icon: 'tabler:binary-tree-2',
|
||||
},
|
||||
{
|
||||
title:
|
||||
'Technisch applicatie-ingenieur SharePoint<br /> <span class="font-normal">Allseas - Delft</span> <br /> <span class="text-sm font-normal">04-2018 - 09-2018</span>',
|
||||
description: `Beheerde en optimaliseerde SharePoint 2013- en SharePoint Online-omgevingen om samenwerking en productiviteit te ondersteunen. Creëerde en paste SharePoint-sites aan, implementeerde workflows en bood deskundige ondersteuning voor Cadac Organice. Werkte nauw samen met belanghebbenden om op maat gemaakte oplossingen te leveren, waarmee veilige, actuele en hoogpresterende SharePoint-systemen werden gegarandeerd.`,
|
||||
icon: 'tabler:cloud-share',
|
||||
},
|
||||
{
|
||||
title:
|
||||
'IT-systeembeheerder<br /> <span class="font-normal">OZ Export - De Kwakel</span> <br /> <span class="text-sm font-normal">10-2015 - 12-2017</span>',
|
||||
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.`,
|
||||
icon: 'tabler:server',
|
||||
},
|
||||
]}
|
||||
classes={{ container: 'max-w-3xl' }}
|
||||
/>
|
||||
|
||||
<!-- Steps Widget ****************** -->
|
||||
|
||||
<Steps
|
||||
id="resume"
|
||||
title="Opleiding"
|
||||
items={[
|
||||
{
|
||||
title: `Bachelor of Applied Science - BASc, Mechatronica, Robotica en Automatiseringstechniek<br /> <span class="font-normal">De Haagse Hogeschool / The Hague University of Applied Sciences</span> <br /> <span class="text-sm font-normal">2011 - 2013</span>`,
|
||||
icon: 'tabler:school',
|
||||
},
|
||||
{
|
||||
title: `Bachelor of Applied Science - BASc, Informatietechnologie<br /> <span class="font-normal">De Haagse Hogeschool / The Hague University of Applied Sciences</span> <br /> <span class="text-sm font-normal">2011 - 2011</span>`,
|
||||
icon: 'tabler:school',
|
||||
},
|
||||
{
|
||||
title: `Associate degree, Informatietechnologie<br /> <span class="font-normal">ID College</span> <br /> <span class="text-sm font-normal">2007 - 2011</span>`,
|
||||
icon: 'tabler:books',
|
||||
},
|
||||
]}
|
||||
classes={{ container: 'max-w-3xl' }}
|
||||
/>
|
||||
|
||||
<!-- Testimonials Widget *********** -->
|
||||
|
||||
<Testimonials
|
||||
title="Certificeringen"
|
||||
subtitle="Waar kennis erkenning ontmoet"
|
||||
testimonials={[
|
||||
{
|
||||
name: 'Gecertificeerd Nexthink Administrator',
|
||||
description: 'Het behalen van de Nexthink Platform Administration-certificering toont aan dat men bedreven is in het configureren en aanpassen van het Nexthink-platform om te voldoen aan de behoeften van de organisatie.',
|
||||
linkUrl: 'https://learn.nexthink.com/courses/nexthink-platform-administration',
|
||||
image: {
|
||||
src: NexthinkAdministrator,
|
||||
alt: 'Nexthink Administrator-badge',
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'Gecertificeerd Nexthink Associate',
|
||||
description: 'Het behalen van de Nexthink Infinity Fundamentals-certificering bevestigt je begrip van het Nexthink Infinity-platform en de rol ervan bij het verbeteren van de digitale werknemerservaring.',
|
||||
linkUrl: 'https://learn.nexthink.com/courses/nexthink-infinity-fundamentals',
|
||||
image: {
|
||||
src: NexthinkAssociate,
|
||||
alt: 'Nexthink Associate-badge',
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'Teams Administrator Associate',
|
||||
description: 'Het behalen van de Teams Administrator Associate-certificering toont je vermogen aan om Microsoft Teams te plannen, implementeren, configureren en beheren, zodat efficiënte samenwerking en communicatie binnen een Microsoft 365-omgeving mogelijk worden gemaakt.',
|
||||
linkUrl: 'https://learn.microsoft.com/en-us/credentials/certifications/m365-teams-administrator-associate/?practice-assessment-type=certification',
|
||||
image: {
|
||||
src: MicrosoftAssociate,
|
||||
alt: 'Microsoft Certified Associate-badge',
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'Modern Desktop Administrator Associate',
|
||||
description: 'Het behalen van de Modern Desktop Administrator Associate-certificering toont aan dat men bedreven is in het implementeren, configureren, beveiligen, beheren en monitoren van apparaten en clientapplicaties binnen een bedrijfsomgeving.',
|
||||
linkUrl: 'https://learn.nexthink.com/courses/nexthink-platform-administration',
|
||||
image: {
|
||||
src: MicrosoftAssociate,
|
||||
alt: 'Microsoft Certified Associate-badge',
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'Gecertificeerd Entry-Level Python Programmeur',
|
||||
description: 'Het behalen van de PCEP™-certificering toont aan dat men bedreven is in de fundamentele concepten van Python-programmeren, waaronder datatypes, control flow, gegevensverzamelingen, functies en foutafhandeling.',
|
||||
linkUrl: 'https://pythoninstitute.org/pcep',
|
||||
image: {
|
||||
src: pcep,
|
||||
alt: 'PCEP™ – Gecertificeerd Entry-Level Python Programmeur-badge',
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'Microsoft 365 Fundamentals',
|
||||
description: 'Het behalen van de Microsoft 365 Certified: Fundamentals-certificering toont fundamentele kennis aan van cloudgebaseerde oplossingen, waaronder productiviteit, samenwerking, beveiliging, naleving en Microsoft 365-diensten.',
|
||||
linkUrl: 'https://learn.microsoft.com/en-us/credentials/certifications/microsoft-365-fundamentals/?practice-assessment-type=certification',
|
||||
image: {
|
||||
src: MicrosoftFundamentals,
|
||||
alt: 'Microsoft 365 Fundamentals-badge',
|
||||
},
|
||||
},
|
||||
{
|
||||
name: 'Azure Fundamentals',
|
||||
description: 'Het behalen van de Microsoft Certified: Azure Fundamentals-certificering toont fundamentele kennis aan van cloudconcepten, kern Azure-diensten en de beheer- en governancefuncties en -tools van Azure.',
|
||||
linkUrl: 'https://learn.microsoft.com/en-us/credentials/certifications/azure-fundamentals/?practice-assessment-type=certification',
|
||||
image: {
|
||||
src: MicrosoftFundamentals,
|
||||
alt: 'Azure Fundamentals-badge',
|
||||
},
|
||||
},
|
||||
|
||||
]}
|
||||
/>
|
||||
|
||||
<!-- Features3 Widget ************** -->
|
||||
|
||||
<Features3
|
||||
id="skills"
|
||||
title="Vaardigheden"
|
||||
subtitle="Ontdek de vaardigheden die mij in staat stellen om verbeelding tot leven te brengen door middel van ontwerp."
|
||||
columns={3}
|
||||
defaultIcon="tabler:point-filled"
|
||||
items={[
|
||||
{
|
||||
title: 'Power Automate',
|
||||
description: 'Expertise in het ontwerpen en implementeren van geavanceerde automatiseringswerkstromen met Microsoft Power Automate om bedrijfsprocessen te stroomlijnen, handmatige inspanningen te verminderen en de operationele efficiëntie te verbeteren.',
|
||||
},
|
||||
{
|
||||
title: 'Copilot Studio',
|
||||
description: 'Bedreven in het ontwikkelen van intelligente chatbots binnen Copilot Studio, waarmee verbeterde gebruikersinteracties en ondersteuning mogelijk worden gemaakt via natuurlijke taalverwerking en geautomatiseerde antwoorden.',
|
||||
},
|
||||
{
|
||||
title: 'API Integraties',
|
||||
description: 'Bekwaam in het creëren van aangepaste connectors en het integreren van diverse applicaties en services via API\'s om naadloze gegevensuitwisseling en procesautomatisering tussen platforms te faciliteren.',
|
||||
},
|
||||
{
|
||||
title: 'Microsoft 365 Administratie',
|
||||
description: 'Uitgebreide ervaring in het beheren van Microsoft 365-omgevingen, inclusief gebruikersbeheer, beveiligingsconfiguraties en service-optimalisatie om wereldwijde samenwerking en productiviteit te ondersteunen.',
|
||||
},
|
||||
{
|
||||
title: 'SharePoint Online & On-Premise',
|
||||
description: 'Bedreven in het opzetten, beheren en optimaliseren van zowel SharePoint Online als on-premise implementaties, wat zorgt voor effectief documentbeheer, samenwerking en informatie-uitwisseling binnen organisaties.',
|
||||
},
|
||||
{
|
||||
title: 'Nexthink Platform Administratie',
|
||||
description: 'Bedreven in het beheren van het Nexthink-platform, waarbij ik de mogelijkheden gebruik voor het monitoren van IT-infrastructuren, het uitvoeren van externe acties en het ontwikkelen van werkstromen om de levering van IT-diensten en de gebruikerservaring te verbeteren.',
|
||||
},
|
||||
{
|
||||
title: 'Microsoft Power Apps',
|
||||
description: 'Bedreven in het gebruik van Microsoft Power Apps voor het ontwerpen en ontwikkelen van op maat gemaakte zakelijke applicaties met minimale code. Ervaren in het creëren van zowel canvas- als modelgestuurde apps die verbinding maken met diverse databronnen.',
|
||||
},
|
||||
{
|
||||
title: 'IT Infrastructuurbeheer',
|
||||
description: 'Uitgebreide ervaring in het beheren van wereldwijde IT-infrastructuren, inclusief het beheer van servers, netwerken en eindgebruikersapparaten in meerdere landen om betrouwbare en efficiënte IT-operaties te waarborgen.',
|
||||
},
|
||||
{
|
||||
title: 'ITSM (TOPdesk)',
|
||||
description: 'Ervaren in het beheren van ITSM-processen met TOPdesk. Bedreven in kernfunctionaliteiten zoals Incident Management en Asset Management, en benut API\'s voor naadloze integraties met andere systemen.',
|
||||
},
|
||||
]}
|
||||
/>
|
||||
|
||||
<!-- BlogLatestPost Widget **************** -->
|
||||
|
||||
<BlogLatestPosts
|
||||
id="blog"
|
||||
title="Ontdek mijn inzichtelijke artikelen op mijn blog"
|
||||
information={`Welkom op mijn blog, waar ik inzichten, tips en oplossingen deel over Microsoft 365, Nexthink, Power Automate, PowerShell en andere automatiseringstools. Of je nu werkstromen wilt stroomlijnen, de productiviteit wilt verhogen of technische probleemoplossing wilt verkennen, je vindt hier praktische content om je te ondersteunen.`}
|
||||
>
|
||||
<Fragment slot="bg">
|
||||
<div class="absolute inset-0"></div>
|
||||
</Fragment>
|
||||
</BlogLatestPosts>
|
||||
</Layout>
|
Reference in New Issue
Block a user