Portfolio 1.0
2024/2025
HTML
CSS
Javascript
Bootstrap
SASS/SCSS
WordPress
PHP
Figma
Portfolio 1.0
2024/2025
Figma
HTML
CSS
Javascript
SASS/SCSS
Bootstrap
WordPress
PHP
Diese Website basiert auf dem Content-Management-System WordPress.
Um sie zu erstellen, habe ich zunächst ein Child Theme angelegt. Da weder das Design noch das Layout des
Parent Themes verwendet werden sollten, sondern stattdessen ein eigenes Template verwendet wird, fiel die
Wahl des Parent Themes diesbezüglich willkürlich aus – unter Berücksichtigung von Sicherheitsaspekten und
regelmäßiger Wartung entschied ich mich für „Twenty Twenty-Five“.
Zum Styling der Website verwende ich zum Großteil Bootstrap, welches ich für die Nutzung auf der Homepage
durch die Nutzung von SASS/SCSS individualisiert konfiguriert habe.
Durch die Individualisierung der Variable $primary konnte ich nun beispielsweise bequem die Bootstrap-Klasse
"text-primary" verwenden, um die Sektionsüberschriften in Gelb statt in Bootstraps standardmäßiger
Primärfarbe Blau darzustellen.
Das SVG, welches Sie in der Hero-Section sehen, habe ich, da ich kein fertiges finden konnte, das meinen Vorstellungen entsprach, nach dem Prinzip Frankensteins Monster selbst aus verschiedenen Teilen von einigen der frei nutzbaren SVGs der Seite Undraw zusammengefügt, aufeinander angepasst und für die Animation optimiert. Diese habe ich durch eine simple CSS Keyframes-Animation umgesetzt.