---
title: "About"
+url: /about.html
---
<p>
<span class="logo">juplo</span> is the place, where I collect and share
---
title: "Allgemeine Geschäftsbedingungen (AGB)"
+url: /agb.html
---
<article class="maincontent">
<header><h1>Allgemeine Geschäftsbedingungen (AGB)</h1></header>
---
title: "Contact"
+url: /contact.html
---
<div class="maincontent">
<div class="pack">
---
title: "Datenschutz"
+url: /datenschutz.html
---
<section id="allgemein">
<h2>Allgemeine Hinweise zum Datenschutz</h2>
---
title: "Frameset to Bypass Same-Origin-Policy"
+url: /devel.html
---
---
title: "404: Page Not Found!"
+url: /error/404.html
---
<ol id="crumbs">
<li class="b"><a class="b" href="../index.html" th:href="@{/index.html}">Home</a></li>
---
title: "An Unexpected Error Occured!"
+url: /error/5xx.html
---
<ol id="crumbs">
<li class="b"><a class="b" href="../index.html" th:href="@{/index.html}">Home</a></li>
---
title: "Expertise"
+url: /expertise.html
---
<main class="maincontent">
<div th:replace="/templates/fragments.html :: wip ('Expertise')"></div>
---
title: "Google Analytics"
+url: /google-analytics.html
---
<header><h1>Google Analytics</h1></header>
<p>Diese Website benutzt Google Analytics, einen Webanalysedienst der Google Inc. ("Google"). Google Analytics verwendet sog. "Cookies", Textdateien, die auf Ihrem Computer gespeichert werden und die eine Analyse der Benutzung der Website durch Sie ermöglichen. Die durch den Cookie erzeugten Informationen über Ihre Benutzung dieser Website werden in der Regel an einen Server von Google in den USA übertragen und dort gespeichert. Im Falle der Aktivierung der IP-Anonymisierung auf dieser Webseite wird Ihre IP-Adresse von Google jedoch innerhalb von Mitgliedstaaten der Europäischen Union oder in anderen Vertragsstaaten des Abkommens über den Europäischen Wirtschaftsraum zuvor gekürzt.</p>
---
title: "Haftung für Inhalte"
+url: /haftung-inhalte.html
---
<p>Sämtliche Inhalte unserer Internetseiten sind mit größtmöglicher Sorgfalt erstellt worden. Dennoch ist es uns nicht möglich, eine Gewähr dafür zu übernehmen, dass diese Inhalte richtig, vollständig und aktuell sind. Wir sind gemäß § 7 Abs. 1 TMG für die eigenen Inhalte auf unseren Internetseiten verantwortlich. Gemäß den §§ 8, 9 und 10 TMG besteht für uns allerdings keine Verpflichtung, dass wir Informationen von Dritten, die übermittelt oder gespeichert wurden, überwachen oder Umstände ausforschen müssten, die Hinweise auf nicht rechtmäßige Tätigkeiten ergeben. Davon nicht berührt, ist unsere Verpflichtung zur Sperrung oder Entfernung von Informationen, welche uns von den allgemeinen Gesetzen auferlegt wird. Wir haften allerdings insoweit erst in dem Moment, in dem wir von einer konkreten Verletzung von Rechten Kenntnis erlangen. Wenn wir von einer solchen Verletzung von Rechten Kenntnis erlangen, wird eine unverzügliche Entfernung der entsprechenden Inhalte erfolgen.</p>
<p><em>Quelle: Flegl Rechtsanwälte GmbH</em></p>
---
title: "Haftung für Links"
+url: /haftung-links.html
---
<p>Unsere Internetseiten enthalten Links, die zu externen Internetseiten von Dritten führen. Auf die Inhalte dieser externen Seiten haben wir keine Einflussmöglichkeiten. Es ist uns daher nicht möglich, eine Gewähr für diese Inhalte zu übernehmen. Die Verantwortung dafür hat immer der jeweilige Anbieter/Betreiber der entsprechenden Internetseiten. Wir überprüfen die von uns verlinkten Internetseiten zum Zeitpunkt der Verlinkung auf einen möglichen Rechtsverstoß. Die Verlinkung kommt nur dann zustande, wenn ein rechtswidriger Inhalt zu diesem Zeitpunkt nicht erkennbar ist. Es kann uns jedoch, ohne einen konkreten Anhaltspunkt, nicht zugemutet werden, ständig die verlinkten Internetseiten inhaltlich zu kontrollieren. Wenn wir jedoch von einer Rechtsverletzung Kenntnis erlangen, werden wir den entsprechenden Link unverzüglich entfernen.</p>
<p><em>Quelle: Flegl Rechtsanwälte GmbH</em></p>
---
title: "Impressum"
+url: /impressum.html
---
<p><em>Angaben gemäß § 5 TMG:</em></p>
<p>
---
title: "accelerator - Overview"
+url: /potemkin/accelerator.html
---
<main class="maincontent">
<h1>Accelerator - DUMMY</h1>
---
title: "Fix SWF - Getting Started"
+url: /potemkin/fix-swf/getting-started.html
---
<main class="maincontent">
<h1>Getting Started - DUMMY</h1>
---
title: "Fix SWF - Overview"
+url: /potemkin/fix-swf/overview.html
---
<main class="maincontent">
<h1>Overviw - DUMMY</h1>
---
title: "HTML-Experimente - Basis-Layout"
+url: /potemkin/html-experimente/basis-layout.html
---
<main class="maincontent">
<header><h1>Nur das Basis-Layout</h1></header>
---
title: "HTML-Experimente - Langer Breadcrumb"
+url: /potemkin/html-experimente/breadcrumb.html
---
<ol id="crumbs">
<li class="b"><a class="b" href="../index.html" th:href="@{/index.html}">Home</a></li>
---
title: "HTML-Experimente - Druck-Layout"
+url: /potemkin/html-experimente/druck-layout.html
---
<main class="maincontent">
<header><h1>Die für den Ausdruck angepasste Ansicht</h1></header>
---
title: "This Page Will Raise An Error"
+url: /potemkin/html-experimente/error.html
---
<p>This page will raise an error, because the <strong><code>uri</code></strong> is set to an unknown value...</p>
---
title: "HTML-Experimente - Fast leere einspaltige Seite mit Marginalinhalt"
+url: /potemkin/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html
---
<nav id="navigation">
<hr class="n">
---
title: "HTML-Experimente - Fast leere einspaltige Seite"
+url: /potemkin/html-experimente/fast-leer-einspaltig.html
---
<nav id="navigation">
<hr class="n">
---
title: "HTML-Experimente - Fast leere Seite ohne Menü aber mit Marginalspalte"
+url: /potemkin/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html
---
<nav id="navigation">
<hr class="n">
---
title: "HTML-Experimente - Fast leere Seite ohne Menü"
+url: /potemkin/html-experimente/fast-leer-kein-menü.html
---
<nav id="navigation">
<hr class="n">
---
title: "HTML-Experimente - Fast leere Seite mit Menü und Marginalinhalt"
+url: /potemkin/html-experimente/fast-leer-mit-menü-und-marginalinhalt.html
---
<article class="maincontent">
<header><h1>Fast leere Seite mit Menü und Marginalinhalt</h1></header>
---
title: "HTML-Experimente - Fast leere Seite mit Menü"
+url: /potemkin/html-experimente/fast-leer-mit-menü.html
---
<article class="maincontent">
<header><h1>Fast leere Seite mit Menü</h1></header>
---
title: "HTML-Experimente - Formulare"
+url: /potemkin/html-experimente/formulare.html
---
<article class="maincontent">
<header><h1>Formulare</h1></header>
---
title: "HTML-Experimente - Kein Layout"
+url: /potemkin/html-experimente/kein-layout.html
---
<main class="maincontent">
<header><h1>Alle Stylings deaktiviert</h1></header>
---
title: "HTML-Experimente - Layout PHONE"
+url: /potemkin/html-experimente/phone.html
---
<main class="maincontent">
<header><h1>Layout für Smartphones</h1></header>
---
title: "HTML-Experimente - Basis-Layout & Seitenaufteilung"
+url: /potemkin/html-experimente/seitenaufteilung.html
---
<main class="maincontent">
<header><h1>Nur das Basis-Layout und die Seitenaufteiltung</h1></header>
---
title: "HTML-Experimente - Basis-Layout & Seitenkopf"
+url: /potemkin/html-experimente/seitenkopf.html
---
<main class="maincontent">
<header><h1>Nur das Basis-Layout und der Seitenkopf</h1></header>
---
title: "HTML-Experimente - Symbol-Font"
+url: /potemkin/html-experimente/symbole.html
---
<article class="maincontent">
<header><h1>Symbol-Font</h1></header>
---
title: "HTML-Experimente - Layout TABLET"
+url: /potemkin/html-experimente/tablet.html
---
<main class="maincontent">
<header><h1>Layout für Tablets</h1></header>
---
title: "HTML-Experimente - Media-Query-Test: BEISPIEL"
+url: /potemkin/html-experimente/testlab.html
---
<div class="content">
<form action="#" class="testlab form" method="get">
---
title: "HTML-Experimente - Layout TINY"
+url: /potemkin/html-experimente/tiny.html
---
<main class="maincontent">
<header><h1>Layout für sehr kleine Bildschirmgrößen</h1></header>
---
title: "Projects - Potemkinsche Dörfer!"
+url: /potemkin/potemkin.html
---
<main class="maincontent">
<h1>Projects - Potemkinsche Dörfer!</h1>
---
title: "Typography"
+url: /potemkin/typo.html
---
<article class="maincontent">
<header><h1>Typography</h1></header>
---
title: "Projects - Potemkinsche Dörfer!"
+url: /projects.html
---
<main class="maincontent">
<h1>Projects - Potemkinsche Dörfer!</h1>
---
title: "References"
+url: /references.html
---
<main class="maincontent">
<div th:replace="/templates/fragments.html :: wip ('References')"></div>
---
title: "Layout Title"
+url: /templates/example/layout.html
---
<h1>Layout H1</h1>
<div th:replace="${content}?:_">
---
title: "Page Title"
+url: /templates/example/page.html
---
<section>
<p>Page content</p>
---
title: "Fragments"
+url: /templates/fragments.html
---
<h1>Explanation fo the german word "Impressum"</h1>
<hr>
---
title: "juplo - TESTLABTEMPLATE"
+url: /templates/testlab.html
---
<h1 th:text="${title}">TESTLAB-TEMPLATE</h1>
<div class="testlab tl970">970px
---
title: "Urheberrecht"
+url: /urheberrechte.html
---
<p>Die auf unseren Internetseiten enthaltenen Werke und Inhalte unterstehen dem Urheberrecht. Ohne schriftliche Genehmigung des jeweiligen Erstellers oder Autors dürfen die Werke bzw. Inhalte nicht vervielfältigt, bearbeitet, verbreitet und verwertet werden. Das Herunterladen und Kopieren unserer Internetseite ist für den privaten Gebrauch erlaubt, nicht jedoch für den kommerziellen. Wir weisen darauf hin, dass hinsichtlich der Inhalte auf unserer Internetseite, soweit sie nicht von uns erstellt worden sind, das Urheberrecht von Dritten beachtet wurde. Inhalte von Dritten erhalten als solche eine Kennzeichnung von uns. Wir wären Ihnen dankbar, wenn Sie uns einen Hinweis erteilen würden, falls Sie trotzdem auf eine Urheberrechtsverletzung gestoßen sind. Wenn wir von einer solchen Urheberrechtsverletzung Kenntnis erlangen, werden wir den entsprechenden Inhalt unverzüglich entfernen.</p>
<p><em>Quelle: Flegl Rechtsanwälte GmbH</em></p>