juplo.de Git - website/blob - html-experimente.html

   1 <!DOCTYPE html>
   2 <html
   3     xmlns="http://www.w3.org/1999/xhtml"
   4     xmlns:layout="http://www.thymeleaf.org"
   5     xmlns:th="http://www.thymeleaf.org"
   6     layout:decorator="/templates/layout"
   7     th:with="uri='/potemkin/html-experimente.html'"
   8     >
   9   <head>
  10     <title>HTML-Experimente</title>
  11     <!--/*-->
  12     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  13     <link rel="stylesheet/less" type="text/css" href="../../less/base.less"/>
  14     <link rel="stylesheet/less" type="text/css" href="../../less/screen.less" media="screen"/>
  15     <link rel="stylesheet/less" type="text/css" href="../../less/print.less" media="print"/>
  16     <script src="../../js/less-1.7.0.min.js"></script>
  17     <!--*/-->
  18   </head>
  19   <body thymeproxy:variables="MERGE:/thymeleaf/projects.json">
  20     <article class="main" layout:fragment="maincontent">
  21       <header><h1>HTML-Elemente / spezielle Seiten</h1></header>
  22       <ul>
  23         <li><a href="html-experimente/formulare.html" th:href="@{/potemkin/html-experimente/formulare.html}">Formulare</a></li>
  24         <li><a href="html-experimente/symbole.html" th:href="@{/potemkin/html-experimente/symbole.html}">Symbol-Font</a></li>
  25         <li><a href="../templates/404.html" th:href="@{/404.html}">404-Template</a></li>
  26         <li><a href="html-experimente/gibts-ja-gar-nicht.html" th:href="@{/potemkin/html-experimente/gibts-ja-gar-nicht.html}">404-Fehlerseite</a></li>
  27         <li><a href="../templates/error.html" th:href="@{/error.html}">Template für andere Fehler</a></li>
  28         <li><a href="html-experimente/error.html" th:href="@{/potemkin/html-experimente/error.html}">Fehlerseite für andere Fehler</a></li>
  29       </ul>
  30       <h2>Layout-Grenzfälle</h2>
  31       <ul>
  32         <li><a href="html-experimente/fast-leer-mit-menü.html" th:href="@{/potemkin/html-experimente/fast-leer-mit-menü.html}">Fast leere Seite mit Menü</a></li>
  33         <li><a href="html-experimente/fast-leer-mit-menü-und-marginalinhalt.html" th:href="@{/potemkin/html-experimente/fast-leer-mit-menü-und-marginalinhalt.html}">Fast leere Seite mit Menü und Marginal-Inhalt</a></li>
  34         <li><a href="html-experimente/fast-leer-kein-menü.html" th:href="@{/potemkin/html-experimente/fast-leer-kein-menü.html}">Fast leere Seite ohne Menü</a></li>
  35         <li><a href="html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html" th:href="@{/potemkin/html-experimente/fast-leer-kein-menü-aber-marginalinhalt.html}">Fast leere Seite ohne Menü aber mit Marginal-Inhalt</a></li>
  36         <li><a href="html-experimente/fast-leer-einspaltig.html" th:href="@{/potemkin/html-experimente/fast-leer-einspaltig.html}">Fast leere einspaltige Seite</a></li>
  37         <li><a href="html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html" th:href="@{/potemkin/html-experimente/fast-leer-einspaltig-mit-marginalinhalt.html}">Fast leere einspaltige Seite mit Marginal-Inhalt</a></li>
  38         <li><a href="html-experimente/breadcrumb.html" th:href="@{/potemkin/html-experimente/breadcrumb.html}">Seite mit sehr langem Breadcrumb</a></li>
  39       </ul>
  40       <h2>Layout-Variationen</h2>
  41       <ul>
  42         <li><a href="html-experimente/kein-layout.html" th:href="@{/potemkin/html-experimente/kein-layout.html}">Alle Stylings deaktiviert</a></li>
  43         <li><a href="html-experimente/basis-layout.html" th:href="@{/potemkin/html-experimente/basis-layout.html}">Nur das Basis-Layout</a></li>
  44         <li><a href="html-experimente/druck-layout.html" th:href="@{/potemkin/html-experimente/druck-layout.html}">Die für den Ausdruck angepasste Ansicht</a></li>
  45         <li><a href="html-experimente/tiny.html" th:href="@{/potemkin/html-experimente/tiny.html}">Layout für sehr kleine Bildschirmgrößen</a></li>
  46         <li><a href="html-experimente/phone.html" th:href="@{/potemkin/html-experimente/phone.html}">Layout für Smartphones</a></li>
  47         <li><a href="html-experimente/tablet.html" th:href="@{/potemkin/html-experimente/tablet.html}">Layout für Tablets</a></li>
  48       </ul>
  49       <h2>Testseiten für einzelne Seiten-Bestandteile</h2>
  50       <ul>
  51         <li><a href="html-experimente/seitenaufteilung.html" th:href="@{/potemkin/html-experimente/seitenaufteilung.html}">Nur das Basis-Layout und die Seitenaufteilung</a></li>
  52         <li><a href="html-experimente/seitenkopf.html" th:href="@{/potemkin/html-experimente/seitenkopf.html}">Nur das Basis-Layout und der Seitenkopf</a></li>
  53       </ul>
  54       <h2>Anderer Krams...</h2>
  55       <ul>
  56         <li><a href="html-experimente/testlab.html" th:href="@{/potemkin/html-experimente/testlab.html}">Seite mit Breiten-Markierungen für den Tests von Media-Queries (Beispiel)</a></li>
  57       </ul>
  58     </article>
  59   </body>
  60 </html>