center profile image, remove mt on print and format index

This commit is contained in:
2026-08-29 17:29:58 +02:00
parent 4ca1c4d089
commit 82d2e2110c
4 changed files with 107 additions and 122 deletions
+4
View File
@@ -0,0 +1,4 @@
{
"semi": true,
"singleQuote": true
}
Binary file not shown.

Before

Width:  |  Height:  |  Size: 64 KiB

After

Width:  |  Height:  |  Size: 64 KiB

+3 -1
View File
@@ -9,7 +9,9 @@ interface Props {
const { name, title, photo, details } = Astro.props;
---
<header class="flex flex-col md:flex-row items-center gap-8 mb-4 mt-48">
<header
class="flex flex-col md:flex-row items-center gap-8 mb-4 mt-48 print:mt-4"
>
<div
class="w-48 h-48 flex-shrink-0 overflow-hidden rounded-full border-4 border-gray-200 bg-gray-100"
>
+100 -121
View File
@@ -1,186 +1,165 @@
---
import Layout from "../layouts/Layout.astro";
import Header from "../components/Header.astro";
import ContactInfo from "../components/ContactInfo.astro";
import Experience from "../components/Experience.astro";
import Education from "../components/Education.astro";
import Skills from "../components/Skills.astro";
import Languages from "../components/Languages.astro";
import Layout from '../layouts/Layout.astro';
import Header from '../components/Header.astro';
import ContactInfo from '../components/ContactInfo.astro';
import Experience from '../components/Experience.astro';
import Education from '../components/Education.astro';
import Skills from '../components/Skills.astro';
import Languages from '../components/Languages.astro';
const jobs = [
{
title: "eHealth Consultant & Projektmanagerin",
company: "x-tention, Heidelberg",
period: "Jan 2026 - heute",
description: [
"Beratung von Kunden zur Einführung von Patientenportalen",
"Beratung zu Interoperabilität und digitalen Schnittstellen",
"Konzeption und Durchführung von Kundenschulungen",
"Planung, Steuerung und Koordination von IT-Projekten im Healthcare-Umfeld",
],
},
{
title: "Werkstudentin",
company: "Fraunhofer MEVIS, Bremen",
period: "Jan 2019 - Dez 2025",
title: 'eHealth Consultant & Projektmanagerin',
company: 'x-tention, Heidelberg',
period: 'Jan 2026 - heute',
description: [
"Bearbeitung der Masterarbeit",
'Beratung von Kunden zur Einführung von Patientenportalen',
'Beratung zu Interoperabilität und digitalen Schnittstellen',
'Konzeption und Durchführung von Kundenschulungen',
'Planung, Steuerung und Koordination von IT-Projekten im Healthcare-Umfeld',
],
},
{
title: 'Werkstudentin',
company: 'Fraunhofer MEVIS, Bremen',
period: 'Jan 2019 - Dez 2025',
description: ['Bearbeitung der Masterarbeit'],
},
{
title: 'Büroassistenz',
company: 'Zahnarztpraxis Bracke, Preetz',
period: 'Jan 2019 - Dez 2025',
description: ['Qualitätsmanagementunterstützung'],
},
{
title: 'Werkstudentin',
company: 'Nexus/Chili GmbH, Heidelberg',
period: 'Feb 2020 - Aug 2024',
description: [
'Aufnahme von Kundenanfragen',
'Bearbeitung von Kundenanfragen',
'Updates vom Kundensystem',
],
},
{
title: "Büroassistenz",
company: "Zahnarztpraxis Bracke, Preetz",
period: "Jan 2019 - Dez 2025",
title: 'Praktikantin',
company: 'Uniklinikum RWTH Aachen',
period: 'Sep 2020 - Jan 2023',
description: [
"Qualitätsmanagementunterstützung",
'Arbeiten im Qualitätsmanagement',
'Arbeiten im Risikomanagement',
'Auditvorbereitung',
],
},
{
title: "Werkstudentin",
company: "Nexus/Chili GmbH, Heidelberg",
period: "Feb 2020 - Aug 2024",
title: 'Praktikantin',
company: 'Barmer, Kiel',
period: 'Okt 2019 - Okt 2019',
description: [
"Aufnahme von Kundenanfragen",
"Bearbeitung von Kundenanfragen",
"Updates vom Kundensystem",
],
},
{
title: "Praktikantin",
company: "Uniklinikum RWTH Aachen",
period: "Sep 2020 - Jan 2023",
description: [
"Arbeiten im Qualitätsmanagement",
"Arbeiten im Risikomanagement",
"Auditvorbereitung",
],
},
{
title: "Praktikantin",
company: "Barmer, Kiel",
period: "Okt 2019 - Okt 2019",
description: [
"Einblicke in die Abläufe und Prozesse einer Krankenkasse",
"Führung von Kundengesprächen und Unterstützung im Beratungsprozess",
"Begleitung von Außenterminen zur Planung betrieblicher Gesundheitsprojekte",
'Einblicke in die Abläufe und Prozesse einer Krankenkasse',
'Führung von Kundengesprächen und Unterstützung im Beratungsprozess',
'Begleitung von Außenterminen zur Planung betrieblicher Gesundheitsprojekte',
],
},
];
const education = [
{
degree: "M.Sc. Medical Data Science",
institution: "Technische Hochschule Mannheim",
period: "März 2024 - Dez 2025",
degree: 'M.Sc. Medical Data Science',
institution: 'Technische Hochschule Mannheim',
period: 'März 2024 - Dez 2025',
details: [
"Masterarbeit: Robustheitssteigerung von Swarm Learning zur Brustkrebsdetektion (Fraunhofer MEVIS)",
'Masterarbeit: Robustheitssteigerung von Swarm Learning zur Brustkrebsdetektion (Fraunhofer MEVIS)',
],
},
{
degree: "B.Sc. Medizinisches Informationsmanagement",
institution: "Hochschule Stralsund",
period: "Okt 2019 - Sep 2024",
degree: 'B.Sc. Medizinisches Informationsmanagement',
institution: 'Hochschule Stralsund',
period: 'Okt 2019 - Sep 2024',
details: [
"Bachelorarbeit: Analyse und Optimierung der Supportprozesse (Nexus/Chili GmbH)",
'Bachelorarbeit: Analyse und Optimierung der Supportprozesse (Nexus/Chili GmbH)',
],
},
{
degree: "Langzeit-Auslandsaufenthalt",
institution: "Reise durch Asien und Australien",
period: "2019 - 2020",
degree: 'Langzeit-Auslandsaufenthalt',
institution: 'Reise durch Asien und Australien',
period: '2019 - 2020',
details: [],
},
{
degree: "Abitur",
institution: "RBZ1 Königsweg Kiel",
period: "Aug 2016 - Sep 2019",
degree: 'Abitur',
institution: 'RBZ1 Königsweg Kiel',
period: 'Aug 2016 - Sep 2019',
details: [],
},
];
const skills = [
{
category: "Programmiersprachen",
icon: "💻",
details: ["Python", "Java", "SQL"],
category: 'Programmiersprachen',
icon: '💻',
details: ['Python', 'Java', 'SQL'],
},
{
category: "Healthcare IT & Interoperabilität",
icon: "🏥",
{
category: 'Healthcare IT & Interoperabilität',
icon: '🏥',
details: [
"HL7",
"FHIR",
"IHE",
"DICOM",
"Interoperabilität",
"Patientenportale",
'HL7',
'FHIR',
'IHE',
'DICOM',
'Interoperabilität',
'Patientenportale',
],
},
{
category: "Krankenhaussysteme & Prozesse",
icon: "🏥",
details: [
"KIS",
"PACS/RIS",
"Medizinische Dokumentation",
"CDSS",
],
category: 'Krankenhaussysteme & Prozesse',
icon: '🏥',
details: ['KIS', 'PACS/RIS', 'Medizinische Dokumentation', 'CDSS'],
},
{
category: "Consulting & Projektmanagement",
icon: "📋",
{
category: 'Consulting & Projektmanagement',
icon: '📋',
details: [
"Kundenberatung",
"Anforderungsanalyse",
"Projektplanung",
"Projektsteuerung",
"Stakeholdermanagement",
"Kundenschulungen",
'Kundenberatung',
'Anforderungsanalyse',
'Projektplanung',
'Projektsteuerung',
'Stakeholdermanagement',
'Kundenschulungen',
],
},
{
category: "Qualitäts- & Risikomanagement",
icon: "📊",
details: [
"PDCA",
"Risikomatrix",
"Fehlermanagement",
"Auditvorbereitung",
],
category: 'Qualitäts- & Risikomanagement',
icon: '📊',
details: ['PDCA', 'Risikomatrix', 'Fehlermanagement', 'Auditvorbereitung'],
},
{
category: "KI & Maschinelles Lernen",
icon: "🤖",
details: [
"Convolutional Neural Networks (CNN)",
"MSTransformers",
],
category: 'KI & Maschinelles Lernen',
icon: '🤖',
details: ['Convolutional Neural Networks (CNN)', 'MSTransformers'],
},
{
category: "Methoden",
icon: "📚",
details: ["Scrum", "Design Thinking"],
category: 'Methoden',
icon: '📚',
details: ['Scrum', 'Design Thinking'],
},
];
const languages = [
{
language: "Deutsch",
language: 'Deutsch',
},
{
language: "Englisch",
language: 'Englisch',
},
];
---
<Layout title="Klara Bracke - Software Engineer">
<main class="container mx-auto px-4 py-4 max-w-4xl">
<Header
name="Klara Bracke"
photo="/Klara_Bracke.jpg"
title=""
/>
<Header name="Klara Bracke" photo="/Klara_Bracke.jpg" title="" />
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="md:col-span-1">
@@ -204,4 +183,4 @@ const languages = [
</div>
</div>
</main>
</Layout>
</Layout>