ari.lt/help/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Aris_Web::Help</title>

    <link rel="stylesheet" href="/content/styles/generic/generic.css">
    <link rel="stylesheet" href="/content/styles/box/box.css">
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/hack-font@3/build/web/hack.min.css">

    <script src="/content/js/commands/index.js" defer></script>
    <script src="/content/js/generic/generic.js" defer></script>
    <script src="/help/index.js" defer></script>
</head>
<body>
    <nav class="nav-main" id="bar">
        <ul class="nav-list" id="bar-list">
        </ul>

        <noscript>
            <style>
                .nav-list {
                    display: none;
                }
            </style>

            <div class="error">
                For full functionality of this site it is necessary to enable JavaScript.<br/>
                Here are the <a href="https://www.enable-javascript.com/" target="_blank">
                instructions how to enable JavaScript in your web browser</a>.
            </div>
        </noscript>
    </nav>

    <div id="menus">
        <div class="mobile-menu hiddenMobile-noanim" id="mobile-menu">
        </div>
    </div>

    <div class="content" id="content" name="content">
        <div class="box">
            <h1 class="heading" id="welcome">Welcome to <i>the help page</i>!</h1>

            <ul class="contents">
                <li><a href="#welcome">Welcome</a></li>
                <li><a href="#homepage-basic-desktop">Basic Homepage navigation (desktop)</a></li>
                <li><a href="#homepage-basic-mobile">Basic Homepage navigation (mobile)</a></li>
                <li><a href="#broken-fonts">Fonts being broken</a></li>
                <li><a href="#broken-ui">UI being broken</a></li>
                <li><a href="#bug-reporting">Bug/problem reporting</a></li>
                <li><a href="#minimum">Bare minimum</a></li>
            </ul>

            <div class="content">
                <h1 id="homepage-basic-desktop">#1 Basic navigation on the homepage (desktop)</h1>
                <p>
                    Basic navigation on desktop is pretty simple,<br/>
                    you Only have to worry about pressing the currect buttons in your bar.<br/>
                    Links are mainly orange/yellow,<br/>
                    unless they're in a list, then they're black. Else they're underscored.
                </p>

                <br/>

                <h1 id="homepage-basic-mobile">#2 Basic navigation on the homepage (mobile)</h1>
                <p>
                    On mobile you get a cooler, but less friendly navigator.<br/>
                    When you press the <a href="#!" onclick="openMobileMenu();">
                    "Menu"</a> button in your bar, you get a terminal of sort.<br/>
                    Typing <b>help</b> gives you a basic command help page.<br/>
                    <b>goto</b> is a way to navigate through <i>pages</i>. All pages are displayed in the terminal on startup,<br/>
                    but you don't have to type them exactly like that.<br/>
                    For example "Random_things" can be spelled in any way. I.e: randoM_thInGs, random_things, ...<br/>
                    <b>REload</b> <i>(reload)</i> is a utility to reload the current page you're in.<br/>
                    And typing <b>exit</b> just exists the navigator.
                </p>

                <br>

                <h1 id="broken-fonts">#3 Fonts looking broken</h1>
                <p>
                    Fonts being broken is a sign of your browser and/or your browser's extensions blocking remote fonts.<br/>
                    You can disable remote font blocking or manually whitelist <a href="//cdn.jsdelivr.net/npm/hack-font@3/build/web/hack.css" target="_blank">cdn.jsdelivr.net/npm/hack-font@3/build/web/hack.css</a> for the <i>Nerd Hack Font</i>.
                </p>

                <br>

                <h1 id="broken-ui">#4 Broken UI</h1>
                <p>
                    Broken UI is probably caused by you disabling JavaScript.<br/>
                    If you see a red/orange bar with a clickable link, press it, if not,<br/>
                    here are the <a href="https://www.enable-javascript.com/" target="_blank">
                    instructions how to enable JavaScript in your web browser</a>
                </p>

                <br>

                <h1 id="bug-reporting">#5 How to report bugs?</h1>
                <p>
                    Bugs can be reported on <a href="/page/redirect?url=https://github.com/TruncatedDinosour/website">
                    my GitHub repository</a><br>
                    It would also be nice if you formatted the title like this:<br>
                    <i>`[DEVICE (desktop or mobile)] {BROWSER} issue summary`</i>.<br>
                    For example: <b>[DESKTOP] {Firefox v89.0.2} I see penguins</b>.<br/>
                    In the issue please include screenshots and discription of the problem.<br/>
                    There is no stupid issue, unless it's a troll.
                </p>

                <br>

                <h1 id="minimum">#6 Bare usage</h1>
                <p>
                    There might be a situation where you cannot enable JavaScript or have "fancy" stuff going on on your browser,<br/>
                    so I created the <a href="/page/random/minimal.txt">minimalist page</a> for people exactly like you:).<br/>
                    If you want, you can visit it, but if I'm being honest, there's not much there to look at, it's really random and boring<br/>
                    also if you can run JavaScript and have "fancy" stuff in your browser there's not much use of the minimal page.<br/>
                </p>
            </div>
        </div>
    </div>
