About: Motivation-Sektion hinzugefügt ('Meine Faulheit hat mich zum Programmierer gemacht')
- Neue Sektion über der Timeline - Enthält persönliche Geschichte zum Programmieren - Mit Jamulix-Gesetz: 'Je schlauer, umso Linux!'
This commit is contained in:
parent
1402c04d58
commit
de7ddfce09
1 changed files with 52 additions and 2 deletions
|
|
@ -42,8 +42,8 @@ const timeline = [
|
||||||
{
|
{
|
||||||
era: '2000er',
|
era: '2000er',
|
||||||
title: 'Professionelle Entwicklung',
|
title: 'Professionelle Entwicklung',
|
||||||
description: 'Verschiedene Sprachen, verschiedene Domänen. Server-Administration, Automatisierung, Web-Entwicklung. Systemadministration, Networking, Linux-Server und vHosts im Netz und lokal, Selfhosting, Internet-Programmierung, APIs, Nachrichten-Scraping, automatische und dynamische Webseiten Generierung, Container, Virtuelle Maschinen, Hypervisor, Automaten, Toolchains, Browser-Fernsteuerung. — Alles unter Linux. Einplatinen Computer, Microcontroller.',
|
description: 'Verschiedene Sprachen, verschiedene Domänen. Server-Administration, Automatisierung, Web-Entwicklung. Systemadministration, Networking. — Alles unter Linux.',
|
||||||
tech: ['Perl', 'PHP', 'Bash', 'Python', 'Go', 'Raspberry Pi', 'Arduino', 'ESP32', 'Proxmox', 'Yunohost', 'Jamulus', 'Jitsi', 'Selenium/Playwright', 'Docker/Podman'],
|
tech: ['Perl', 'PHP', 'Bash', 'Python', 'Go', 'Proxmox', 'Docker/Podman'],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
era: '2022',
|
era: '2022',
|
||||||
|
|
@ -77,6 +77,56 @@ export function AboutSection() {
|
||||||
</p>
|
</p>
|
||||||
</motion.div>
|
</motion.div>
|
||||||
|
|
||||||
|
{/* Motivation Section */}
|
||||||
|
<motion.div
|
||||||
|
initial={{ opacity: 0, y: 20 }}
|
||||||
|
whileInView={{ opacity: 1, y: 0 }}
|
||||||
|
viewport={{ once: true }}
|
||||||
|
transition={{ duration: 0.6 }}
|
||||||
|
className="mb-16 lg:mb-24"
|
||||||
|
>
|
||||||
|
<span className="font-mono text-xs tracking-wider text-accent uppercase">
|
||||||
|
Motivation
|
||||||
|
</span>
|
||||||
|
<h3 className="font-serif text-2xl sm:text-3xl lg:text-4xl mt-4 text-balance">
|
||||||
|
Meine Faulheit hat mich zum Programmierer gemacht
|
||||||
|
</h3>
|
||||||
|
|
||||||
|
<div className="mt-8 space-y-6 text-muted-foreground leading-relaxed max-w-3xl">
|
||||||
|
<p>
|
||||||
|
Ich war schon immer faul – und diese Eigenschaft habe ich immer wieder mit Intelligenz zu
|
||||||
|
kompensieren versucht. Gern hätte ich als Schüler im Mathematik-Leistungskurs und später an
|
||||||
|
der Universität große, anspruchsvolle Projekte gerechnet. Doch ich war einfach zu faul dazu.
|
||||||
|
Erst im VWL-Studium musste ich programmieren lernen – und das war der Wendepunkt.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Sofort faszinierte mich, was sich mit dieser Methode alles bewerkstelligen ließ: Was der
|
||||||
|
kybernetische Rechenknecht erledigen konnte, musste ich mir nicht mehr mühsam abringen.
|
||||||
|
Das wurde für mich lebenslang Motivation, immer mehr Programmiersprachen zu lernen und mich
|
||||||
|
mit Rechnern zu beschäftigen. Mit Systemen, bei denen sich nichts wirklich Nachhaltiges lernen
|
||||||
|
ließ, habe ich mich nie lange aufgehalten. Deshalb habe ich bis heute nur sehr wenig Ahnung
|
||||||
|
von Microsoft‑Produkten.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Wer sein Geld damit verdient, banalen Code geheim zu halten und die Menschheit abzuzocken,
|
||||||
|
schrumpfte in meiner Wertschätzung auf ein Minimum. Umso größer wurde mein Enthusiasmus für
|
||||||
|
Open-Source‑Projekte. Dort kann man wirklich Nützliches lernen – ohne dass sich alles alle
|
||||||
|
zwei Jahre wieder ändert, nur weil ein Softwareverkäufer neue Kurse anbieten will.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div className="mt-8 pt-8 border-t border-border">
|
||||||
|
<p className="font-serif text-lg italic text-foreground">
|
||||||
|
Und so gilt das erste Jamulix‑Gesetz:
|
||||||
|
</p>
|
||||||
|
<p className="font-mono text-xl lg:text-2xl text-accent mt-3">
|
||||||
|
Je schlauer, umso Linux!
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</motion.div>
|
||||||
|
|
||||||
{/* Timeline */}
|
{/* Timeline */}
|
||||||
<div className="relative">
|
<div className="relative">
|
||||||
{/* Vertical line */}
|
{/* Vertical line */}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue