53 lines
3.4 KiB
HTML
53 lines
3.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html">
|
|
<meta charset="utf-8">
|
|
<meta name="description" content="Voreingestellte Beschreibung">
|
|
<meta name="keywords" content="Index,Beispiel">
|
|
<meta name="author" content="Max Mustermann">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Index</title>
|
|
<link rel="icon" type="image/x-icon" href="/favicon/favicon.ico">
|
|
<link rel="shortcut-icon" href="/favicon/favicon.ico">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
|
|
<link rel="apple-touch-icon" sizes="180x180" type="image/png" href="/favicon/apple-touch-icon-180x180.png">
|
|
<link rel="manifest" href="/site.webmanifest">
|
|
<link rel="stylesheet" href="/style/main.css", id="mainStyleSheet">
|
|
</head>
|
|
<script src="/script/test.js"></script>
|
|
<body>
|
|
<div class="sidenav">
|
|
<ul>
|
|
<li class="menudrop">☰</li>
|
|
<li class="sidenav_section_name">Abschnitte</li>
|
|
<li class="sidenav_section_links">
|
|
<ul>
|
|
<li class="sidenav_link"><a href="#interesting">Dieser Abschnitt ist sehr interessant</a></li>
|
|
<li class="sidenav_link"><a href="#section3">Geänderter Name!</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="sidenav_section_name">Sonstiges:</li>
|
|
<li class="sidenav_section_links">
|
|
<ul>
|
|
<li class="sidenav_link"><a href="/en/index.html">Index Englisch</a></li>
|
|
<li class="sidenav_link"><a href="/en/en-only.html">Nur englische Seite</a></li>
|
|
<li class="sidenav_link"><a href="/de/de-only.html">Nur deutsche Seite</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<main>
|
|
<h1>Willkommen auf der Deutschen Version</h1>
|
|
<p>Das Navigationsmenü wurde anhand der Überschriften erstellt und einige extra links aus <code>src/common/index.html</code> wurden eingefügt.</p>
|
|
<h2 id="interesting">Dieser Abschnitt ist sehr interessant</h2>
|
|
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est.</p>
|
|
<h2>Diese Überschrift bekommt keinen Eintrag, weil sie keine id hat</h2>
|
|
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
|
|
<h3 id="section3">Dieser Abschnitt hat im Menü einen custom Namen</h3>
|
|
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam.</p>
|
|
</main>
|
|
</body>
|
|
</html>
|