diff options
| author | xengineering <me@xengineering.eu> | 2021-11-26 16:33:19 +0100 |
|---|---|---|
| committer | xengineering <me@xengineering.eu> | 2021-11-26 16:33:19 +0100 |
| commit | 1dd6eeb9ac595cd0b26ce8c5ff4455bf677e9542 (patch) | |
| tree | cfd4df2748608dd4c98bfd5c922d511715c635c9 | |
| parent | 5dfbb31aaa7777d92039dcee82b1df7b3f8c4840 (diff) | |
| download | libweb-1dd6eeb9ac595cd0b26ce8c5ff4455bf677e9542.tar libweb-1dd6eeb9ac595cd0b26ce8c5ff4455bf677e9542.tar.zst libweb-1dd6eeb9ac595cd0b26ce8c5ff4455bf677e9542.zip | |
Add Test Page for nav/main Page
| -rw-r--r-- | html/test_nav_main.html | 147 | ||||
| -rw-r--r-- | index.html | 3 |
2 files changed, 149 insertions, 1 deletions
diff --git a/html/test_nav_main.html b/html/test_nav_main.html new file mode 100644 index 0000000..8a6cd7d --- /dev/null +++ b/html/test_nav_main.html @@ -0,0 +1,147 @@ +<!DOCTYPE html> + +<!-- +vim: shiftwidth=4 tabstop=4 noexpandtab + +libweb - reusable code for websites + + Copyright (C) 2021 xengineering + + This program is free software: you can redistribute it and/or modify + it under the terms of the GNU Affero General Public License as published by + the Free Software Foundation, either version 3 of the License, or + (at your option) any later version. + + This program is distributed in the hope that it will be useful, + but WITHOUT ANY WARRANTY; without even the implied warranty of + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + GNU Affero General Public License for more details. + + You should have received a copy of the GNU Affero General Public License + along with this program. If not, see <https://www.gnu.org/licenses/>. + +contact via mail: me@xengineering.eu +--> + +<html> + + <head> + + <title>libweb</title> + + <meta charset="utf-8"/> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="../css/xengineering.css" type="text/css"> + + </head> + + <body> + + <nav> + <button id="menu-button" onclick=toggleMenu()>MENU</button> + <a class="menu-anchor" href="https://xengineering.eu">xengineering.eu</a> + </nav> + + <main> + + <!-- h1 h2 h3 h4 h5 h6 --> + <h1>A simple Test Page</h1> + <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.</p> + <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.</p> + <h2>A simple Test Page</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.</p> + <h3>A simple Test Page</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.</p> + <h4>A simple Test Page</h4> + <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.</p> + <h5>A simple Test Page</h5> + <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.</p> + <h6>A simple Test Page</h6> + <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.</p> + + <!-- p --> + <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> + + <!-- a --> + <a href="https://example.com">Example Link</a> + + <!-- img --> + <img src="../img/demo.png" alt="An example image"> + <img src="null.jpg" alt="Not existing image"> + + <!-- ol ul li --> + <ol> + <li>First item</li> + <li>Second item</li> + <li>Third item</li> + <li>Long item: 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.</li> + </ol> + <p>Just some 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.</p> + <ul> + <li>An item</li> + <li>Another item</li> + <li>Just another item</li> + <li>Long item: 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.</li> + </ul> + + <!-- pre --> + <pre>#!/bin/sh + +# This is a cool shell script. +echo "I am $(whoami)" +</pre> + + <!-- .card --> + <div class="card"></div> + + </main> + + <script src="../js/xengineering.js"></script> + + </body> + +</html> @@ -46,10 +46,11 @@ contact via mail: me@xengineering.eu <h1>libweb</h1> <p>A repository with reusable components for web development.</p> - <h2>Test Pages</h2> + <h3>Test Pages</h3> <p>Here are some test pages:</p> <ul> <li>A simple <a href="./html/test_simple.html">test page</a></li> + <li>A <a href="./html/test_nav_main.html">test page</a> for the navigation menu</li> </ul> </main> |