diff --git a/package.json b/package.json index 4df7e37..6f47084 100644 --- a/package.json +++ b/package.json @@ -26,16 +26,16 @@ "@node-minify/html-minifier": "^8.0.6", "@sardine/eleventy-plugin-tinyhtml": "^0.2.0", "cpx": "^1.5.0", - "eleventy-plugin-rev": "^1.1.1", - "eleventy-sass": "^2.2.3", + "eleventy-plugin-rev": "^2.0.0", + "eleventy-sass": "^2.2.4", "glob": "^10.3.10", "minify": "^10.5.2", - "postcss": "^8.4.31", + "postcss": "^8.4.32", "sass": "^1.69.5", "uncss": "^0.17.3" }, "dependencies": { "bootstrap": "^5.3.2", - "flag-icons": "^6.11.2" + "flag-icons": "^7.0.2" } } diff --git a/src/_data/i18n/de.json b/src/_data/i18n/de.json index 1d54c52..8b99d49 100644 --- a/src/_data/i18n/de.json +++ b/src/_data/i18n/de.json @@ -9,7 +9,7 @@ "address": "Adresse" }, "hello": "Willkommen!", - "text": "Schön, dass du auf meine Webseite gefunden hast. Gerne stelle ich mich hier vor: Zunächst führe ich dich durch die wichtigsten Etappen meines Lebenslaufs. Anschließend präsentiere ich meine Projekte und Fähigkeiten, an und mit denen ich arbeite. Abschließend erhältst du einige Eindrücke meiner Hobbys und was ich sonst so tue. Schau dich gerne um. Bei Fragen, Anregungen oder Kritik freue ich mich auf deine Nachricht!" + "text": "Schön, dass du auf meine Webseite gefunden hast. Gerne stelle ich mich hier vor: Zunächst führe ich dich durch die wichtigsten Stationen meines Lebenslaufs. Anschließend präsentiere ich meine Projekte und Fähigkeiten, an und mit denen ich arbeite. Zum Abschluss gebe ich dir einen Einblick in meine Hobbys und was ich sonst noch so tue. Wenn du Fragen, Anregungen oder Kritik hast, freue ich mich über deine Nachricht!" }, "resume": { "title": "Mein Lebenslauf", @@ -17,12 +17,17 @@ "title": "Berufliche Laufbahn", "positions": [ { - "position": "Full Stack Developer", + "position": "Full-Stack Developer", "company": "Hacking-Lab AG", "url": "https://www.hacking-lab.com", "start": "Mai 2023", "end": "heute", - "descriptions": [], + "descriptions": [ + "Entwicklung der Hacking-Lab Plattform", + "Planung und Umsetzung der Bug Bounty Plattform", + "Systemadministration und Wartung der Infrastruktur", + "Aufbau und Implementierung von DevOps-Prozessen" + ], "city": "Berlin", "country": "" }, @@ -33,8 +38,8 @@ "start": "März 2022", "end": "heute", "descriptions": [ - "Hosting von Open-Source-Tools ossrox.org", - "Strategische Gestaltung des Produktportfolios", + "Hosting von Open-Source-Tools", + "Entwicklung und Umsetzung von Marketingstrategien", "Direkter Ansprechpartner im technischen Kundensupport", "Planung und Realisierung individueller Kundenwünsche" ], @@ -48,7 +53,7 @@ "start": "Jan. 2018", "end": "Apr. 2023", "descriptions": [ - "Threat Intelligence Plattform av-atlas.org", + "Entwicklung der Threat Intelligence Plattform av-atlas", "Automatisierte Datenschutzanalyse von Android Apps", "Automatisierte Beschaffung von Malware für weitere Analysesysteme", "Automatisierte Massenanalyse und Klassifizierung von Spam-Mails" @@ -147,6 +152,7 @@ }, "skills": { "title": "Skills", + "description": "Mein Fachwissen kompakt zusammengefasst.", "languages": [ { "name": "Java", @@ -226,17 +232,18 @@ }, "interests": { "title": "Interessen", + "description": "Damit verbringe ich meine Freizeit.", "list": [ - { - "image": "softwerke", - "name": "Softwerke Magdeburg e.V.", - "url": "https://softwerke.md/" - }, { "image": "magic", "name": "Zauberkunst", "url": "https://sp-magic.de" }, + { + "image": "environment", + "name": "Natur- & Umweltschutz", + "url": "" + }, { "image": "sports", "name": "Kraftsport & Bouldern", @@ -249,6 +256,32 @@ } ] }, + "commitment": { + "title": "Engagement", + "description": "Diese Projekte und Organisationen unterstütze ich regelmäßig.", + "list": [ + { + "image": "softwerke.svg", + "name": "Softwerke Magdeburg e.V.", + "url": "https://softwerke.md" + }, + { + "image": "noyb.png", + "name": "NOYB", + "url": "https://noyb.eu/de" + }, + { + "image": "dgzrs.svg", + "name": "Deutsche Gesellschaft zur Rettung Schiffbrüchiger", + "url": "https://www.seenotretter.de" + }, + { + "image": "wilderness-international.svg", + "name": "Wilderness International", + "url": "https://wilderness-international.org" + } + ] + }, "contact": { "title": "Kontakt" }, diff --git a/src/_data/i18n/en.json b/src/_data/i18n/en.json index b211ab4..071be47 100644 --- a/src/_data/i18n/en.json +++ b/src/_data/i18n/en.json @@ -9,7 +9,7 @@ "address": "Address" }, "hello": "Welcome!", - "text": "Nice that you found my website. I would like to introduce myself here: First, I'll take you through the most important stages of my resume. Then I will present my projects and skills I am working on and with. Finally, you will get some impressions of my hobbies and what else I like to do. Feel free to explore. If you have any questions, suggestions or criticism, do not hesitate to contact me!" + "text": "Nice that you have found my website. I would like to introduce myself here: First, I'll take you through the most important stages of my career. Then I'll present the projects I work on and the skills I have. Finally, I'll give you an insight into my hobbies and what else I do. If you have any questions, suggestions or criticism, I look forward receiving your message!" }, "resume": { "title": "My Resume", @@ -17,12 +17,17 @@ "title": "Work Experience", "positions": [ { - "position": "Full Stack Developer", + "position": "Full-Stack Developer", "company": "Hacking-Lab AG", "url": "https://www.hacking-lab.com", "start": "May 2023", "end": "now", - "descriptions": [], + "descriptions": [ + "Development of the Hacking Lab Hacking-Lab Platform", + "Planning and realization of the Bug Bounty Platform", + "System administration and maintenance of the infrastructure", + "Design and implementation of DevOps processes" + ], "city": "Berlin", "country": "" }, @@ -33,10 +38,10 @@ "start": "Mar. 2022", "end": "now", "descriptions": [ - "Hosting open source tools ossrox.org", - "Strategic design of product portfolio", - "Direct contact in technical customer support", - "Planning and realization of individual customer requirements" + "Hosting of open source tools", + "Design and implementation of marketing strategies", + "Direct contact for technical customer support", + "Planning and realization of individual customer requests" ], "city": "Magdeburg", "country": "" @@ -48,7 +53,7 @@ "start": "Jan. 2018", "end": "Apr. 2023", "descriptions": [ - "Threat Intelligence Platform av-atlas.org", + "Development of the Threat Intelligence Platform av-atlas", "Automated privacy analysis of Android apps", "Automated collection of malware for further analysis systems", "Automated mass analysis and classification of spam mails" @@ -147,6 +152,7 @@ }, "skills": { "title": "Skills", + "description": "A compact summary of my expertise.", "languages": [ { "name": "Java", @@ -226,17 +232,18 @@ }, "interests": { "title": "Interests", + "description": "This is how I spend my free time.", "list": [ - { - "image": "softwerke", - "name": "Softwerke Magdeburg e.V.", - "url": "https://softwerke.md/" - }, { "image": "magic", "name": "Magic", "url": "https://sp-magic.de" }, + { + "image": "environment", + "name": "Nature & environment protection", + "url": "" + }, { "image": "sports", "name": "Strength training & Bouldering", @@ -249,6 +256,32 @@ } ] }, + "commitment": { + "title": "Commitment", + "description": "I regularly support these projects and organizations.", + "list": [ + { + "image": "softwerke.svg", + "name": "Softwerke Magdeburg e.V.", + "url": "https://softwerke.md" + }, + { + "image": "noyb.png", + "name": "NOYB", + "url": "https://noyb.eu/de" + }, + { + "image": "dgzrs.svg", + "name": "Deutsche Gesellschaft zur Rettung Schiffbrüchiger", + "url": "https://www.seenotretter.de" + }, + { + "image": "wilderness-international.svg", + "name": "Wilderness International", + "url": "https://wilderness-international.org" + } + ] + }, "contact": { "title": "Contact" }, diff --git a/src/img/dgzrs.svg b/src/img/dgzrs.svg new file mode 100644 index 0000000..d9ce66c --- /dev/null +++ b/src/img/dgzrs.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/src/img/environment.jpg b/src/img/environment.jpg new file mode 100644 index 0000000..be41735 Binary files /dev/null and b/src/img/environment.jpg differ diff --git a/src/img/magdeburg.jpg b/src/img/magdeburg.jpg deleted file mode 100644 index 1e925c0..0000000 Binary files a/src/img/magdeburg.jpg and /dev/null differ diff --git a/src/img/noyb.png b/src/img/noyb.png new file mode 100644 index 0000000..3f6d28a Binary files /dev/null and b/src/img/noyb.png differ diff --git a/src/img/softwerke.svg b/src/img/softwerke.svg new file mode 100644 index 0000000..45f7583 --- /dev/null +++ b/src/img/softwerke.svg @@ -0,0 +1,36 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/img/wilderness-international.svg b/src/img/wilderness-international.svg new file mode 100644 index 0000000..7b8bd7b --- /dev/null +++ b/src/img/wilderness-international.svg @@ -0,0 +1,13 @@ + + + + + + + + + \ No newline at end of file diff --git a/src/index.html b/src/index.html index 2edd768..343c527 100644 --- a/src/index.html +++ b/src/index.html @@ -216,7 +216,7 @@ title: {{site.title}}
- + {{item.name}}

{{item.name}}

@@ -234,6 +234,7 @@ title: {{site.title}}

{{site.strings.skills.title}}

+
{{site.strings.skills.description}}
@@ -274,6 +275,7 @@ title: {{site.title}}

{{site.strings.interests.title}}

+
{{site.strings.interests.description}}
@@ -290,6 +292,25 @@ title: {{site.title}}
+
+ +
diff --git a/src/scss/main.scss b/src/scss/main.scss index 94d8493..94672a1 100644 --- a/src/scss/main.scss +++ b/src/scss/main.scss @@ -536,15 +536,6 @@ section { } } - &.interest-softwerke { - background-image: url(../img/magdeburg.jpg); - - .desc { - vertical-align: top; - color: #000; - } - } - &.interest-magic { background-image: url(../img/sp-magic.jpg); @@ -554,6 +545,15 @@ section { } } + &.interest-environment { + background-image: url(../img/environment.jpg); + + .desc { + vertical-align: top; + color: #000; + } + } + &.interest-sports { background-image: url(../img/dumbbell.jpg); @@ -573,6 +573,16 @@ section { } } +.commitment { + img { + display: block; + max-height: 120px; + width: 100%; + height: 100%; + object-fit: contain; + } +} + .video { display: table; width: 50%;