stand 22-09-26

public/about/index.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="ja">
 
-<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=35933&amp;path=livereload" data-no-instant defer></script>
 <meta charset="utf-8">
 <title>DJ &amp; Eventservice Fabian Ecke | Über mich</title>
 <meta name="viewport" content="width=device-width,initial-scale=1.0">
@@ -43,14 +43,14 @@
 <meta property="og:site_name" content="DJ &amp; Eventservice Fabian Ecke" />
 <meta property="og:title" content="Über mich | DJ &amp; Eventservice Fabian Ecke" />
 <meta property="og:type" content="website" />
-<meta property="og:url" content="http://localhost:1313/about/" />
+<meta property="og:url" content="http://localhost:35933/about/" />
 <meta property="og:locale" content="ja_JP" />
 <meta name="twitter:card" content="summary_large_image">
 <meta property="twitter:title" content="Über mich">
 
 
-<meta property="og:image" content="http://localhost:1313/">
-<meta property="og:image:url" content="http://localhost:1313/">
+<meta property="og:image" content="http://localhost:35933/">
+<meta property="og:image:url" content="http://localhost:35933/">
 
 <meta property="og:description" content="Selbstvorstellung von Fabian Ecke" />
 <meta property="twitter:description" content="Selbstvorstellung von Fabian Ecke" />
@@ -70,7 +70,7 @@
             </li>
             
             <li class="p-2">
-                <a href="/blog/">
+                <a href="/events/">
                     <span>Referenzen</span>
                 </a>
             </li>
@@ -97,7 +97,7 @@
     </div>
     <nav class="flex items-center justify-between flex-wrap bg-opacity-100 p-8">
         <div class="flex items-center flex-shrink-0 text-xl text-grey-900 mr-6">
-            <a href="http://localhost:1313/"><img alt="FTE Logo"
+            <a href="http://localhost:35933/"><img alt="FTE Logo"
                     class="h-14 mr-3" src="/img/logo/fte-logo.png"></a>
         </div>
         <div class="block lg:hidden">
@@ -117,7 +117,7 @@
                     Startseite
                 </a>
                 
-                <a href="/blog/"
+                <a href="/events/"
                     class="navbar-link duration-200 block mt-4 lg:inline-block lg:mt-0 text-black hover:opacity-60 mr-8">
                     Referenzen
                 </a>
@@ -148,7 +148,31 @@
   <div class="mx-3 col-span-3 lg:col-span-2 px-2">
     <h1 class="title text-5xl mb-4 text-white-custom">Über mich</h1>
     <hr style="border-color: #00ad8e;">
-    <div class="content a-green md:prose-lg lg:prose-xl max-w-none py-1 text-white-custom"></div>
+    <div class="content a-green md:prose-lg lg:prose-xl max-w-none py-1 text-white-custom"><style>
+  .about-profile-pic img {
+    display: block;
+    margin: 0 auto 20px auto;
+    width: 400px;
+    max-width: 100%;
+  }
+  @media (min-width: 576px) {
+    .about-profile-pic img {
+      float: left;
+      margin: 0px 20px 10px 0;
+    }
+  }
+</style>
+<br>
+<picture class="about-profile-pic">
+    <img src="/img/about/thumb.webp" alt="Fabian Ecke">
+</picture>
+<h2>Hi,</h2>
+ich bin Fabian Ecke und meine Mission ist es, Ihre Vision von einem perfekten Event mit der passenden Musik und professionellem Service zum Leben zu erwecken.
+<br>
+<h3>Mein Weg</h3>
+Das Interesse für Musik und Technik, das ich entwickelt habe, war kein reiner Zufall. Mein Vater ist schon seit vielen Jahren als DJ und Veranstaltungsdienstleister unterwegs und hat mich zum ein oder anderen Aufbau mitgenommen. So habe ich als Kind schon mit dem Lichtpult gespielt oder Techniker vor Ort über ihren Job ausgefragt. <br>
+Mit 12 Jahren habe ich angefangen im kleinen Rahmen bei Freunden oder Familienfeiern selbst aufzulegen und Technik (mit Unterstützung) aufzubauen. Bei diesen Feiern lernte ich viele Genres kennen, entwickelte ein Gefühl für der Stimmung angepasste Musikauswahl und auch, dass keine Feier wie die andere ist. Nicht nur eine volle Tanzfläche ist wichtig, sondern auch ein schöner technischer Aufbau und die Zufriedenheit derjenigen, die auch nur zuhören, anstatt zu Tanzen.
+Mit der Zeit erhielt ich auch Anfragen, die über den Bekanntenkreis hinaus gingen. So fing ich mit 18 Jahren an allein Geburtstage oder Hochzeiten von Menschen zu begleiten, die ich nicht kannte. Auch half ich meinem Vater dabei größere Veranstaltungen wie den jährlichen Pfingsttanz in Ahlsdorf oder andere Events mit größerem Aufwand zum Erfolg zu bringen.</div>
   </div>
 </div>