</body>
</html>
a 2021-07-03 23:25:21 +03:00			`<!DOCTYPE html>`
			`<html lang="en">`
			`<head>`
			`<meta charset="UTF-8">`
			`<meta http-equiv="X-UA-Compatible" content="IE=edge">`
			`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
			`<title>Aris_Web::Help</title>`

			`<link rel="stylesheet" href="/content/styles/generic/generic.css">`
			`<link rel="stylesheet" href="/content/styles/box/box.css">`
used min.css hack font files 2021-07-06 21:15:37 +03:00			`<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/hack-font@3/build/web/hack.min.css">`
a 2021-07-03 23:25:21 +03:00
			`<script src="/content/js/commands/index.js" defer></script>`
			`<script src="/content/js/generic/generic.js" defer></script>`
			`<script src="/help/index.js" defer></script>`
			`</head>`
			`<body>`
			`<nav class="nav-main" id="bar">`
			`<ul class="nav-list" id="bar-list">`
			`</ul>`

			`<noscript>`
			`<style>`
			`.nav-list {`
			`display: none;`
			`}`
			`</style>`

			`<div class="error">`
			`For full functionality of this site it is necessary to enable JavaScript.<br/>`
			`Here are the <a href="https://www.enable-javascript.com/" target="_blank">`
			`instructions how to enable JavaScript in your web browser</a>.`
			`</div>`
			`</noscript>`
			`</nav>`

			`<div id="menus">`
			`<div class="mobile-menu hiddenMobile-noanim" id="mobile-menu">`
			`</div>`
			`</div>`

			`<div class="content" id="content" name="content">`
			`<div class="box">`
			`<h1 class="heading" id="welcome">Welcome to <i>the help page</i>!</h1>`

			`<ul class="contents">`
			`<li><a href="#welcome">Welcome</a></li>`
			`<li><a href="#homepage-basic-desktop">Basic Homepage navigation (desktop)</a></li>`
			`<li><a href="#homepage-basic-mobile">Basic Homepage navigation (mobile)</a></li>`
			`<li><a href="#broken-fonts">Fonts being broken</a></li>`
			`<li><a href="#broken-ui">UI being broken</a></li>`
			`<li><a href="#bug-reporting">Bug/problem reporting</a></li>`
update @ Fri 9 Jul 04:11:14 EEST 2021 2021-07-09 04:11:14 +03:00			`<li><a href="#minimum">Bare minimum</a></li>`
a 2021-07-03 23:25:21 +03:00			`</ul>`
used min.css hack font files 2021-07-06 21:15:37 +03:00
a 2021-07-03 23:25:21 +03:00			`<div class="content">`
			`<h1 id="homepage-basic-desktop">#1 Basic navigation on the homepage (desktop)</h1>`
			`<p>`
			`Basic navigation on desktop is pretty simple,<br/>`
			`you Only have to worry about pressing the currect buttons in your bar.<br/>`
			`Links are mainly orange/yellow,<br/>`
			`unless they're in a list, then they're black. Else they're underscored.`
			`</p>`

			`<br/>`

			`<h1 id="homepage-basic-mobile">#2 Basic navigation on the homepage (mobile)</h1>`
			`<p>`
			`On mobile you get a cooler, but less friendly navigator.<br/>`
			`When you press the <a href="#!" onclick="openMobileMenu();">`
			`"Menu"</a> button in your bar, you get a terminal of sort.<br/>`
			`Typing <b>help</b> gives you a basic command help page.<br/>`
			`<b>goto</b> is a way to navigate through <i>pages</i>. All pages are displayed in the terminal on startup,<br/>`
			`but you don't have to type them exactly like that.<br/>`
			`For example "Random_things" can be spelled in any way. I.e: randoM_thInGs, random_things, ...<br/>`
			`<b>REload</b> <i>(reload)</i> is a utility to reload the current page you're in.<br/>`
			`And typing <b>exit</b> just exists the navigator.`
			`</p>`

			`<br>`

			`<h1 id="broken-fonts">#3 Fonts looking broken</h1>`
			`<p>`
			`Fonts being broken is a sign of your browser and/or your browser's extensions blocking remote fonts.<br/>`
			`You can disable remote font blocking or manually whitelist <a href="//cdn.jsdelivr.net/npm/hack-font@3/build/web/hack.css" target="_blank">cdn.jsdelivr.net/npm/hack-font@3/build/web/hack.css</a> for the <i>Nerd Hack Font</i>.`
			`</p>`

			`<br>`

			`<h1 id="broken-ui">#4 Broken UI</h1>`
			`<p>`
			`Broken UI is probably caused by you disabling JavaScript.<br/>`
			`If you see a red/orange bar with a clickable link, press it, if not,<br/>`
			`here are the <a href="https://www.enable-javascript.com/" target="_blank">`
			`instructions how to enable JavaScript in your web browser</a>`
			`</p>`

			`<br>`

			`<h1 id="bug-reporting">#5 How to report bugs?</h1>`
			`<p>`
			`Bugs can be reported on <a href="/page/redirect?url=https://github.com/TruncatedDinosour/website">`
			`my GitHub repository</a><br>`
			`It would also be nice if you formatted the title like this:<br>`
			<i>`[DEVICE (desktop or mobile)] {BROWSER} issue summary`</i>.<br>
			`For example: <b>[DESKTOP] {Firefox v89.0.2} I see penguins</b>.<br/>`
			`In the issue please include screenshots and discription of the problem.<br/>`
			`There is no stupid issue, unless it's a troll.`
			`</p>`
update @ Fri 9 Jul 04:11:14 EEST 2021 2021-07-09 04:11:14 +03:00
			`<br>`

			`<h1 id="minimum">#6 Bare usage</h1>`
			`<p>`
			`There might be a situation where you cannot enable JavaScript or have "fancy" stuff going on on your browser,<br/>`
			`so I created the <a href="/page/random/minimal.txt">minimalist page</a> for people exactly like you:).<br/>`
			`If you want, you can visit it, but if I'm being honest, there's not much there to look at, it's really random and boring<br/>`
			`also if you can run JavaScript and have "fancy" stuff in your browser there's not much use of the minimal page.<br/>`
			`</p>`
a 2021-07-03 23:25:21 +03:00			`</div>`
			`</div>`
			`</div>`
			`</body>`
			`</html>`