style updates & first article
Website / Website veröffentlichen (push) Successful in 17s

This commit is contained in:
fte
2026-08-18 18:01:56 +02:00
parent e782c96eb8
commit 63748cde60
148 changed files with 11498 additions and 69 deletions
+230
View File
@@ -0,0 +1,230 @@
<!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>
<meta charset="utf-8">
<title>DJ &amp; Eventservice Fabian Ecke | About</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="apple-touch-icon" sizes="180x180" href='/apple-touch-icon.png'>
<link rel="icon" type="image/png" sizes="32x32" href='/favicon-32x32.png'>
<link rel="icon" type="image/png" sizes="16x16" href='/favicon-16x16.png'>
<link rel="manifest" href='/site.webmanifest'>
<link href='/css/fa6.min.css' rel="stylesheet" type="text/css">
<link rel="stylesheet" href="/css/style.css">
<link href='/css/style.min.css' rel="stylesheet" type="text/css">
<link rel="stylesheet" href='/css/custom.css'>
<script>
var _paq = window._paq = window._paq || [];
_paq.push(["disableCampaignParameters"]);
_paq.push(["setDoNotTrack", true]);
_paq.push(["disableCookies"]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//matomo.ftecke.de/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '3']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<meta property="og:site_name" content="DJ &amp; Eventservice Fabian Ecke" />
<meta property="og:title" content="About | DJ &amp; Eventservice Fabian Ecke" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://localhost:1313/about/" />
<meta property="og:locale" content="ja_JP" />
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:title" content="About">
<meta property="og:image" content="http://localhost:1313/">
<meta property="og:image:url" content="http://localhost:1313/">
<meta property="og:description" content="Hugo, the world&#39;s fastest framework for building websites" />
<meta property="twitter:description" content="Hugo, the world&#39;s fastest framework for building websites" />
</head>
<body class="flex flex-col min-h-screen">
<main class="flex-grow"><header>
<div id="overlay">
<ul class="text-center list-none text-white text-3xl">
<li class="p-2">
<a href="/">
<span>Startseite</span>
</a>
</li>
<li class="p-2">
<a href="/blog/">
<span>Referenzen</span>
</a>
</li>
<li class="p-2">
<a href="/products/">
<span>Verleih</span>
</a>
</li>
<li class="p-2">
<a href="/about/">
<span>Über mich</span>
</a>
</li>
<li class="p-2">
<a href="/contact/">
<span>Kontakt</span>
</a>
</li>
</ul>
</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"
class="h-14 mr-3" src="/img/logo/fte-logo.png"></a>
</div>
<div class="block lg:hidden">
<div id="hamburgerbtn" class="flex cursor-pointer items-center w-14 h-10 py-2 rounded mopen">
<span class="top"></span>
<span class="middle"></span>
<span class="bottom"></span>
</div>
</div>
<div class="hidden w-full block flex-grow lg:flex lg:items-center lg:w-auto" id="mobileMenu">
<div class="text-lg lg:flex-grow">
</div>
<div class="text-lg">
<a href="/"
class="navbar-link duration-200 block mt-4 lg:inline-block lg:mt-0 text-black hover:opacity-60 mr-8">
Startseite
</a>
<a href="/blog/"
class="navbar-link duration-200 block mt-4 lg:inline-block lg:mt-0 text-black hover:opacity-60 mr-8">
Referenzen
</a>
<a href="/products/"
class="navbar-link duration-200 block mt-4 lg:inline-block lg:mt-0 text-black hover:opacity-60 mr-8">
Verleih
</a>
<a href="/about/"
class="navbar-link duration-200 block mt-4 lg:inline-block lg:mt-0 text-black hover:opacity-60 mr-8">
Über mich
</a>
<a href="/contact/"
class="navbar-link duration-200 block mt-4 lg:inline-block lg:mt-0 text-black hover:opacity-60 mr-8">
Kontakt
</a>
</div>
</div>
</nav>
</header>
<div class="scroll-top rounded-full">
<span class="icon-keyboard_arrow_up text-2xl"></span>
</div>
<div class="mx-auto my-10 max-w-6xl">
<div class="mx-3 col-span-3 lg:col-span-2 px-2">
<h1 class="title text-5xl mb-4 text-white-custom">About</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"><p>Written in Go, Hugo is an open source static site generator available under the <a href="https://github.com/gohugoio/hugo/blob/master/LICENSE">Apache Licence 2.0.</a> Hugo supports TOML, YAML and JSON data file types, Markdown and HTML content files and uses shortcodes to add rich content. Other notable features are taxonomies, multilingual mode, image processing, custom output formats, HTML/CSS/JS minification and support for Sass SCSS workflows.</p>
<p>Hugo makes use of a variety of open source projects including:</p>
<ul>
<li><a href="https://github.com/yuin/goldmark">https://github.com/yuin/goldmark</a></li>
<li><a href="https://github.com/alecthomas/chroma">https://github.com/alecthomas/chroma</a></li>
<li><a href="https://github.com/muesli/smartcrop">https://github.com/muesli/smartcrop</a></li>
<li><a href="https://github.com/spf13/cobra">https://github.com/spf13/cobra</a></li>
<li><a href="https://github.com/spf13/viper">https://github.com/spf13/viper</a></li>
</ul>
<p>Hugo is ideal for blogs, corporate websites, creative portfolios, online magazines, single page applications or even a website with thousands of pages.</p>
<p>Hugo is for people who want to hand code their own website without worrying about setting up complicated runtimes, dependencies and databases.</p>
<p>Websites built with Hugo are extremely fast, secure and can be deployed anywhere including, AWS, GitHub Pages, Heroku, Netlify and any other hosting provider.</p>
<p>Learn more and contribute on <a href="https://github.com/gohugoio">GitHub</a>.</p>
</div>
</div>
</div>
</main><footer class="bg-tlgray-100">
<script src='/js/clipboard.min.js'></script>
<script src='/js/highlight.min.js'></script>
<script src='/js/highlightjs-line-numbers.min.js'></script>
<script src='/js/sweetalert2.min.js'></script>
<script>
hljs.initHighlightingOnLoad();
hljs.initLineNumbersOnLoad();
new ClipboardJS('.url');
function OnClickURL() {
Swal.fire({
icon: 'success',
title: 'Copied!',
text: 'Copied the URL and title.'
})
}
</script>
<script>
function toggleNav() {
var hamburger = document.getElementById("hamburgerbtn");
var overlay = document.getElementById("overlay");
var body = document.body;
hamburger.addEventListener("click", function () {
overlay.classList.toggle("open");
hamburger.classList.toggle("is-open");
body.classList.toggle("scroll-lock");
});
}
toggleNav();
document.querySelector('.scroll-top').addEventListener('click', () => {
document.documentElement.scrollTop = 0;
});
</script>
<link href='/css/webfonts.min.css' rel="stylesheet" />
<div class="flex items-center justify-between flex-wrap bg-darkergrey-custom p-8 text-white">
<div class="items-center text-xl text-grey-900 mr-6">
&copy; DJ &amp; Eventservice Fabian Ecke 2026 &nbsp; &nbsp; Alle Rechte Vorbehalten.
</div>
<div class="w-full block flex-grow lg:flex lg:items-center lg:w-auto" id="mobileMenu">
<div class="text-lg lg:flex-grow">
</div>
<div class="flex flex-row items-center text-lg">
<a href="/impressum-datenschutzerklaerung" class="block mt-4 lg:inline-block lg:mt-0 text-gray-300 hover:text-white mr-8">
Impressum &amp; Datenschutzerklärung
</a>
</div>
</div>
</div>
</footer>
</body>
</html>