Drone build d1a191a
@ -0,0 +1,63 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
<head>
|
||||||
|
<!-- CSS -->
|
||||||
|
<link href="static/fontawesome/css/fontawesome.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link href="static/fontawesome/css/solid.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link href="static/fontawesome/css/brands.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="static/css/style.css">
|
||||||
|
<link rel="fotogrid stylesheet" href="static/css/fotogrid.css">
|
||||||
|
<link rel="event cards stylesheet" href="static/css/events.css">
|
||||||
|
<link rel="shortcut icon" href="static/favicon.ico">
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
<title>FdgL - Freunde des geordneten Lärms</title>
|
||||||
|
</head>
|
||||||
|
<body class=post>
|
||||||
|
<div id="sidebar">
|
||||||
|
<header>
|
||||||
|
<div class="site-title">
|
||||||
|
<a href="index.html">
|
||||||
|
<img src="static/logo.png" alt="Fdgl - Freunde des geordneten Lärms e.V." height="150"/>
|
||||||
|
<br/>FdgL e.V.
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="site-subtitle">
|
||||||
|
Freunde des geordneten Lärms e.V.
|
||||||
|
<hr/>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<nav id="sidebar-nav-links">
|
||||||
|
<a class="page-link" href="index.html">News</a>
|
||||||
|
<a class="page-link" href="verein.html">Verein</a>
|
||||||
|
<a class="page-link" href="events.html">Events</a>
|
||||||
|
<a class="page-link" href="kontakt.html">Kontakt</a>
|
||||||
|
<a class="page-link" href="datenschutz.html">Datenschutz</a>
|
||||||
|
<a class="page-link" href="impressum.html">Impressum</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<main class="container">
|
||||||
|
<header>
|
||||||
|
<h1 class="post-title">Es gibt wieder geordneten Lärm!</h1>
|
||||||
|
</header>
|
||||||
|
<div class="content">
|
||||||
|
<div class="post-body">
|
||||||
|
|
||||||
|
<p><p>Dank eines ausgeklügelten Hygienekonzepts konnte am Sonntag, den 13.09.2020 unsere langersehnte Jahreshauptversammlung in Raindorf bei Veitsbronn stattfinden.</p>
|
||||||
|
<p>Zahlreiche „Freunde des geordneten Lärms” nahmen daran teil. Einige scheuten sich nicht vor einer wirklich weiten Anreise. Ganz großen Respekt dafür!</p>
|
||||||
|
<p>Viele unglaublich kreative Köpfe planten unser kommendes Veranstaltungsjahr.</p>
|
||||||
|
<p>„Leute, wir können euch versichern, es wird grandios!“</p>
|
||||||
|
<p>Es wird viele metallische Workshops und Events bei den F.d.g.L geben. Wir alle arbeiten gerade an einer ganz besonderen Überraschung für Euch. Dieses Highlight bleibt aber noch geheim. Schaut doch immer wieder mal auf unserer Website vorbei um die sensationellen News nicht zu verpassen.</p>
|
||||||
|
<p>Oder habt ihr vielleicht Lust direkt an der Front mitzuwirken??? Sei ein Teil von etwas Großem!!! Bis dahin…</p>
|
||||||
|
<p>Stay heavy ihr Schnecken</p></p>
|
||||||
|
<hr/>
|
||||||
|
<strong><i class="fas fa-user"></i> Dieter</strong> — 21. September 2020
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<script src="static/video.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
@ -0,0 +1,100 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
<head>
|
||||||
|
<!-- CSS -->
|
||||||
|
<link href="static/fontawesome/css/fontawesome.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link href="static/fontawesome/css/solid.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link href="static/fontawesome/css/brands.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="static/css/style.css">
|
||||||
|
<link rel="fotogrid stylesheet" href="static/css/fotogrid.css">
|
||||||
|
<link rel="event cards stylesheet" href="static/css/events.css">
|
||||||
|
<link rel="shortcut icon" href="static/favicon.ico">
|
||||||
|
<style>
|
||||||
|
|
||||||
|
.container > * {
|
||||||
|
max-width: 50rem;
|
||||||
|
padding:0
|
||||||
|
}
|
||||||
|
|
||||||
|
</style>
|
||||||
|
<title>FdgL - Freunde des geordneten Lärms</title>
|
||||||
|
</head>
|
||||||
|
<body class=post>
|
||||||
|
<div id="sidebar">
|
||||||
|
<header>
|
||||||
|
<div class="site-title">
|
||||||
|
<a href="index.html">
|
||||||
|
<img src="static/logo.png" alt="Fdgl - Freunde des geordneten Lärms e.V." height="150"/>
|
||||||
|
<br/>FdgL e.V.
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="site-subtitle">
|
||||||
|
Freunde des geordneten Lärms e.V.
|
||||||
|
<hr/>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<nav id="sidebar-nav-links">
|
||||||
|
<a class="page-link" href="index.html">News</a>
|
||||||
|
<a class="page-link" href="verein.html">Verein</a>
|
||||||
|
<a class="page-link" href="events.html">Events</a>
|
||||||
|
<a class="page-link" href="kontakt.html">Kontakt</a>
|
||||||
|
<a class="page-link" href="datenschutz.html">Datenschutz</a>
|
||||||
|
<a class="page-link" href="impressum.html">Impressum</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<main class="container">
|
||||||
|
<header>
|
||||||
|
<h1 class="post-title">
|
||||||
|
Events
|
||||||
|
</h1>
|
||||||
|
</header>
|
||||||
|
<div class="content">
|
||||||
|
<div class="post-body">
|
||||||
|
|
||||||
|
<h3>Was liegt an?</h3>
|
||||||
|
<p>Neben unseren eigenen Veranstaltungen trefft ihr FdgLer:innen auch auf
|
||||||
|
Konzerten und Festivals an. Haltet nach unserem Patch Ausschau und sprecht
|
||||||
|
uns an!
|
||||||
|
</p>
|
||||||
|
<div class="event-container">
|
||||||
|
|
||||||
|
|
||||||
|
<div class="event-card event-card-fdgl"
|
||||||
|
style="background-image:
|
||||||
|
linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 1.0)),
|
||||||
|
url(http://127.0.0.1:5000/None);
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
background-position: center;">
|
||||||
|
<a href="growl-workshop.html#hideextern"><h2>Growl-Workshop mit Britta</h2></a>
|
||||||
|
<!--<img src="None"></img>-->
|
||||||
|
<p><i class="fas fa-calendar-alt"> </i>sobald es wieder geht</p>
|
||||||
|
|
||||||
|
<span class="event-type"><i class="fas fa-asterisk"> </i>FdgL</span>
|
||||||
|
|
||||||
|
<span class="event-type">Workshop</span>
|
||||||
|
|
||||||
|
<p> <p>Der erste <a href="growl-workshop.html">Growl-Workshop</a> war ein voller Erfolg und wir
|
||||||
|
werden dies auf jeden Fall zusammen mit Britta wiederholen, sobald es möglich
|
||||||
|
wird.</p> </p>
|
||||||
|
|
||||||
|
<p class="attending">
|
||||||
|
|
||||||
|
vor Ort:
|
||||||
|
|
||||||
|
<span class="attendee">Britta Görtz</span>
|
||||||
|
|
||||||
|
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<script src="static/video.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
@ -0,0 +1,63 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
<head>
|
||||||
|
<!-- CSS -->
|
||||||
|
<link href="static/fontawesome/css/fontawesome.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link href="static/fontawesome/css/solid.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link href="static/fontawesome/css/brands.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="static/css/style.css">
|
||||||
|
<link rel="fotogrid stylesheet" href="static/css/fotogrid.css">
|
||||||
|
<link rel="event cards stylesheet" href="static/css/events.css">
|
||||||
|
<link rel="shortcut icon" href="static/favicon.ico">
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
<title>FdgL - Freunde des geordneten Lärms</title>
|
||||||
|
</head>
|
||||||
|
<body class=post>
|
||||||
|
<div id="sidebar">
|
||||||
|
<header>
|
||||||
|
<div class="site-title">
|
||||||
|
<a href="index.html">
|
||||||
|
<img src="static/logo.png" alt="Fdgl - Freunde des geordneten Lärms e.V." height="150"/>
|
||||||
|
<br/>FdgL e.V.
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="site-subtitle">
|
||||||
|
Freunde des geordneten Lärms e.V.
|
||||||
|
<hr/>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<nav id="sidebar-nav-links">
|
||||||
|
<a class="page-link" href="index.html">News</a>
|
||||||
|
<a class="page-link" href="verein.html">Verein</a>
|
||||||
|
<a class="page-link" href="events.html">Events</a>
|
||||||
|
<a class="page-link" href="kontakt.html">Kontakt</a>
|
||||||
|
<a class="page-link" href="datenschutz.html">Datenschutz</a>
|
||||||
|
<a class="page-link" href="impressum.html">Impressum</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<main class="container">
|
||||||
|
<header>
|
||||||
|
<h1 class="post-title">1. FDGL Summercamp 2021</h1>
|
||||||
|
</header>
|
||||||
|
<div class="content">
|
||||||
|
<div class="post-body">
|
||||||
|
|
||||||
|
<p><p>Als besonderes Sommerhighlight laden wir alle coronageplagten Mitglieder zum <strong>1. FDGL Summercamp 2021</strong> ein! </p>
|
||||||
|
<p><img alt="Summercamp" src="static/img/events/summercamp2021.jpg#illustration" /></p>
|
||||||
|
<p>Bald ist es soweit! Fast wie auf einem <strong>Festival</strong>, wollen wir gemeinsam campen, Musik hören, Spaß haben, Pläne schmieden und neue Ideen für unseren Verein entwickeln.
|
||||||
|
Für Getränke und Essen ist gesorgt — ein <strong>Foodtruck</strong> wird uns mit Leckerbissen aus regionalen Zutaten verwöhnen.</p>
|
||||||
|
<p>Beim Summercamp handelt es sich um eine geschlossene Vereinsveranstaltung, die konform zu den aktuell geltenden Coronaregeln in Bayern durchgeführt wird und auch die diesjährige <strong>Jahreshauptversammlung</strong> mit einschließt.</p>
|
||||||
|
<p>Persönliche Einladungen mit allen Einzelheiten sind bereits allen Mitgliedern zugegangen.</p>
|
||||||
|
<p>See you!</p></p>
|
||||||
|
<hr/>
|
||||||
|
<strong><i class="fas fa-user"></i> Orga-Team</strong> — 10. August 2021
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<script src="static/video.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
@ -0,0 +1,60 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
<head>
|
||||||
|
<!-- CSS -->
|
||||||
|
<link href="static/fontawesome/css/fontawesome.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link href="static/fontawesome/css/solid.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link href="static/fontawesome/css/brands.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="static/css/style.css">
|
||||||
|
<link rel="fotogrid stylesheet" href="static/css/fotogrid.css">
|
||||||
|
<link rel="event cards stylesheet" href="static/css/events.css">
|
||||||
|
<link rel="shortcut icon" href="static/favicon.ico">
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
<title>FdgL - Freunde des geordneten Lärms</title>
|
||||||
|
</head>
|
||||||
|
<body class=post>
|
||||||
|
<div id="sidebar">
|
||||||
|
<header>
|
||||||
|
<div class="site-title">
|
||||||
|
<a href="index.html">
|
||||||
|
<img src="static/logo.png" alt="Fdgl - Freunde des geordneten Lärms e.V." height="150"/>
|
||||||
|
<br/>FdgL e.V.
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="site-subtitle">
|
||||||
|
Freunde des geordneten Lärms e.V.
|
||||||
|
<hr/>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<nav id="sidebar-nav-links">
|
||||||
|
<a class="page-link" href="index.html">News</a>
|
||||||
|
<a class="page-link" href="verein.html">Verein</a>
|
||||||
|
<a class="page-link" href="events.html">Events</a>
|
||||||
|
<a class="page-link" href="kontakt.html">Kontakt</a>
|
||||||
|
<a class="page-link" href="datenschutz.html">Datenschutz</a>
|
||||||
|
<a class="page-link" href="impressum.html">Impressum</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<main class="container">
|
||||||
|
<header>
|
||||||
|
<h1 class="post-title">FDGL übergibt Gitarrenspende</h1>
|
||||||
|
</header>
|
||||||
|
<div class="content">
|
||||||
|
<div class="post-body">
|
||||||
|
|
||||||
|
<p><p>Die Freunde des geordneten Lärms e.V. freuen sich, zwei hoffnungsvolle Nachwuchsrocker mit einer großzügigen Spende unterstützen zu können. In schweren Zeiten ist die Beschäftigung mit Musik heilsam und bietet ein großartiges Ventil, um den eigenen Gefühlen künstlerischen Ausdruck zu geben — das wissen alle Metaller…!</p>
|
||||||
|
<p><img alt="Gitarrenspende" src="static/img/gitarrenspende.jpg#illustration" /></p>
|
||||||
|
<p>Das Spendenpaket besteht aus E-Gitarre & Verstärker, die von Vereinsmitgliedern bereitgestellt wurden, sowie einer akustischen Kindergitarre verbunden mit einem Jahr Musikunterricht an der Musikschule Music & Groove, den die FDGL im voraus bereits bezahlt hat.</p>
|
||||||
|
<p>Wir wünschen den beiden viel Freude damit! </p></p>
|
||||||
|
<hr/>
|
||||||
|
<strong><i class="fas fa-user"></i> Markus</strong> — 17. July 2022
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<script src="static/video.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
@ -0,0 +1,71 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
<head>
|
||||||
|
<!-- CSS -->
|
||||||
|
<link href="static/fontawesome/css/fontawesome.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link href="static/fontawesome/css/solid.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link href="static/fontawesome/css/brands.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="static/css/style.css">
|
||||||
|
<link rel="fotogrid stylesheet" href="static/css/fotogrid.css">
|
||||||
|
<link rel="event cards stylesheet" href="static/css/events.css">
|
||||||
|
<link rel="shortcut icon" href="static/favicon.ico">
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
<title>FdgL - Freunde des geordneten Lärms</title>
|
||||||
|
</head>
|
||||||
|
<body class=post>
|
||||||
|
<div id="sidebar">
|
||||||
|
<header>
|
||||||
|
<div class="site-title">
|
||||||
|
<a href="index.html">
|
||||||
|
<img src="static/logo.png" alt="Fdgl - Freunde des geordneten Lärms e.V." height="150"/>
|
||||||
|
<br/>FdgL e.V.
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="site-subtitle">
|
||||||
|
Freunde des geordneten Lärms e.V.
|
||||||
|
<hr/>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<nav id="sidebar-nav-links">
|
||||||
|
<a class="page-link" href="index.html">News</a>
|
||||||
|
<a class="page-link" href="verein.html">Verein</a>
|
||||||
|
<a class="page-link" href="events.html">Events</a>
|
||||||
|
<a class="page-link" href="kontakt.html">Kontakt</a>
|
||||||
|
<a class="page-link" href="datenschutz.html">Datenschutz</a>
|
||||||
|
<a class="page-link" href="impressum.html">Impressum</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<main class="container">
|
||||||
|
<header>
|
||||||
|
<h1 class="post-title">Impressum</h1>
|
||||||
|
</header>
|
||||||
|
<div class="content">
|
||||||
|
<div class="post-body">
|
||||||
|
|
||||||
|
<p> <strong>Angaben gemäß § 5 TMG</strong><br> Freunde des geordneten Lärms e.V.<br> Am Heinrichsberg 14<br> 90587 Veitsbronn</p>
|
||||||
|
|
||||||
|
<p> Vereinsregister: VR201228<br> Registergericht: Amtsgericht Fürth</p>
|
||||||
|
|
||||||
|
<p> Vertreten durch den Vorstand:<br> Maria Waber<br> Michael Moese<br></p>
|
||||||
|
|
||||||
|
<p> Kontakt<br> Telefon: +491732057713<br> E-Mail: vorstand@fdgl.rocks</p>
|
||||||
|
|
||||||
|
<p><strong> Verantwortlich für den Inhalt nach § 55 Abs. 2 RStV</strong><br> Michael Moese<br> Birkenstr. 5<br> 91452 Wilhermsdorf</p>
|
||||||
|
|
||||||
|
<p> Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer<br> Verbraucherschlichtungsstelle teilzunehmen.</p>
|
||||||
|
|
||||||
|
<p><strong>Haftung für Inhalte</strong><br>Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen.<br> Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.<br> Haftung für Links Unser Angebot enthält Links zu externen Websites Dritter, auf deren Inhalte wir keinen Einfluss haben.<br> Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links<br> umgehend entfernen. </p>
|
||||||
|
|
||||||
|
<p><strong>Urheberrecht</strong><br> Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers.<br> Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet.<br> Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.</p>
|
||||||
|
|
||||||
|
<p><strong>Quelle:</strong><br> https://www.e-recht24.de/impressum-generator.html</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<script src="static/video.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
@ -0,0 +1,117 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
<head>
|
||||||
|
<!-- CSS -->
|
||||||
|
<link href="static/fontawesome/css/fontawesome.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link href="static/fontawesome/css/solid.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link href="static/fontawesome/css/brands.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="static/css/style.css">
|
||||||
|
<link rel="fotogrid stylesheet" href="static/css/fotogrid.css">
|
||||||
|
<link rel="event cards stylesheet" href="static/css/events.css">
|
||||||
|
<link rel="shortcut icon" href="static/favicon.ico">
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
<title>FdgL - Freunde des geordneten Lärms</title>
|
||||||
|
</head>
|
||||||
|
<body class=post>
|
||||||
|
<div id="sidebar">
|
||||||
|
<header>
|
||||||
|
<div class="site-title">
|
||||||
|
<a href="index.html">
|
||||||
|
<img src="static/logo.png" alt="Fdgl - Freunde des geordneten Lärms e.V." height="150"/>
|
||||||
|
<br/>FdgL e.V.
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="site-subtitle">
|
||||||
|
Freunde des geordneten Lärms e.V.
|
||||||
|
<hr/>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<nav id="sidebar-nav-links">
|
||||||
|
<a class="page-link" href="index.html">News</a>
|
||||||
|
<a class="page-link" href="verein.html">Verein</a>
|
||||||
|
<a class="page-link" href="events.html">Events</a>
|
||||||
|
<a class="page-link" href="kontakt.html">Kontakt</a>
|
||||||
|
<a class="page-link" href="datenschutz.html">Datenschutz</a>
|
||||||
|
<a class="page-link" href="impressum.html">Impressum</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<main class="container">
|
||||||
|
<header>
|
||||||
|
<h1 class="post-title">
|
||||||
|
News
|
||||||
|
</h1>
|
||||||
|
</header>
|
||||||
|
<div class="content">
|
||||||
|
<div class="post-body">
|
||||||
|
|
||||||
|
|
||||||
|
<a href="gitarrenspende.html"><h2>FDGL übergibt Gitarrenspende</h2></a>
|
||||||
|
<p> Die Freunde des geordneten Lärms e.V. freuen sich, zwei hoffnungsvolle Nachwuchsrocker mit einer großzügigen Spende unterstützen zu können. </p>
|
||||||
|
<p><small>17. July 2022 </small></p>
|
||||||
|
<hr/>
|
||||||
|
|
||||||
|
<a href="spendenewforce.html"><h2>Spende an den Jugendclub New Force in Erlangen</h2></a>
|
||||||
|
<p> FDGL übergeben eine Spende an die Erlanger Metal-Institution - den Jugendclub New Force e.V. in Erlangen und helfen. </p>
|
||||||
|
<p><small>21. December 2021 </small></p>
|
||||||
|
<hr/>
|
||||||
|
|
||||||
|
<a href="fdglsummercamp2021.html"><h2>1. FDGL Summercamp 2021</h2></a>
|
||||||
|
<p> Wenn schon alle Festivals ausfallen müssen, möchten wir Euch - den Mitgliedern unseres Vereins - dennoch etwas Festivalfeeling bieten. </p>
|
||||||
|
<p><small>10. August 2021 </small></p>
|
||||||
|
<hr/>
|
||||||
|
|
||||||
|
<a href="esgibtwieder.html"><h2>Es gibt wieder geordneten Lärm!</h2></a>
|
||||||
|
<p> Dank eines ausgeklügelten Hygienekonzepts konnte am Sonntag, den 13.09.2020 unsere langersehnte Jahreshauptversammlung stattfinden. </p>
|
||||||
|
<p><small>21. September 2020 </small></p>
|
||||||
|
<hr/>
|
||||||
|
|
||||||
|
<a href="staytuned.html"><h2>FDGL 2021, stay tuned...</h2></a>
|
||||||
|
<p> Für 2021 haben wir uns ein bisschen 'was vorgenommen. </p>
|
||||||
|
<p><small>14. September 2020 </small></p>
|
||||||
|
<hr/>
|
||||||
|
|
||||||
|
<a href="paradise2019.html"><h2>Metal Hammer Paradise 2019</h2></a>
|
||||||
|
<p> Auch dieses Jahr sind wir wieder zum Metal Hammer Paradise Indoor-Festival gefahren. Das übersichtliche Festival findet immer an zwei Tagen im November im Ferienpark „Weißenhäuser Strand“ direkt an der Ostsee statt. </p>
|
||||||
|
<p><small>10. November 2019 </small></p>
|
||||||
|
<hr/>
|
||||||
|
|
||||||
|
<a href="wallesau2019.html"><h2>Wallesau ist Blau</h2></a>
|
||||||
|
<p> Der Siffi ist schuld… Nein, nicht schuld — wir sollten ihm eher dankbar sein. Durch seinen Post im Mitgliederforum und sein einladendes FAQ Video hat er in uns spontan die Lust geweckt, am Samstag zum Wallesau ist Blau, einem kleinen, feinen und sehr familiären Festival, nach Wallesau (bei Roth) zu fahren. Für uns Mittelfranken sowieso quasi vor der Haustür. </p>
|
||||||
|
<p><small>31. August 2019 </small></p>
|
||||||
|
<hr/>
|
||||||
|
|
||||||
|
<a href="wacken2019.html"><h2>Festivaltagebuch - W:O:A 2019</h2></a>
|
||||||
|
<p> Ein weiterer Artikel aus der Reihe „FDGL on Tour“. Diesmal mein ganz persönliches Festivaltagebuch zu Wacken 2019 mit einigen Erlebnissen und Konzertberichten. Habt Spaß! </p>
|
||||||
|
<p><small>05. August 2019 </small></p>
|
||||||
|
<hr/>
|
||||||
|
|
||||||
|
<a href="zeltspektakel2019.html"><h2>Dream Theater beim Zeltspektakel Winterbach</h2></a>
|
||||||
|
<p> In Winterbach bei Stuttgart findet alle zwei Jahre eine besondere musikalische Veranstaltung statt: das "Zeltspektakel". Auf dem Freigelände einer Firma baut ein örtlicher Verein, der sich der Kulturförderung verschrieben hat, ein Zirkuszelt nebst Biergarten auf und lässt darin eine Woche lang jeden Abend die unterschiedlichsten Künstler aufspielen. </p>
|
||||||
|
<p><small>21. July 2019 </small></p>
|
||||||
|
<hr/>
|
||||||
|
|
||||||
|
<a href="rockharz2019.html"><h2>Rockharz 2019</h2></a>
|
||||||
|
<p> So, nun sind wir auch wieder heimgekehrt aus dem wunderschönen Harz. Da gibt es nicht nur Käse, sondern auch ein richtig geiles Festival. </p>
|
||||||
|
<p><small>09. July 2019 </small></p>
|
||||||
|
<hr/>
|
||||||
|
|
||||||
|
<a href="growl-workshop.html"><h2>Growl Workshop</h2></a>
|
||||||
|
<p> Am Freitag, 04.10.2019 und am Samstag, 05.10.2019 findet jeweils ein dreistündiger Anfängerkurs Growlen, Shouten, Screamen mit der Critical Mess Frontfrau Britta Görtz statt. </p>
|
||||||
|
<p><small>01. July 2019 </small></p>
|
||||||
|
<hr/>
|
||||||
|
|
||||||
|
<a href="kuttennaehworkshop.html"><h2>Kuttennähworkshop</h2></a>
|
||||||
|
<p> In familiärer Atmosphäre zelebrieren wir die kreative Vereinigung dessen, was zusammen gehört, der Patch muss auf die Kutte. </p>
|
||||||
|
<p><small>19. March 2019 </small></p>
|
||||||
|
<hr/>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<script src="static/video.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
@ -0,0 +1,87 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
<head>
|
||||||
|
<!-- CSS -->
|
||||||
|
<link href="static/fontawesome/css/fontawesome.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link href="static/fontawesome/css/solid.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link href="static/fontawesome/css/brands.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="static/css/style.css">
|
||||||
|
<link rel="fotogrid stylesheet" href="static/css/fotogrid.css">
|
||||||
|
<link rel="event cards stylesheet" href="static/css/events.css">
|
||||||
|
<link rel="shortcut icon" href="static/favicon.ico">
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
<title>FdgL - Freunde des geordneten Lärms</title>
|
||||||
|
</head>
|
||||||
|
<body class=post>
|
||||||
|
<div id="sidebar">
|
||||||
|
<header>
|
||||||
|
<div class="site-title">
|
||||||
|
<a href="index.html">
|
||||||
|
<img src="static/logo.png" alt="Fdgl - Freunde des geordneten Lärms e.V." height="150"/>
|
||||||
|
<br/>FdgL e.V.
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="site-subtitle">
|
||||||
|
Freunde des geordneten Lärms e.V.
|
||||||
|
<hr/>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<nav id="sidebar-nav-links">
|
||||||
|
<a class="page-link" href="index.html">News</a>
|
||||||
|
<a class="page-link" href="verein.html">Verein</a>
|
||||||
|
<a class="page-link" href="events.html">Events</a>
|
||||||
|
<a class="page-link" href="kontakt.html">Kontakt</a>
|
||||||
|
<a class="page-link" href="datenschutz.html">Datenschutz</a>
|
||||||
|
<a class="page-link" href="impressum.html">Impressum</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<main class="container">
|
||||||
|
<header>
|
||||||
|
<h1 class="post-title">Kontakt</h1>
|
||||||
|
</header>
|
||||||
|
<div class="content">
|
||||||
|
<div class="post-body">
|
||||||
|
|
||||||
|
<p>
|
||||||
|
Über diese Kanäle könnt ihr Kontakt mit uns aufnehmen:
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<i class="fas fa-envelope"></i><br/>
|
||||||
|
Freunde des geordneten Lärms e.V.<br/>
|
||||||
|
Am Heinrichsberg 14<br/>
|
||||||
|
90587 Veitsbronn<br/>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<i class="fas fa-at"></i> <a href="mailto:vorstand@fdgl.rocks">vorstand@fdgl.rocks</a>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<i class="fab fa-facebook"></i> <a href="https://www.facebook.com/Fdgl-Freunde-des-geordneten-Lärms-eV-331258777731606/">FdgL bei Facebook</a>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<i class="fab fa-twitter"></i> <a href="https://twitter.com/fdglev">FdgL bei Twitter</a>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<i class="fab fa-youtube"></i> <a href="https://www.youtube.com/channel/UCqkK-zs5GwJ9Ghqlp_iKgvw">FdgL bei YouTube</a>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<i class="fab fa-mastodon"></i> <a href="https://metalhead.club/@FDGL">FdgL bei Mastodon</a>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
Diese Webseite ist freie Software, lizenziert unter der GNU General Public License, Version 3 (GPL v3). Beiträge sind stets willkommen!
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<i class="fab fa-github"></i> <a href="https://github.com/F-D-G-L/fdgl-homepage">Source Code auf GitHub</a>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<i class="fab fa-github"></i> <a href="https://github.com/F-D-G-L/fdgl-homepage/issues/new">Einen Fehler berichten oder Ideen für neue Funktionen einreichen</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<script src="static/video.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
@ -0,0 +1,81 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
<head>
|
||||||
|
<!-- CSS -->
|
||||||
|
<link href="static/fontawesome/css/fontawesome.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link href="static/fontawesome/css/solid.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link href="static/fontawesome/css/brands.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="static/css/style.css">
|
||||||
|
<link rel="fotogrid stylesheet" href="static/css/fotogrid.css">
|
||||||
|
<link rel="event cards stylesheet" href="static/css/events.css">
|
||||||
|
<link rel="shortcut icon" href="static/favicon.ico">
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
<title>FdgL - Freunde des geordneten Lärms</title>
|
||||||
|
</head>
|
||||||
|
<body class=post>
|
||||||
|
<div id="sidebar">
|
||||||
|
<header>
|
||||||
|
<div class="site-title">
|
||||||
|
<a href="index.html">
|
||||||
|
<img src="static/logo.png" alt="Fdgl - Freunde des geordneten Lärms e.V." height="150"/>
|
||||||
|
<br/>FdgL e.V.
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="site-subtitle">
|
||||||
|
Freunde des geordneten Lärms e.V.
|
||||||
|
<hr/>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<nav id="sidebar-nav-links">
|
||||||
|
<a class="page-link" href="index.html">News</a>
|
||||||
|
<a class="page-link" href="verein.html">Verein</a>
|
||||||
|
<a class="page-link" href="events.html">Events</a>
|
||||||
|
<a class="page-link" href="kontakt.html">Kontakt</a>
|
||||||
|
<a class="page-link" href="datenschutz.html">Datenschutz</a>
|
||||||
|
<a class="page-link" href="impressum.html">Impressum</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<main class="container">
|
||||||
|
<header>
|
||||||
|
<h1 class="post-title">Kuttennähworkshop</h1>
|
||||||
|
</header>
|
||||||
|
<div class="content">
|
||||||
|
<div class="post-body">
|
||||||
|
|
||||||
|
<p><p>In familiärer Atmosphäre zelebrieren wir die kreative Vereinigung dessen, was
|
||||||
|
zusammen gehört:
|
||||||
|
Der Patch muss auf die Kutte.</p>
|
||||||
|
<iframe width="560" height="315"
|
||||||
|
src="https://www.youtube-nocookie.com/embed/-1gW_VJ4inU" frameborder="0"
|
||||||
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope;
|
||||||
|
picture-in-picture" allowfullscreen></iframe>
|
||||||
|
|
||||||
|
<p>Du bist es leid, dir die Finger beim Aufnähen deiner Lieblingsbands am
|
||||||
|
hartnäckigen Jeansstoff aufzuschinden? Aber schon unter deinem Blick geht die
|
||||||
|
Nähmaschine in Flammen auf? Vielleicht hast du auch schon erste Näherfahrung,
|
||||||
|
weißt aber nicht, wo du mit deiner Kutte anfangen, oder wie du die Patches auf
|
||||||
|
die Taschen bekommen sollst. Hier ist unsere Lösung für dich:</p>
|
||||||
|
<ul>
|
||||||
|
<li>Erfahrene Kuttenträger zeigen dir Wege zu deiner individuellen Kuttengestaltung </li>
|
||||||
|
<li>Zum Frustabbau steht uns eine Professionelle mit Rat und Tat zur Seite (ähm, also eine Schneiderin) </li>
|
||||||
|
<li>Nicht die passenden Patches? Vielleicht wirst du auf unserer Patchbörse fündig. Bring gerne auch deine mit, die du loswerden möchtest. </li>
|
||||||
|
<li>Für Verpflegung ist gesorgt. Im Ticketpreis ist ein Gedeck Essen und ein Getränk enthalten. </li>
|
||||||
|
<li>Die passende musikalische Untermalung versteht sich von selbst! </li>
|
||||||
|
</ul>
|
||||||
|
<p>Tickets gibt's für 8€ - schreib einfach eine E-Mail an
|
||||||
|
machsdirselbst@fdgl.rocks und wir schicken Dir die Bankdaten. Wir freuen uns
|
||||||
|
auf dich!</p>
|
||||||
|
<p>Update: Alle Tickets wurden verkauft! Danke für Euer Interesse! Wir sehen uns
|
||||||
|
am Samstag!</p></p>
|
||||||
|
<hr/>
|
||||||
|
<strong><i class="fas fa-user"></i> Michael</strong> — 19. March 2019
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<script src="static/video.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
@ -0,0 +1,62 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
<head>
|
||||||
|
<!-- CSS -->
|
||||||
|
<link href="static/fontawesome/css/fontawesome.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link href="static/fontawesome/css/solid.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link href="static/fontawesome/css/brands.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="static/css/style.css">
|
||||||
|
<link rel="fotogrid stylesheet" href="static/css/fotogrid.css">
|
||||||
|
<link rel="event cards stylesheet" href="static/css/events.css">
|
||||||
|
<link rel="shortcut icon" href="static/favicon.ico">
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
<title>FdgL - Freunde des geordneten Lärms</title>
|
||||||
|
</head>
|
||||||
|
<body class=post>
|
||||||
|
<div id="sidebar">
|
||||||
|
<header>
|
||||||
|
<div class="site-title">
|
||||||
|
<a href="index.html">
|
||||||
|
<img src="static/logo.png" alt="Fdgl - Freunde des geordneten Lärms e.V." height="150"/>
|
||||||
|
<br/>FdgL e.V.
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="site-subtitle">
|
||||||
|
Freunde des geordneten Lärms e.V.
|
||||||
|
<hr/>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<nav id="sidebar-nav-links">
|
||||||
|
<a class="page-link" href="index.html">News</a>
|
||||||
|
<a class="page-link" href="verein.html">Verein</a>
|
||||||
|
<a class="page-link" href="events.html">Events</a>
|
||||||
|
<a class="page-link" href="kontakt.html">Kontakt</a>
|
||||||
|
<a class="page-link" href="datenschutz.html">Datenschutz</a>
|
||||||
|
<a class="page-link" href="impressum.html">Impressum</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<main class="container">
|
||||||
|
<header>
|
||||||
|
<h1 class="post-title">Spende an den Jugendclub New Force in Erlangen</h1>
|
||||||
|
</header>
|
||||||
|
<div class="content">
|
||||||
|
<div class="post-body">
|
||||||
|
|
||||||
|
<p><p><img alt="Gruppenbild New Force" src="static/img/spendenewforce.jpg#illustration" /></p>
|
||||||
|
<p>Das <strong>New Force</strong> in Erlangen ist eine <strong>fränkische Metalinstitution</strong>! Als selbstverwalteter Jugendclub leistet das New Force seit fast 40 Jahren hervorragende Arbeit und hegt und pflegt die Metal-Subkultur in Erlangen und Umgebung - für viele von uns hat das Force einen wesentlichen Beitrag zur „metallischen Sozialisation“ geleistet. </p>
|
||||||
|
<p>Am 18. Dezember hätte das Force sein 39-jähriges Bestehen feiern wollen, stattdessen rief der Trägerverein die Forcler zu einem Getränkeabverkauf zusammen, um Getränke vor dem Verfallsdatum zu retten und die angelaufenen Verluste etwas zu begrenzen.</p>
|
||||||
|
<p>Bei der FDGL ist man sich schnell einig: wir geben etwas und helfen zumindest ein klein wenig dabei, die derzeitigen Verluste abzufedern. Der New Force e.V. arbeitetet zu 100% ehrenamtlich, dennoch gibt es laufende Kosten zu decken, was schwerfällt, wenn man keine Veranstaltungen durchführen kann und damit Einnahmen wegbrechen .</p>
|
||||||
|
<p>So freuen wir uns, dass die Mitglieder des FDGL heute am 21.12.2021 <strong>eine Spende in Höhe von €200.-</strong> an das New Force e.V. Erlangen übergeben konnten! </p>
|
||||||
|
<p><em>Haltet durch, im Frühjahr laden wir den Bus voll und feiern mit Euch!</em></p></p>
|
||||||
|
<hr/>
|
||||||
|
<strong><i class="fas fa-user"></i> Markus</strong> — 21. December 2021
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<script src="static/video.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
@ -0,0 +1,65 @@
|
|||||||
|
/*
|
||||||
|
The event container uses flex layout to arrange the different events as cards.
|
||||||
|
*/
|
||||||
|
.event-container {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
Each event card displays an event in a nice way as a card.
|
||||||
|
*/
|
||||||
|
.event-card {
|
||||||
|
border-style: solid;
|
||||||
|
border-width: 0.2rem;
|
||||||
|
border-image-source: linear-gradient(to bottom, rgba(191, 191, 191, 1.0), rgba(255, 255, 255, 1.0));
|
||||||
|
border-image-slice: 1;
|
||||||
|
margin: 0.2rem 0.2rem 0.2rem 0.2rem;
|
||||||
|
padding-left: 0.8rem;
|
||||||
|
padding-right: 0.8rem;
|
||||||
|
width: 16rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.event-card-fdgl {
|
||||||
|
border-width: 0.4rem;
|
||||||
|
border-color: #c11012;
|
||||||
|
border-image-source: none;
|
||||||
|
border-image-sice: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.event-card img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.attending {
|
||||||
|
font-size: 0.8rem;
|
||||||
|
color: #c11012;
|
||||||
|
}
|
||||||
|
|
||||||
|
.attendee {
|
||||||
|
color: #515151;
|
||||||
|
}
|
||||||
|
|
||||||
|
.event-type {
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: white;
|
||||||
|
background: #c11012;
|
||||||
|
padding-left: 2px;
|
||||||
|
padding-right: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.event-type-fdgl {
|
||||||
|
color: #c11012;
|
||||||
|
background: white;
|
||||||
|
border-style: dotted;
|
||||||
|
border-color: #c11012;
|
||||||
|
border-width: 1px;
|
||||||
|
padding-left: 2px;
|
||||||
|
padding-right: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 783px), (orientation: portrait) {
|
||||||
|
.event-card {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,35 @@
|
|||||||
|
|
||||||
|
|
||||||
|
.fotorow {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
padding: 0 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Create four equal columns that sits next to each other */
|
||||||
|
.fotocolumn {
|
||||||
|
flex: 25%;
|
||||||
|
max-width: 25%;
|
||||||
|
padding: 0 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fotocolumn img {
|
||||||
|
margin-top: 8px;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Responsive layout - makes a two column-layout instead of four columns */
|
||||||
|
@media (max-width: 1000px) {
|
||||||
|
.fotocolumn {
|
||||||
|
flex: 50%;
|
||||||
|
max-width: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
|
||||||
|
@media (max-width: 800px) {
|
||||||
|
.fotocolumn {
|
||||||
|
flex: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
}
|
@ -0,0 +1,305 @@
|
|||||||
|
* {
|
||||||
|
box-sizing:border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
html, body {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Oxygen", "Ubuntu", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
|
||||||
|
font-size: 1rem;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
On modern smartphones with high dpi screens, we have to enlarge the font in portrait mode
|
||||||
|
*/
|
||||||
|
@media only screen and (-moz-min-device-pixel-ratio: 2) and (orientation: portrait),
|
||||||
|
only screen and (-o-min-device-pixel-ratio: 2/1) and (orientation: portrait),
|
||||||
|
only screen and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait),
|
||||||
|
only screen and (min-device-pixel-ratio: 2) and (orientation: portrait) {
|
||||||
|
|
||||||
|
html {
|
||||||
|
font-size: 2.5rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
text-size-adjust:100%;
|
||||||
|
background-attachment: fixed;
|
||||||
|
background-color: #000000;
|
||||||
|
color: rgba(255, 255, 255, 0.75);
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
min-height:100vh
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
display: block
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #c11012;
|
||||||
|
text-decoration:none
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover, a:focus {
|
||||||
|
text-decoration:underline
|
||||||
|
}
|
||||||
|
|
||||||
|
a strong {
|
||||||
|
color:inherit
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6, .site-title {
|
||||||
|
color: #313131;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 1.25;
|
||||||
|
margin-bottom: .5rem;
|
||||||
|
text-rendering:optimizeLegibility
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-title, .site-subtitle {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size:2rem
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
margin-top:1rem
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
border: 1px solid #c11012;
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#sidebar {
|
||||||
|
flex: 0 0 auto;
|
||||||
|
padding:2rem
|
||||||
|
}
|
||||||
|
|
||||||
|
#sidebar .site-title {
|
||||||
|
font-family: 'Abril Fatface', serif;
|
||||||
|
font-size: 1.25rem;
|
||||||
|
font-weight: normal;
|
||||||
|
margin-bottom: .5rem;
|
||||||
|
margin-top:0
|
||||||
|
}
|
||||||
|
|
||||||
|
#sidebar nav {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
#sidebar-nav-links {
|
||||||
|
flex-flow: column nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content {
|
||||||
|
background: #fff;
|
||||||
|
color: #515151;
|
||||||
|
padding:2rem
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
display: flex;
|
||||||
|
flex: 1 1 auto;
|
||||||
|
flex-direction:column
|
||||||
|
}
|
||||||
|
|
||||||
|
.container > .content {
|
||||||
|
flex-grow: 1;
|
||||||
|
padding-bottom:4rem
|
||||||
|
}
|
||||||
|
|
||||||
|
.container > header {
|
||||||
|
background: transparent;
|
||||||
|
color: #fff;
|
||||||
|
margin:-1.5rem 2rem 2rem
|
||||||
|
}
|
||||||
|
|
||||||
|
.container > header h1, .container > header h2 {
|
||||||
|
color:inherit
|
||||||
|
}
|
||||||
|
|
||||||
|
.home #sidebar {
|
||||||
|
text-align:center
|
||||||
|
}
|
||||||
|
|
||||||
|
.home #sidebar .site-title {
|
||||||
|
font-size:3.25rem
|
||||||
|
}
|
||||||
|
|
||||||
|
.home #sidebar header ~ nav {
|
||||||
|
display:flex
|
||||||
|
}
|
||||||
|
|
||||||
|
.home #sidebar > * :last-child {
|
||||||
|
margin-bottom:0.5rem
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
Styling for images meant to be embedded within blog post. Use it
|
||||||
|
by append #illustration to image url in markdown like:
|
||||||
|
![Kitten](static/img/kitten.jpg#illustration)
|
||||||
|
*/
|
||||||
|
img[src $= "#illustration"] {
|
||||||
|
display: block;
|
||||||
|
margin-top: 8px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
border-radius: 8px;
|
||||||
|
width: 60%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
Display an external icon after each link that leads away from our site.
|
||||||
|
*/
|
||||||
|
.content a[href^="http://"]:not([href*="fdgl.rocks"]):not([href*="youtu.be"]):not([href*="youtube.com"]):not([href*="#hideextern"]):after,
|
||||||
|
.content a[href^="https://"]:not([href*="fdgl.rocks"]):not([href*="youtu.be"]):not([href*="youtube.com"]):not([href*="#hideextern"]):after {
|
||||||
|
|
||||||
|
font-family: 'Font Awesome 5 Free';
|
||||||
|
content: "\f35d";
|
||||||
|
display: inline-block;
|
||||||
|
font: normal 16px/1 'Font Awesome 5 Free';
|
||||||
|
margin-left: 4px;
|
||||||
|
}
|
||||||
|
/*
|
||||||
|
Display an Youtube icon left of every youtube link.
|
||||||
|
*/
|
||||||
|
.content a[href^="http://youtu.be"]:before,
|
||||||
|
.content a[href^="https://youtu.be"]:before,
|
||||||
|
.content a[href^="http://youtube.com"]:before,
|
||||||
|
.content a[href^="https://youtube.com"]:before {
|
||||||
|
|
||||||
|
font-family: "Font Awesome 5 Brands";
|
||||||
|
content: "\f167";
|
||||||
|
display: inline-block;
|
||||||
|
font: normal 16px/1 'Font Awesome 5 Brands';
|
||||||
|
margin-right: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/*
|
||||||
|
Landscape mode: Navbar to the left.
|
||||||
|
*/
|
||||||
|
@media (min-width: 49rem) and (orientation: landscape) {
|
||||||
|
body {
|
||||||
|
flex-direction: row;
|
||||||
|
min-height: 100vh;
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
overflow-y:auto
|
||||||
|
}
|
||||||
|
|
||||||
|
body > * {
|
||||||
|
-webkit-overflow-scrolling: touch;
|
||||||
|
overflow-y:auto
|
||||||
|
}
|
||||||
|
|
||||||
|
#sidebar, .home #sidebar {
|
||||||
|
text-align: left;
|
||||||
|
width:18rem
|
||||||
|
}
|
||||||
|
|
||||||
|
#sidebar > * :last-child, .home #sidebar > * :last-child {
|
||||||
|
margin-bottom:0
|
||||||
|
}
|
||||||
|
|
||||||
|
#sidebar {
|
||||||
|
position: fixed;
|
||||||
|
left:0
|
||||||
|
}
|
||||||
|
|
||||||
|
#sidebar .site-title {
|
||||||
|
font-size:3.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#sidebar .site-title .back-arrow {
|
||||||
|
display:none
|
||||||
|
}
|
||||||
|
|
||||||
|
#sidebar p.lead, #sidebar header ~ * {
|
||||||
|
display:block
|
||||||
|
}
|
||||||
|
|
||||||
|
#sidebar header ~ nav {
|
||||||
|
display:flex
|
||||||
|
}
|
||||||
|
|
||||||
|
.index #sidebar {
|
||||||
|
margin-bottom:0
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
background: #fff;
|
||||||
|
color: #515151;
|
||||||
|
min-height: 100vh;
|
||||||
|
padding: 4rem 4rem 0;
|
||||||
|
margin-left:18rem
|
||||||
|
}
|
||||||
|
|
||||||
|
.container > header {
|
||||||
|
color: #313131;
|
||||||
|
margin:0
|
||||||
|
}
|
||||||
|
|
||||||
|
.container > header h1, .container > header h2 {
|
||||||
|
color:inherit
|
||||||
|
}
|
||||||
|
|
||||||
|
.container > header h1:last-child, .container > header h2:last-child {
|
||||||
|
margin-bottom:.5rem
|
||||||
|
}
|
||||||
|
|
||||||
|
.container > * {
|
||||||
|
max-width: 38rem;
|
||||||
|
padding:0
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#sidebar a {
|
||||||
|
color:#fff
|
||||||
|
}
|
||||||
|
|
||||||
|
#sidebar a:hover, #sidebar a:focus {
|
||||||
|
text-decoration:underline
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
Portrait with navigation on top. Mostly for smartphones.
|
||||||
|
*/
|
||||||
|
@media screen and (max-width: 783px), (orientation: portrait) {
|
||||||
|
.container > .content {
|
||||||
|
padding:1.5rem
|
||||||
|
}
|
||||||
|
|
||||||
|
#sidebar #sidebar-nav-links {
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content:space-evenly;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
#sidebar #sidebar-nav-links a {
|
||||||
|
display: inline-block;
|
||||||
|
margin:0 .5em
|
||||||
|
}
|
||||||
|
|
||||||
|
.home.index #sidebar {
|
||||||
|
padding: 1rem
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
background-color: #c11012;
|
||||||
|
color: white;
|
||||||
|
padding: 2px 8px;
|
||||||
|
font-size: 48px;
|
||||||
|
border: none;
|
||||||
|
}
|
After Width: | Height: | Size: 15 KiB |
@ -0,0 +1,5 @@
|
|||||||
|
/*!
|
||||||
|
* Font Awesome Free 5.3.1 by @fontawesome - https://fontawesome.com
|
||||||
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||||
|
*/
|
||||||
|
@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot%3F) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}
|
@ -0,0 +1,5 @@
|
|||||||
|
/*!
|
||||||
|
* Font Awesome Free 5.3.1 by @fontawesome - https://fontawesome.com
|
||||||
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||||
|
*/
|
||||||
|
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot%3F) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Free";font-weight:900}
|
After Width: | Height: | Size: 633 KiB |
After Width: | Height: | Size: 665 KiB |
After Width: | Height: | Size: 117 KiB |
After Width: | Height: | Size: 420 KiB |
After Width: | Height: | Size: 349 KiB |
After Width: | Height: | Size: 326 KiB |
After Width: | Height: | Size: 174 KiB |
After Width: | Height: | Size: 338 KiB |
After Width: | Height: | Size: 146 KiB |
After Width: | Height: | Size: 378 KiB |
After Width: | Height: | Size: 96 KiB |
After Width: | Height: | Size: 328 KiB |
After Width: | Height: | Size: 2.4 MiB |
After Width: | Height: | Size: 60 KiB |
After Width: | Height: | Size: 419 KiB |
After Width: | Height: | Size: 2.4 MiB |
After Width: | Height: | Size: 380 KiB |
After Width: | Height: | Size: 222 KiB |
After Width: | Height: | Size: 560 KiB |
After Width: | Height: | Size: 490 KiB |
After Width: | Height: | Size: 623 KiB |
After Width: | Height: | Size: 765 KiB |
After Width: | Height: | Size: 160 KiB |
After Width: | Height: | Size: 574 KiB |
After Width: | Height: | Size: 363 KiB |
After Width: | Height: | Size: 365 KiB |
After Width: | Height: | Size: 333 KiB |
After Width: | Height: | Size: 492 KiB |
After Width: | Height: | Size: 553 KiB |
After Width: | Height: | Size: 416 KiB |
After Width: | Height: | Size: 811 KiB |
After Width: | Height: | Size: 456 KiB |
After Width: | Height: | Size: 60 KiB |
@ -0,0 +1,31 @@
|
|||||||
|
(function() {
|
||||||
|
window.iframes = [];
|
||||||
|
document.addEventListener("DOMContentLoaded", function() {
|
||||||
|
var frame, wall, src;
|
||||||
|
for (var i=0, max = window.frames.length - 1; i <= max; i+=1) {
|
||||||
|
frame = document.getElementsByTagName('iframe')[0];
|
||||||
|
src = frame.src;
|
||||||
|
if (src.match(/youtube/) == null) {
|
||||||
|
continue;
|
||||||
|
}
|
||||||
|
iframes.push(frame);
|
||||||
|
wall = document.createElement('article');
|
||||||
|
if (typeof (window.frames[0].stop) === 'undefined') {
|
||||||
|
setTimeout(function() { window.frames[0].execCommand('Stop'); },1000);
|
||||||
|
} else {
|
||||||
|
setTimeout(function() { window.frames[0].stop(); },1000);
|
||||||
|
}
|
||||||
|
wall.setAttribute('class', 'video-wall');
|
||||||
|
wall.setAttribute('data-index', i);
|
||||||
|
wall.innerHTML = '<strong>Click für YouTube Video</strong><br><button class="btn"><i class="fab fa-youtube-square" aria-hidden="true"></i></button>';
|
||||||
|
frame.parentNode.replaceChild(wall, frame);
|
||||||
|
document.querySelectorAll('.video-wall button')[i].addEventListener('click', function() {
|
||||||
|
var frame = this.parentNode;
|
||||||
|
index = frame.getAttribute('data-index');
|
||||||
|
|
||||||
|
iframes[index].src = iframes[index].src.replace(/www\.youtube\.com/, 'www.youtube-nocookie.com');
|
||||||
|
frame.parentNode.replaceChild(iframes[index], frame);
|
||||||
|
}, false);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
})();
|
@ -0,0 +1,80 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
<head>
|
||||||
|
<!-- CSS -->
|
||||||
|
<link href="static/fontawesome/css/fontawesome.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link href="static/fontawesome/css/solid.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link href="static/fontawesome/css/brands.min.css%3Fversion=5.14.0.css" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="static/css/style.css">
|
||||||
|
<link rel="fotogrid stylesheet" href="static/css/fotogrid.css">
|
||||||
|
<link rel="event cards stylesheet" href="static/css/events.css">
|
||||||
|
<link rel="shortcut icon" href="static/favicon.ico">
|
||||||
|
<style>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
<title>FdgL - Freunde des geordneten Lärms</title>
|
||||||
|
</head>
|
||||||
|
<body class=post>
|
||||||
|
<div id="sidebar">
|
||||||
|
<header>
|
||||||
|
<div class="site-title">
|
||||||
|
<a href="index.html">
|
||||||
|
<img src="static/logo.png" alt="Fdgl - Freunde des geordneten Lärms e.V." height="150"/>
|
||||||
|
<br/>FdgL e.V.
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div class="site-subtitle">
|
||||||
|
Freunde des geordneten Lärms e.V.
|
||||||
|
<hr/>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
<nav id="sidebar-nav-links">
|
||||||
|
<a class="page-link" href="index.html">News</a>
|
||||||
|
<a class="page-link" href="verein.html">Verein</a>
|
||||||
|
<a class="page-link" href="events.html">Events</a>
|
||||||
|
<a class="page-link" href="kontakt.html">Kontakt</a>
|
||||||
|
<a class="page-link" href="datenschutz.html">Datenschutz</a>
|
||||||
|
<a class="page-link" href="impressum.html">Impressum</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<main class="container">
|
||||||
|
<header>
|
||||||
|
<h1 class="post-title">Verein</h1>
|
||||||
|
</header>
|
||||||
|
<div class="content">
|
||||||
|
<div class="post-body">
|
||||||
|
|
||||||
|
<h3>Wer sind wir?</h3>
|
||||||
|
|
||||||
|
<p>In erster Linie ein Metal-Verein. Es ist uns egal, welche Hautfarbe, Religion, welches Geschlecht du hast, oder wen (oder was) du liebst. Solange der Metal ein Teil von dir ist. Toleranz wird bei uns großgeschrieben, genauso wie ein gegenseitiges, achtsames Miteinander. Aber auch Toleranz hat ihre Grenzen. Als Rassist, Nazi, oder ähnliches wirst du dich bei uns nicht wohl fühlen. Genauso wenig wie als Hip Hopper ;-)</p>
|
||||||
|
|
||||||
|
<h3>Was wollen wir</h3>
|
||||||
|
|
||||||
|
<p>Weil wir Deutschland zu einem besseren Ort machen wollen, weil das auch bedeutet, den Metal zu fördern und weil sich manchmal auch gute Dinge miteinander verbinden lassen:</p>
|
||||||
|
|
||||||
|
<ol><li>Spenden von Musikinstrumenten an Kindergärten und Schulen</li><li>Vergabe von Stipendien an Kinder, die gerne Metal spielen würden, ihre Familien sich aber keinen Musikunterricht leisten können</li><li>Kleinen Bands aus der Region bei Auswärtsgigs finanziell unter die Arme greifen</li><li>Stärken des Metal im Raum Mittelfranken durch unseren Beitrag an der Veranstaltungskultur.</li></ol>
|
||||||
|
|
||||||
|
<h3>Und wann wollen wir das?</h3>
|
||||||
|
|
||||||
|
<p>Am liebsten sofort! Allerdings benötigen wir dazu aber auch erst einmal das gewisse Kleingeld. Und da seid ihr gefragt! Unterstützt uns durch Spenden, werdet Mitglied, oder besucht einfach unsere Veranstaltungen. </p>
|
||||||
|
|
||||||
|
<p>Wir freuen uns natürlich auch, wenn ihr einfach nur zu einer tollen Atmosphäre an unseren Events beitragt, ihr seid herzlich willkommen!</p>
|
||||||
|
|
||||||
|
<p>Du möchtest Mitglied der Freunde des geordneten Lärms werden? Sehr gerne, der Beitritt steht natürlich jedem offen. </p>
|
||||||
|
|
||||||
|
<h3>Hier findest Du alle Informationen die du zum Beitritt benötigst:</h3>
|
||||||
|
<ul>
|
||||||
|
<li><a href="static/satzung_fdgl.pdf">Aktuelle Vereinssatzung</a></li>
|
||||||
|
<li><a href="static/aufnahmeantrag_fdgl.pdf">Aufnahmeantrag und SEPA-Mandat</a></li>
|
||||||
|
</ul>
|
||||||
|
<p><strong>Wichtig:</strong> Bitte lies die Satzung, und wenn Du beitreten möchtest, schicke uns einfach das ausgefüllte Formular zu</p>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<script src="static/video.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|