complete rework, template for portfolio in the future
This commit is contained in:
@@ -1,37 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Bootstrap Example</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="../assets/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row content">
|
||||
<div class="col-sm-3 sidenav">
|
||||
<h4>Navigation</h4>
|
||||
<ul class="nav nav-pills flex-column">
|
||||
<li class="nav-item"><a class="nav-link" href="../index.html"><img src="../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="empty1.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="empty2.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="empty3.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
|
||||
</ul><br>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<p>Empty site 1</p>
|
||||
<br><br>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="container-fluid">
|
||||
<p style="text-align: center;"> © 2026 - Christian Braumann <a href="../sites/legal/impress.html">Impress</a> <a href="../sites/legal/privacy.html">Privacy policy</a> <a href="../sites/legal/contact.html">Contact</a></p>
|
||||
</footer>
|
||||
|
||||
<script src="../assets/js/bootstrap.bundle.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,37 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Bootstrap Example</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="../assets/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row content">
|
||||
<div class="col-sm-3 sidenav">
|
||||
<h4>Navigation</h4>
|
||||
<ul class="nav nav-pills flex-column">
|
||||
<li class="nav-item"><a class="nav-link" href="../index.html"><img src="../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="empty1.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="empty2.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="empty3.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
|
||||
</ul><br>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<p>Empty site 2</p>
|
||||
<br><br>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="container-fluid">
|
||||
<p style="text-align: center;"> © 2026 - Christian Braumann <a href="../sites/legal/impress.html">Impress</a> <a href="../sites/legal/privacy.html">Privacy policy</a> <a href="../sites/legal/contact.html">Contact</a></p>
|
||||
</footer>
|
||||
|
||||
<script src="../assets/js/bootstrap.bundle.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,37 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Bootstrap Example</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="../assets/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="row content">
|
||||
<div class="col-sm-3 sidenav">
|
||||
<h4>Navigation</h4>
|
||||
<ul class="nav nav-pills flex-column">
|
||||
<li class="nav-item"><a class="nav-link" href="../index.html"><img src="../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="empty1.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="empty2.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="empty3.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
|
||||
</ul><br>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<p>Empty site 3</p>
|
||||
<br><br>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="container-fluid">
|
||||
<p style="text-align: center;"> © 2026 - Christian Braumann <a href="../sites/legal/impress.html">Impress</a> <a href="../sites/legal/privacy.html">Privacy policy</a> <a href="../sites/legal/contact.html">Contact</a></p>
|
||||
</footer>
|
||||
|
||||
<script src="../assets/js/bootstrap.bundle.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,23 +1,24 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<title>Bootstrap Example</title>
|
||||
<meta charset="utf-8">
|
||||
<title>Kontakt | Christian Braumann</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="Nehmen Sie über das Kontaktformular Kontakt mit mir auf.">
|
||||
<link rel="stylesheet" href="../../assets/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="../../assets/fonts/fonts.css">
|
||||
<link rel="stylesheet" href="../../assets/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="container sheet">
|
||||
<div class="row content">
|
||||
<div class="col-sm-3 sidenav">
|
||||
<h4>Navigation</h4>
|
||||
<ul class="nav nav-pills flex-column">
|
||||
<li class="nav-item"><a class="nav-link" href="../../index.html"><img src="../../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../empty1.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../empty2.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../empty3.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../index.html"><img src="../../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Startseite</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../werdegang.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Werdegang</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../portfolio.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Portfolio</a></li>
|
||||
</ul><br>
|
||||
</div>
|
||||
|
||||
@@ -85,8 +86,9 @@
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="container-fluid">
|
||||
<p style="text-align: center;"> © 2026 - Christian Braumann <a href="impress.html">Impress</a> <a href="privacy.html">Privacy policy</a> <a href="contact.html">Contact</a></p>
|
||||
<footer class="container">
|
||||
<p style="text-align: center;"> © 2026 - Christian Braumann <a href="impress.html">Impressum</a> <a href="privacy.html">Datenschutz</a> <a href="contact.html">Kontakt</a></p>
|
||||
<p style="text-align: center;">Design: <a href="https://html5up.net" target="_blank" rel="noopener">HTML5 UP</a> · Bilder: <a href="https://www.pexels.com" target="_blank" rel="noopener">Pexels</a></p>
|
||||
</footer>
|
||||
|
||||
<script src="../../assets/js/bootstrap.bundle.min.js"></script>
|
||||
|
||||
@@ -1,23 +1,24 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<title>Bootstrap Example</title>
|
||||
<meta charset="utf-8">
|
||||
<title>Impressum | Christian Braumann</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="Impressum und Angaben zum Diensteanbieter dieser Website.">
|
||||
<link rel="stylesheet" href="../../assets/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="../../assets/fonts/fonts.css">
|
||||
<link rel="stylesheet" href="../../assets/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="container sheet">
|
||||
<div class="row content">
|
||||
<div class="col-sm-3 sidenav">
|
||||
<h4>Navigation</h4>
|
||||
<ul class="nav nav-pills flex-column">
|
||||
<li class="nav-item"><a class="nav-link" href="../../index.html"><img src="../../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../empty1.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../empty2.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../empty3.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../index.html"><img src="../../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Startseite</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../werdegang.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Werdegang</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../portfolio.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Portfolio</a></li>
|
||||
</ul><br>
|
||||
</div>
|
||||
|
||||
@@ -52,6 +53,10 @@
|
||||
<p>Links auf fremde Webseiten: Die Inhalte fremder Webseiten, auf die wir direkt oder indirekt verweisen, liegen außerhalb unseres Verantwortungsbereiches und wir machen sie uns nicht zu Eigen. Für alle Inhalte und Nachteile, die aus der Nutzung der in den verlinkten Webseiten aufrufbaren Informationen entstehen, übernehmen wir keine Verantwortung.</p>
|
||||
<p>Urheberrechte und Markenrechte: Alle auf dieser Website dargestellten Inhalte, wie Texte, Fotografien, Grafiken, Marken und Warenzeichen sind durch die jeweiligen Schutzrechte (Urheberrechte, Markenrechte) geschützt. Die Verwendung, Vervielfältigung usw. unterliegen unseren Rechten oder den Rechten der jeweiligen Urheber bzw. Rechteinhaber.</p>
|
||||
|
||||
<h2>Bildnachweis</h2>
|
||||
<p>Fotos von Viktorya Sergeeva, Pok Rie, Brett Sayles und Bibek ghosh, bezogen über <a href="https://www.pexels.com" target="_blank" rel="noopener">Pexels</a>.</p>
|
||||
<p>Das Seitendesign basiert auf der Vorlage „Arcana“ von <a href="https://html5up.net" target="_blank" rel="noopener">HTML5 UP</a>, lizenziert unter Creative Commons Attribution 3.0.</p>
|
||||
|
||||
<p><a href="https://datenschutz-generator.de/" title="Rechtstext von Dr. Schwenke - für weitere Informationen bitte anklicken." target="_blank" rel="noopener noreferrer nofollow">Erstellt mit kostenlosem Datenschutz-Generator.de von Dr. Thomas Schwenke</a></p>
|
||||
</p>
|
||||
<br><br>
|
||||
@@ -59,8 +64,9 @@
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="container-fluid">
|
||||
<p style="text-align: center;"> © 2026 - Christian Braumann <a href="impress.html">Impress</a> <a href="privacy.html">Privacy policy</a> <a href="contact.html">Contact</a></p>
|
||||
<footer class="container">
|
||||
<p style="text-align: center;"> © 2026 - Christian Braumann <a href="impress.html">Impressum</a> <a href="privacy.html">Datenschutz</a> <a href="contact.html">Kontakt</a></p>
|
||||
<p style="text-align: center;">Design: <a href="https://html5up.net" target="_blank" rel="noopener">HTML5 UP</a> · Bilder: <a href="https://www.pexels.com" target="_blank" rel="noopener">Pexels</a></p>
|
||||
</footer>
|
||||
|
||||
<script src="../../assets/js/bootstrap.bundle.min.js"></script>
|
||||
|
||||
@@ -1,23 +1,24 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<title>Bootstrap Example</title>
|
||||
<meta charset="utf-8">
|
||||
<title>Datenschutzerklärung | Christian Braumann</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="Datenschutzerklärung mit Informationen zur Verarbeitung personenbezogener Daten auf dieser Website.">
|
||||
<link rel="stylesheet" href="../../assets/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="../../assets/fonts/fonts.css">
|
||||
<link rel="stylesheet" href="../../assets/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="container-fluid">
|
||||
<div class="container sheet">
|
||||
<div class="row content">
|
||||
<div class="col-sm-3 sidenav">
|
||||
<h4>Navigation</h4>
|
||||
<ul class="nav nav-pills flex-column">
|
||||
<li class="nav-item"><a class="nav-link" href="../../index.html"><img src="../../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Home / About me</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../empty1.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 1</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../empty2.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 2</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../empty3.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Empty 3</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../../index.html"><img src="../../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Startseite</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../werdegang.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Werdegang</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="../portfolio.html"><img src="../../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Portfolio</a></li>
|
||||
</ul><br>
|
||||
</div>
|
||||
|
||||
@@ -292,8 +293,9 @@
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="container-fluid">
|
||||
<p style="text-align: center;"> © 2026 - Christian Braumann <a href="impress.html">Impress</a> <a href="privacy.html">Privacy policy</a> <a href="contact.html">Contact</a></p>
|
||||
<footer class="container">
|
||||
<p style="text-align: center;"> © 2026 - Christian Braumann <a href="impress.html">Impressum</a> <a href="privacy.html">Datenschutz</a> <a href="contact.html">Kontakt</a></p>
|
||||
<p style="text-align: center;">Design: <a href="https://html5up.net" target="_blank" rel="noopener">HTML5 UP</a> · Bilder: <a href="https://www.pexels.com" target="_blank" rel="noopener">Pexels</a></p>
|
||||
</footer>
|
||||
|
||||
<script src="../../assets/js/bootstrap.bundle.min.js"></script>
|
||||
|
||||
@@ -0,0 +1,44 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Portfolio | Christian Braumann</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="Eine Übersicht meiner Projekte. Die Inhalte dieser Seite werden nachgetragen.">
|
||||
<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="../assets/fonts/fonts.css">
|
||||
<link rel="stylesheet" href="../assets/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="container sheet">
|
||||
<div class="row content">
|
||||
<div class="col-sm-3 sidenav">
|
||||
<h4>Navigation</h4>
|
||||
<ul class="nav nav-pills flex-column">
|
||||
<li class="nav-item"><a class="nav-link" href="../index.html"><img src="../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Startseite</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="werdegang.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Werdegang</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="portfolio.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Portfolio</a></li>
|
||||
</ul><br>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<h4><small>Portfolio</small></h4>
|
||||
<hr>
|
||||
<h2>Projekte</h2>
|
||||
<p>
|
||||
Die Inhalte dieser Seite werden nachgetragen.
|
||||
</p>
|
||||
<br><br>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="container">
|
||||
<p style="text-align: center;"> © 2026 - Christian Braumann <a href="legal/impress.html">Impressum</a> <a href="legal/privacy.html">Datenschutz</a> <a href="legal/contact.html">Kontakt</a></p>
|
||||
<p style="text-align: center;">Design: <a href="https://html5up.net" target="_blank" rel="noopener">HTML5 UP</a> · Bilder: <a href="https://www.pexels.com" target="_blank" rel="noopener">Pexels</a></p>
|
||||
</footer>
|
||||
|
||||
<script src="../assets/js/bootstrap.bundle.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,86 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Werdegang | Christian Braumann</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="Mein Werdegang: von den ersten Skripten unter Windows 95 über Jahre in der IT-Technik bis zur Softwareentwicklung.">
|
||||
<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="../assets/fonts/fonts.css">
|
||||
<link rel="stylesheet" href="../assets/css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="container sheet">
|
||||
<div class="row content">
|
||||
<div class="col-sm-3 sidenav">
|
||||
<h4>Navigation</h4>
|
||||
<ul class="nav nav-pills flex-column">
|
||||
<li class="nav-item"><a class="nav-link" href="../index.html"><img src="../assets/images/home.svg" role="img" alt="Home" class="svgimages"> Startseite</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="werdegang.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Werdegang</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="portfolio.html"><img src="../assets/images/plus.svg" role="img" alt="Home" class="svgimages">Portfolio</a></li>
|
||||
</ul><br>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-9">
|
||||
<h4><small>Werdegang</small></h4>
|
||||
<hr>
|
||||
|
||||
<h2>Der Anfang</h2>
|
||||
<img src="../assets/images/mainboard.jpg" alt="Nahaufnahme einer Hauptplatine mit ihren Bauteilen" class="section-img">
|
||||
<p>
|
||||
Mein erster Kontakt mit Technik kam mit sechs Jahren, und von da an entwickelte sich mein Interesse daran sehr schnell. Angefangen hat es damit, dass ich Dinge wieder und wieder auseinandergenommen und zusammengesetzt habe, wodurch ich mit der Zeit ein gewisses Gespür dafür bekam. Es dauerte nicht lange, bis daraus meine ersten Boot-Skripte wurden.
|
||||
</p>
|
||||
|
||||
<h2>Die ersten Skripte</h2>
|
||||
<p>
|
||||
Richtig angefangen hat es mit dem Thema Datensicherung, ohne dass ich damals gewusst hätte, dass es so heißt. Windows 95 führte beim Start automatisch eine <code>Autostart.bat</code> aus, und genau diese Datei habe ich verwendet, um meine Daten frühzeitig in andere Ordner zu kopieren.
|
||||
</p>
|
||||
<p>
|
||||
Dabei konnte das Skript mehr, als nur stumpf zu kopieren. Es erkannte, welche Nummer zuletzt vergeben worden war, und bildete daraus die nächste, sodass eine fortlaufende Nummerierung entstand. Rückblickend war das meine erste Begegnung damit, dass ein Programm einen Zustand auslesen und daraus eine Entscheidung ableiten kann.
|
||||
</p>
|
||||
|
||||
<h2>Der Weg in die IT</h2>
|
||||
<p>
|
||||
Nach der Pflichtschule besuchte ich eine Fachschule für Elektronik und EDV. In jungen Jahren entschied ich mich dann allerdings dafür, arbeiten zu wollen, anstatt weiter die Schulbank zu drücken. Die Tischlerlehre war das Erste, was mir einen Weg in die Arbeitswelt geboten hat, abbrechen musste ich sie später aus gesundheitlichen Gründen.
|
||||
</p>
|
||||
<p>
|
||||
Zur Technik kam ich auf Umwegen zurück, und zwar über die Lehre als IT-Techniker, deren Lehrabschlussprüfung ich später abgelegt habe.
|
||||
</p>
|
||||
|
||||
<h2>Vom Netzwerk zum Code</h2>
|
||||
<img src="../assets/images/serverschrank.jpg" alt="Serverschränke mit Netzwerktechnik und Verkabelung in einem Rechenzentrum" class="section-img">
|
||||
<p>
|
||||
In den Jahren danach arbeitete ich als Systemadministrator und IT-Techniker. Client- und Server-Installationen, Netzwerkaufbau, die Wartung von Hard- und Software, Lizenzmanagement sowie die Betreuung der Anwender gehörten zu meinem Alltag.
|
||||
</p>
|
||||
<p>
|
||||
Auffällig ist im Rückblick, dass in nahezu jeder dieser Stationen früher oder später das Programmieren dazukam. Mal waren es Webseiten in HTML, später in PHP, an anderer Stelle die Firmensoftware selbst. Was als Nebenaufgabe begann, wurde mit der Zeit zu dem Teil der Arbeit, auf den ich mich am meisten gefreut habe.
|
||||
</p>
|
||||
<p>
|
||||
Dadurch merkte ich, dass mein großes Interesse schon immer der Technik gehörte, sowie der Logik und dem Zusammenspiel verschiedener Faktoren. Sei es bei der Entwicklung verschiedener Programme zur Steuerung von Funktionen und vordefinierten Prozessen, bei der Zusammenstellung von Hardware-Komponenten, Netzwerkeinrichtungen oder der Planung eigener kleinerer Tools zur Erleichterung oder für Backups.
|
||||
</p>
|
||||
|
||||
<h2>Heute</h2>
|
||||
<img src="../assets/images/quellcode.jpg" alt="Quellcode auf einem Bildschirm" class="section-img">
|
||||
<p>
|
||||
Den Schritt von der Hardware zur Software gehe ich mittlerweile ganz bewusst. Mein ausgeprägter Wissensdurst im Bereich der Programmierung treibt mich immer wieder an, Neues zu lernen. Beschäftigt habe ich mich bisher mit Java, C# und C++ sowie mit PHP und der Anbindung von Datenbanken.
|
||||
</p>
|
||||
<p>
|
||||
Ich bin stets bestrebt, effiziente Lösungen zu finden und umzusetzen sowie technische Herausforderungen bestmöglich zu meistern. Den administrativen Aufwand für wiederkehrende Abläufe zu automatisieren ist für mich dabei Herausforderung und Vergnügen zugleich.
|
||||
</p>
|
||||
<p>
|
||||
Meine Infrastruktur betreibe ich soweit wie möglich selbst. Mein Git-Server läuft auf einer eigenen Synology, dazu kommen mehrere Server bei Hetzner, auf denen Webseiten und Backends laufen. Daneben dienen sie als Runner für GitLab und GitHub und sorgen dort für automatisierte Pipelines.
|
||||
</p>
|
||||
<br><br>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
<footer class="container">
|
||||
<p style="text-align: center;"> © 2026 - Christian Braumann <a href="legal/impress.html">Impressum</a> <a href="legal/privacy.html">Datenschutz</a> <a href="legal/contact.html">Kontakt</a></p>
|
||||
<p style="text-align: center;">Design: <a href="https://html5up.net" target="_blank" rel="noopener">HTML5 UP</a> · Bilder: <a href="https://www.pexels.com" target="_blank" rel="noopener">Pexels</a></p>
|
||||
</footer>
|
||||
|
||||
<script src="../assets/js/bootstrap.bundle.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user