53 lines
3.3 KiB
HTML
53 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta http-equiv="content-type" content="text/html">
|
|
<meta charset="utf-8">
|
|
<meta name="description" content="Default description">
|
|
<meta name="keywords" content="Index,Example">
|
|
<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">Sidenav Section</li>
|
|
<li class="sidenav_section_links">
|
|
<ul>
|
|
<li class="sidenav_link"><a href="#interesting">This section is super interesting</a></li>
|
|
<li class="sidenav_link"><a href="#section3">Custom named section!</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="sidenav_section_name">Other:</li>
|
|
<li class="sidenav_section_links">
|
|
<ul>
|
|
<li class="sidenav_link"><a href="/de/index.html">Index Deutsch</a></li>
|
|
<li class="sidenav_link"><a href="/en/en-only.html">Englisch only page</a></li>
|
|
<li class="sidenav_link"><a href="/de/de-only.html">German only page</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<main>
|
|
<h1>Welcome to the english version</h1>
|
|
<p>The navigation menu was generated from the headings and some custom links defined in <code>src/common/index.html</code>.</p>
|
|
<h2 id="interesting">This section is super interesting</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>This heading does not get an entry, because it has no id</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">This section has a custom name in the menu</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>
|