SimpleDoc/pages/documentation.html
2025-12-17 03:44:41 +01:00

112 lines
6.5 KiB
HTML
Executable File

<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@materializecss/materialize@2.1.1/dist/css/materialize.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
<link rel="stylesheet" href="../assets/css/simpledoc.css">
<link rel="stylesheet" href="../assets/css/prism.css">
<script src="https://cdn.jsdelivr.net/npm/@materializecss/materialize@2.2.2/dist/js/materialize.min.js"></script>
<script>
document.documentElement.setAttribute('theme', 'light');
</script>
<script src="../assets/js/config.js"></script>
<script src="../assets/js/prism.js"></script>
<script src="../assets/js/simpledoc.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>SimpleDoc - Documentation</title>
</head>
<body>
<div include-html="../components/header.html"></div>
<main>
<section class="section section-title primary-container red" style="border-radius: 24px" id="index-banner">
<div class="container row py-5">
<div class="col s12 m8 offset-m1 xl7 offset-xl1 center-on-small-only">
<h1 class="header white-text" style="font-size: 4.2rem; margin-top: 1.6rem;">Documentation</h1>
<h4 class="light white-text" style="line-height: 1.25; margin-bottom: 1.6rem;">Detailed informations on your api endpoints, your software usage, or whatever else.</h4>
</div>
</div>
</section>
<div style="margin-bottom: 40px;"></div>
<div class="container row">
<div class="col s12 m8 offset-m1 xl7 offset-xl1">
<div id="introduction" class="section scrollspy">
<h3 class="header">Introduction</h3>
<p class="caption">
This is the main documentation page. Start by writing a paragraph or two about the general operation of your software before delving into more specific details in the subsections. Below, provide a complete list of API endpoints, each accompanied by a brief description and an example.
<br>
<br>
Since SimpleDoc is a static template, there would be a distinct lack of content for this section. Let's add a few imaginary functions to showcase this page.
</p>
</div>
<div id="earthbending" class="section scrollspy">
<h4>Earthbending</h4>
<p class="caption">
One of the four elemental bending arts, is the geokinetic ability to manipulate earth and rock in all their various forms, prevalent in the Earth Kingdom and the United Republic.
<br>
Earth is the element of substance, while the people of the Earth Kingdom are diverse, strong, and enduring. Following the lion turtles' decision to relinquish their role as protectors of mankind, Oma and Shu were the first earthbenders to learn this art from the badgermoles.
</p>
<ul>
<li class="doc-li"><a href="documentation/example.html">Earth and stone levitation</a></li>
<li class="doc-li"><a href="documentation/example.html">Earth block</a></li>
<li class="doc-li"><a href="documentation/example.html">Earth compression</a></li>
<li class="doc-li"><a href="documentation/example.html">Earth dagger</a></li>
<li class="doc-li"><a href="documentation/example.html">Earth elevator</a></li>
<li class="doc-li"><a href="documentation/example.html">Earth etching</a></li>
<li class="doc-li"><a href="documentation/example.html">Earth gauntlet</a></li>
<li class="doc-li"><a href="documentation/example.html">Earth hand/mannequin</a></li>
<li class="doc-li"><a href="documentation/example.html">Earth impression</a></li>
<li class="doc-li"><a href="documentation/example.html">Earth launch</a></li>
<li class="doc-li"><a href="documentation/example.html">Earth material manipulation</a></li>
<li class="doc-li"><a href="documentation/example.html">Earth shelter</a></li>
</ul>
</div>
<div id="firebending" class="section scrollspy">
<h4>Firebending</h4>
<p class="caption">
One of the four elemental bending arts, is the pyrokinetic ability to control and produce fire. It is unique among the bending arts, as it is the only one in which the performer can generate the element. The first human firebenders lived in a city atop a lion turtle during the era of Raava and the art later spread to the Sun Warriors, the Fire Nation, and the United Republic of Nations. The Earth Kingdom also has a small firebending minority.
</p>
<ul>
<li class="doc-li"><a href="documentation/example.html">A single spark</a></li>
<li class="doc-li"><a href="documentation/example.html">Blazing rings and arcs</a></li>
<li class="doc-li"><a href="documentation/example.html">Blocking fire</a></li>
<li class="doc-li"><a href="documentation/example.html">Fan the flame</a></li>
<li class="doc-li"><a href="documentation/example.html">Fire manipulation</a></li>
<li class="doc-li"><a href="documentation/example.html">Fire blade</a></li>
<li class="doc-li"><a href="documentation/example.html">Fire circle</a></li>
<li class="doc-li"><a href="documentation/example.html">Fire dropkick</a></li>
<li class="doc-li"><a href="documentation/example.html">Fire fists</a></li>
<li class="doc-li"><a href="documentation/example.html">Fire knives</a></li>
<li class="doc-li"><a href="documentation/example.html">Fire lashes</a></li>
<li class="doc-li"><a href="documentation/example.html">Jet-stepping</a></li>
<li class="doc-li"><a href="documentation/example.html">Fire streams</a></li>
<li class="doc-li"><a href="documentation/example.html">Fire whip</a></li>
<li class="doc-li"><a href="documentation/example.html">Flame charge</a></li>
<li class="doc-li"><a href="documentation/example.html">Flame redirection</a></li>
</ul>
</div>
</div>
<div class="col hide-on-small-only m3 xl3">
<div class="toc-wrapper pinned">
<div style="height: 1px">
<ul class="section table-of-contents">
<li><a href="#introduction" class="active">Introduction</a></li>
<li><a href="#earthbending">Earthbending</a></li>
<li><a href="#firebending">Firebending</a></li>
</ul>
</div>
</div>
</div>
</div>
</main>
<div include-html="../components/footer.html"></div>
<script>includeHTML();</script>
</body>
</html>