added thesis and certificate links to site

src/lib/data/education.ts

@@ -7,12 +7,43 @@ export interface EducationEntry {
     description: string;
     name?: string;
     location?: string;
+    degreePdfFileUrl?: string;
+    thesisPdfFileUrl?: string;
 }
 //all times need to have the same length
 const allEducation:EducationEntry[] = [
-    { year: 2017, degree: 'Abitur', gpa:2.0, place: 'Werner von Siemens Gymnasium Berlin', location:'Berlin, DE', description:'With primary focus on mathmatics and physics, with 15points (the best) in computer science ;)'},
-    { year: 2020, degree: 'B.Sc.', gpa:2.6, place: 'Freie Universität Berlin', location:'Berlin, DE', name:'Computer Science', description:'I wrote my bachelor thesis on improving useability of an email client.'},
-    { year: 2023, degree: 'M.Sc.', gpa:'expecting ~1.4', place: 'Freie Universität Berlin', location:'Berlin, DE', name:'Computer Science', description:'I\'ve not yet got my degree, but i\'ve already finished all my classes and my masters thesis called "Improved linear Cryptanalysis on Quantum Computers" with a 1.0, I therefor expect to graduate with a 1.4 very soon.'}
+    { 
+        year: 2017,
+        degree: 'Abitur',
+        gpa:2.0, 
+        place: 'Werner von Siemens Gymnasium Berlin', 
+        location:'Berlin, DE', 
+
+        description:'With primary focus on mathmatics and physics, with 15points (the best) in computer science ;)',
+
+    },
+    { 
+        year: 2020,
+        degree: 'B.Sc.', 
+        gpa:2.6, 
+        place: 'Freie Universität Berlin', 
+        location:'Berlin, DE', 
+        name:'Computer Science', 
+        description:'I wrote my bachelor thesis on improving useability of an email client.',
+        degreePdfFileUrl: '/pdfs/hh_zeugnis_bachelor.pdf',
+        thesisPdfFileUrl: '/pdfs/hh_thesis_bachelor.pdf',
+    },
+    { 
+        year: 2023,
+        degree: 'M.Sc.', 
+        gpa:'expecting ~1.4', 
+        place: 'Freie Universität Berlin', 
+        location:'Berlin, DE', 
+        name:'Computer Science', 
+        description:'I\'ve not yet got my degree, but i\'ve already finished all my classes and my masters thesis called "Improved linear Cryptanalysis on Quantum Computers" with a 1.0, I therefor expect to graduate with a 1.4 very soon.',
+        degreePdfFileUrl: '/pdfs/hh_zeugnis_master.pdf',
+        thesisPdfFileUrl: '/pdfs/hh_thesis_master.pdf',
+    },
 ];
 
 const shownEducation = allEducation;

src/lib/data/experience.ts

