Dummy-Seiten für Blog-Layout an Wordpress-Einbindung angepasst
[website] / dist / index.html
index 9230f24..a5c9038 100644 (file)
       <h1 class="nav">Navigation</h1>
       <h2 class="nav menu">Section-Menu</h2>
       <ul id="menu" class="cf">
-        <li class="m blog"><a href="blog.html" th:href="@{/blog.html}" class="m">Blog</a></li>
-        <li class="m projects"><a href="projects.html" th:href="@{/projects.html}" class="m">Projects</a></li>
+        <li class="m blog"><a href="blog/" th:href="@{/blog/}" class="m">Blog</a></li>
+        <li class="m projects"><a href="potemkin.html" th:href="@{/potemkin.html}" class="m">Projects</a></li>
         <li class="m about"><a href="about.html" th:href="@{/about.html}" class="m">About</a></li>
       </ul>
     </nav>
+    <div>
+      <h1>Startseite</h1>
+      <h2>Die Templates</h2>
+      <ul>
+        <li><a href="templates/layout.html">Layout</a> - Das Layout für juplo.de</li>
+        <li><a href="templates/fragments.html">Fragmente</a> Auf mehreren Seiten verwendete Inhalte</li>
+        <li><a href="templates/404.html">404-Fehlerseite</a></li>
+        <li><a href="templates/error.html">5xx-Fehlerseite</a></li>
+        <li><a href="templates/testlab.html">Testlab</a> Testseite für die Skalierung auf untrschiedliche Seitenbreiten</li>
+      </ul>
+      <h2>Fake-Inhalte</h2>
+      <ul>
+        <li><a href="projects.html">Potemkinsche Dörfer</a> - Beispielseiten zum Testen der gerenderten Menüstruktur</li>
+        <li><a href="potemkin/typo.html">Typografie</a></li>
+        <li><a href="potemkin/html-experimente/formulare.html">Formulare</a></li>
+        <li><a href="potemkin/html-experimente.html">HTML-Experimente</a> - Testseiten für Edge-Cases</li>
+      </ul>
+    </div>
     <main class="maincontent">
       <div class="pack bg cf">
         <div class="p right">
@@ -40,7 +58,7 @@
           <h2>About juplo</h2>
           <ul>
             <li><a href="/about.html" title="Visit my about-pag">More about juplo</a></li>
-            <li><a href="/blog.html" title="(Hopefully) helpful stuff">Blog</a></li>
+            <li><a href="/blog/" title="(Hopefully) helpful stuff">Blog</a></li>
             <li><a href="/projects.html" title="All current projects">Projects</a></li>
             <li><a href="/contact.html" title="All contact-information on a glance">Contact</a></li>
           </ul>