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