@@ -7,6 +7,7 @@ export interface ExperienceEntry {
 	description: string[];
 	name: string;
 	location?: string;
+	pdfFileUrl?: string;
 }
 //all times need to have the same length
 const options: ExperienceEntry[] = [
@@ -20,7 +21,8 @@ const options: ExperienceEntry[] = [
 			[
                 'Designed and built a new landing page for the company website, mostly using PHP and plain JS.',
                 'Helping to build a new web app for the company using Nuxt.js (Vue.js) and MongoDB, though to be honest, i forgot most of that already..',
-            ]
+            ],
+		pdfFileUrl: '/pdfs/hh_zeugnis_whats2doo.pdf'
 	},
     {
         start: 2021,

src/lib/data/skills.ts

@@ -156,6 +156,12 @@ const nixos : SkillData = {
     iconClass: "devicon-nixos-plain",
 }
 
+const qiskit : SkillData = {
+    name: "Qiskit",
+    level: 2,
+    iconClass: "devicon-qiskit-plain",
+}
+
 export const tools : SkillData[] = [
     vscode,
     git,
@@ -164,20 +170,21 @@ export const tools : SkillData[] = [
 ];
 
 export const languages : SkillData[] = [
-    ts,
-    python,
     dart,
-    bash,
+    python,
+    ts,
+    latex,
+    postgresql,
     cpp,
-    swift,
     rust,
     nixos,
-    latex,
-    postgresql,
+    bash,
+    swift,
 ];
 
 export const frameworks : SkillData[] = [
     flutter,
+    qiskit,
     svelte,
     vue,
     unity,

src/lib/locales/de.json

@@ -11,6 +11,8 @@
 	},
 	"education": { "title": "Ausbildung" },
 	"experience": { "title": "Erfahrung" },
+	"certificate": "Zeugnis",
+	"thesis": "Abschlussarbeit",
 	"projects": { "title": "Projekte" ,
 		"passcheck": {
 			"name": "Passwort-Checker"

src/lib/locales/en.json

@@ -11,6 +11,8 @@
 	},
 	"education": { "title": "Education" },
 	"experience": { "title": "Experience" },
+	"certificate": "certificate",
+	"thesis": "thesis",
 	"projects": { 
 		"title": "Projects" ,
 		"checkout" : "more info",

src/lib/sections/education.svelte

@@ -33,24 +33,40 @@
 		{/if}
 	</h1>
 	<Timeline position="right" style={'justify-content: start;'}>
-		{#each education as option, i}
+		{#each education as entry, i}
 			<TimelineItem>
 				<TimelineOppositeContent slot="opposite-content" style="flex: unset; width:fit-content;">
-					<p>{option.year}</p>
+					<p>{entry.year}</p>
 				</TimelineOppositeContent>
 				<TimelineSeparator>
 					<TimelineDot style={'background-color: var(--dot-color,#000);'} />
 					<TimelineConnector />
 				</TimelineSeparator>
 				<TimelineContent style="flex:3">
-					<h2 style="animation: smooth-sparkle 1s ease {i / education.length}s infinite;">
-						{option.degree}{option.name ? ', ' + option.name : ''}
-					</h2>
-					<p id="gpa">{option.gpa}</p>
+					<div id="header">
+						<h2 style="animation: smooth-sparkle 1s ease {i / education.length}s infinite;">
+							{entry.degree}{entry.name ? ', ' + entry.name : ''}
+						</h2>
+						<p id="gpa">{entry.gpa}</p>
+						<div class="pdfbuttonrow" style="">
+							{#if entry.degreePdfFileUrl}
+								<a href={entry.degreePdfFileUrl}>
+									<i id="icon" class="fa fas fa-solid fa-file-pdf" class:colored={true} />
+									{$_('certificate')}
+								</a>
+							{/if}
+							{#if entry.thesisPdfFileUrl}
+								<a href={entry.thesisPdfFileUrl}>
+									<i id="icon" class="fa fas fa-solid fa-file-pdf" class:colored={true} />
+									{$_('thesis')}
+								</a>
+							{/if}
+						</div>
+					</div>
 					<div>
-						<p id="location">@ {option.place}</p>
+						<p id="location">@ {entry.place}</p>
 						<p id="description">
-							{option.description}
+							{entry.description}
 						</p>
 						<br />
 					</div>
@@ -88,6 +104,40 @@
 	* {
 		padding: $std-margin;
 	}
+
+	#header {
+		display: flex;
+		align-items: center;
+		> * {
+			margin: 1rem;
+		}
+	}
+
+	.pdfbuttonrow > a {
+		background-color: adjust-color($color: $primary, $alpha: -.7);
+		color: #fff;
+		padding: 0.5rem 1.5rem !important;
+		margin-left: 1rem;
+		text-align: center;
+		line-height: 2rem;
+		font-size: small;
+		z-index: 100;
+		// margin: auto;
+		border-radius: 20rem;
+		cursor: pointer;
+		transition: background-color 400ms, color 400ms;
+		&:hover {
+			background-color: black;
+			color: $primary;
+		}
+		text-decoration: none;
+		* {
+			// margin: 0;
+			padding: 0;
+			// scale: .2;
+		}
+	}
+
 	#content {
 		--dot-color: #{$primary};
 		padding: 2 * $std-margin;
@@ -122,8 +172,9 @@
 			padding-bottom: $std-margin;
 		}
 		#gpa {
-			padding: 0;
-			display:inline;
+			padding: 0 .5rem ;
+			padding-right: 0;
+			// display:inline;
 			opacity: 0.5;
 		}
 		#description {

src/lib/sections/experience.svelte

@@ -37,24 +37,34 @@
 		{/if}
 	</h1>
 	<Timeline position="right" style={'justify-content: start;'}>
-		{#each experience as option, i}
+		{#each experience as entry, i}
 			<TimelineItem>
 				<TimelineOppositeContent slot="opposite-content" style="flex: unset; width:fit-content;">
-					<p>{option.start}</p>
-					<p>{option.year}</p>
+					<p>{entry.start}</p>
+					<p>{entry.year}</p>
 				</TimelineOppositeContent>
 				<TimelineSeparator>
 					<TimelineDot style={'background-color: var(--dot-color,#000);'} />
 					<TimelineConnector />
 				</TimelineSeparator>
 				<TimelineContent style="flex:3">
-					<h2 style="animation: smooth-sparkle 1s ease {i / experience.length}s infinite;">
-						{option.name}
-					</h2>
+					<div id="header" style="display: flex;">
+						<h2 style="animation: smooth-sparkle 1s ease {i / experience.length}s infinite;">
+							{entry.name}
+						</h2>
+						<div class="pdfbuttonrow" style="">
+							{#if entry.pdfFileUrl}
+								<a href={entry.pdfFileUrl}>
+									<i id="icon" class="fa fas fa-solid fa-file-pdf" class:colored={true} />
+									{$_('certificate')}
+								</a>
+							{/if}
+						</div>
+					</div>
 					<div>
-						<p id="location">@ {option.place}</p>
+						<p id="location">@ {entry.place}</p>
 						<div id="description">
-							{#each option.description as desciptionItem}
+							{#each entry.description as desciptionItem}
 								<p>{desciptionItem}</p>
 							{/each}
 						</div>
@@ -110,6 +120,31 @@
 		padding: $std-margin;
 	}
 
+	.pdfbuttonrow > a {
+		background-color: adjust-color($color: $primary, $alpha: -.7);
+		color: #000;
+		padding: 0.5rem 1.5rem !important;
+		margin-left: 1rem;
+		text-align: center;
+		line-height: 2rem;
+		font-size: small;
+		z-index: 100;
+		// margin: auto;
+		border-radius: 20rem;
+		cursor: pointer;
+		transition: background-color 400ms, color 400ms;
+		&:hover {
+			background-color: white;
+			color: $primary;
+		}
+		text-decoration: none;
+		* {
+			// margin: 0;
+			padding: 0;
+			// scale: .2;
+		}
+	}
+
 	#divider {
 		// @include full-bleed($bg-color: white);
 		// height: 20em;