310 lines
12 KiB
HTML
310 lines
12 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ja">
|
|
|
|
<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
|
<meta charset="utf-8">
|
|
<title>DJ & Eventservice Fabian Ecke | Rich Content</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:title" content="DJ & Eventservice Fabian Ecke | Rich Content" />
|
|
|
|
|
|
|
|
|
|
<meta name="description" content="A brief description of Hugo Shortcodes">
|
|
<meta property="og:title" content=" | " />
|
|
<meta property="og:site_name" content="DJ & Eventservice Fabian Ecke">
|
|
<meta property="og:description" content="A brief description of Hugo Shortcodes">
|
|
<meta property="og:url" content="http://localhost:1313/blog/rich-content/">
|
|
<meta property="og:type" content="article">
|
|
<meta property="og:locale" content="ja_JP">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:site" content="@tech_chiba">
|
|
|
|
<link rel="canonical" href="http://localhost:1313/blog/rich-content/">
|
|
|
|
<meta name="twitter:description" content="A brief description of Hugo Shortcodes">
|
|
<meta property="article:published_time" content="2019-03-10T00:00:00+00:00">
|
|
<meta property="article:updated_time" content="2019-03-10T00:00:00+00:00">
|
|
|
|
|
|
|
|
|
|
|
|
<meta property="og:image" content="http://localhost:1313/">
|
|
<meta property="og:image:url" content="http://localhost:1313/">
|
|
|
|
<meta name="twitter:title" content="Rich Content">
|
|
<link rel="preload" href='/css/sweetalert2.min.css' as="style"
|
|
onload="this.onload=null;this.rel='stylesheet'">
|
|
|
|
</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 font-bold mb-3 text-green-custom">Rich Content</h1>
|
|
<hr style="border-color:white">
|
|
<br>
|
|
<section class="mb-4 text-lg">
|
|
<h4 id="date" class="flex flex-row items-center"><span class="icon-access_time text-2xl mr-2"></span>
|
|
10.03.2019 </h4>
|
|
|
|
<h4 class="flex flex-row items-center"><span class="icon-person text-2xl mr-2"></span>fte
|
|
</h4>
|
|
|
|
|
|
</section>
|
|
|
|
|
|
<div class="content text-white-custom header-green-custom md:prose-lg lg:prose-xl max-w-none py-1"><p>Hugo ships with several <a href="https://gohugo.io/content-management/shortcodes/#use-hugos-built-in-shortcodes">Built-in Shortcodes</a> for rich content, along with a <a href="https://gohugo.io/about/hugo-and-gdpr/">Privacy Config</a> and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.</p>
|
|
<h2 id="youtube-privacy-enhanced-shortcode">YouTube Privacy Enhanced Shortcode</h2>
|
|
|
|
|
|
|
|
<div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
|
|
<iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="allowfullscreen" loading="eager" referrerpolicy="strict-origin-when-cross-origin" src="https://www.youtube-nocookie.com/embed/ZJthWmvUzzc?autoplay=0&controls=1&end=0&loop=0&mute=0&start=0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0;" title="YouTube video"
|
|
></iframe>
|
|
</div>
|
|
|
|
<br>
|
|
<h2 id="vimeo-simple-shortcode">Vimeo Simple Shortcode</h2>
|
|
<style>
|
|
.__h_video {
|
|
position: relative;
|
|
padding-bottom: 56.23%;
|
|
height: 0;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
background: #000;
|
|
}
|
|
.__h_video img {
|
|
width: 100%;
|
|
height: auto;
|
|
color: #000;
|
|
}
|
|
.__h_video .play {
|
|
height: 72px;
|
|
width: 72px;
|
|
left: 50%;
|
|
top: 50%;
|
|
margin-left: -36px;
|
|
margin-top: -36px;
|
|
position: absolute;
|
|
cursor: pointer;
|
|
}
|
|
</style><div class="s_video_simple __h_video">
|
|
<a href="https://vimeo.com/4.8912912e+07" rel="noopener" target="_blank">
|
|
<img src="https://i.vimeocdn.com/video/337401969-979f0cc9f55fdf305fb8984e90d92639ec9d7ecc4c9dfbc6536e28edb43784ce-d_640?region=us" srcset="https://i.vimeocdn.com/video/337401969-979f0cc9f55fdf305fb8984e90d92639ec9d7ecc4c9dfbc6536e28edb43784ce-d_640?region=us 1x, https://i.vimeocdn.com/video/337401969-979f0cc9f55fdf305fb8984e90d92639ec9d7ecc4c9dfbc6536e28edb43784ce-d_640?region=us 2x" alt="Sing Jan Swing - Kinetic Type">
|
|
<div class="play">
|
|
<svg version="1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 61 61"><circle cx="30.5" cy="30.5" r="30.5" opacity=".8" fill="#000"></circle><path d="M25.3 19.2c-2.1-1.2-3.8-.2-3.8 2.2v18.1c0 2.4 1.7 3.4 3.8 2.2l16.6-9.1c2.1-1.2 2.1-3.2 0-4.4l-16.6-9z" fill="#fff"></path></svg>
|
|
</div>
|
|
</a>
|
|
</div></div>
|
|
<hr class="py-4">
|
|
<aside id="meta">
|
|
<div class="grid grid-cols-2">
|
|
<div class="col-span-1">
|
|
|
|
<a class="previous lg:text-2xl" href="http://localhost:1313/blog/placeholder-text/">
|
|
<div
|
|
class="transition-colors duration-300 border border-gray-600 hover:border-black h-auto m-3 text-center py-3 lg:py-1">
|
|
<span class="icon-keyboard_arrow_left"></span> Placeholder Text
|
|
</div>
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<a class="next lg:text-2xl" href="http://localhost:1313/blog/markdown-syntax/">
|
|
<div
|
|
class="transition-colors duration-300 col-span-1 border border-gray-600 hover:border-black h-auto m-3 text-center py-3 lg:py-1">
|
|
Neu entwickelter Absaug-Adapter <span class="icon-keyboard_arrow_right"></span>
|
|
</div>
|
|
</a>
|
|
|
|
</div>
|
|
</aside>
|
|
</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">
|
|
© DJ & Eventservice Fabian Ecke 2026 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 & Datenschutzerklärung
|
|
|
|
</a>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
|
|
</html> |