index.html

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="noindex">
    <title>VGM Updates, Search and Stuff</title>
    <!--<link rel="search" type="application/opensearchdescription+xml" title="vgm.hcs64.com" href="opensearch.xml">-->
    <link href="frontend.css" rel="stylesheet" type="text/css">
    <link rel="icon" type="image/x-icon" href="favicon.ico" sizes="any">
    <link rel="icon" type="image/png" href="favicon.png">
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <link rel="alternate" type="application/rss+xml" title="vgm.hcs64.com feed" href="https://vgm.hcs64.com/rss.xml" />
</head>
<body>
    <header class="header">
        <h1 class="head">xxx.joshw.info Updates, Search and Stuff <span id="banana">&#x1F34C;</span></h1>

        <nav class="links">
            <a href="?">Updates</a> ·
            <a href="https://vgm-upload.hcs64.com/" target="_blank">Contribute</a> ·
            <a href="https://hcs64.com/" target="_blank">HCS</a> ·
            <a href="https://hcs64.com/mboard/forum.php" target="_blank">Forum</a>
        </nav>

        <nav class="paths" id="paths">
            <a href="?path=search">Search</a> ·
            <a href="?path=exts">Exts</a>
        </nav>
    </header>

    <form id="searchform" action=".">
        <span class="search-line">
            <input name="text" placeholder="Go ahead, search away!" type="search" autocomplete="off">
            <input type="hidden" name="path"/>
            <input type="hidden" name="site"/>
            <input type="hidden" name="page"/>
            <input type="hidden" name="set"/>
            <input type="hidden" name="exts"/>
            <input type="hidden" name="sort"/>

            <input type="submit" value="Go">
        </span>

        <small>
            <i>text</i> (partial text), <i>"text text"</i> (exact text), <b></b><i>^text</i> (start of text), <i>-text</i> (exclude text), <i>:text</i> (regex text)
        </small>
    </form>

    <section id="main">
        <div id="content">
        </div>
    </section>

    <div class="tpl">
        <div id="tpl-results-recent" class="results">
            <a href="">#</a>
            <b>Recently added &amp; updated</b>
            <a class="rss" href="rss.xml">rss</a>
        </div>

        <div id="tpl-results-search" class="results">
            <a href="">#</a>
            <span class="text"></span> results
            <span class="sort-date" data-sort="date"></span>
        </div>

        <div id="tpl-path-exts" class="info-extensions">
            <h2>Extensions in sets</h2>
        </div>
        <div id="tpl-exts-section">
            <h2 class="info-section"></h2>
        </div>
        <span id="tpl-ext" class="ext tag" data-ext=""></span>
        <div id="tpl-exts" class="extensions">
            Current extension:
        </div>

        <div id="tpl-systems" class="systems">
            System:
        </div>
        <span id="tpl-system" class="sitetag tag" data-site=""></span>

        <h2 id="tpl-separator" class="separator">
            <span class="text"></span>
            <hr>
        </h2>

        <div id="tpl-urls" class="urls">
        </div>

        <div id="tpl-url" class="url">
            <a href=""></a>
            <span class="set-line">
                <span class="sitetag tag" data-site=""></span>
            
                <small class="info"></small>
                <small class="date"></small>
                <span class="showset tag" data-set="" title="show details">···</span>
            </span>
        </div>

        <div id="tpl-pagination" class="pagination">
        </div>

        <a id="tpl-page-number" data-page=""></a>
        <a id="tpl-page-prev" class="page-prev" data-page="">prev</a>
        <a id="tpl-page-next" class="page-next" data-page="">next</a>
        <span id="tpl-page-more">...</span>

        <div id="tpl-filelist" class="filelist hide-date hide-crc">
        </div>

        <div id="tpl-filelist-main" class="filelist-main">
            <div class="filelist-back">
                Back
            </div>
            <p>
                Details for <a href=""></a> <small class="info"></small> <small class="date"></small>
            </p>
        </div>

        <div id="tpl-filelist-info">
            <p>
                <span>
                    Type: <span class="types"></span>
                </span>
                /
                <span class="togglables">
                    Extensions: <span class="extensions"></span>
                </span>
                /
                <span class="togglables">
                    Info:
                    <span class="tag toggle-size selected">size</span>
                    <span class="tag toggle-date">date</span>
                    <span class="tag toggle-crc">crc</span>
                </span>
            </p>
            <p>
                <span class="total"></span> files contained in this set:
            </p>
            <ul></ul>
        </div>

        <li id="tpl-filelist-item" class="filelist-item">
            <span class="dir"></span>
            <span class="name"></span>
            <small class="size"></small>
            <small class="date"></small>
            <small class="crc"></small>
        </li>
        <span id="tpl-filelist-ext" class="tag toggle-ext selected" data-fileext=""></span>
        <span id="tpl-filelist-type" class="type"></span>
        <div id="tpl-filelist-error" class="error">
            Couldn't load list, try again a later/report :(
        </div>

        <div id="tpl-loading" class="loader"></div>

        <span id="tpl-ext" class="filext tag" data-ext=""></span>

        <h2 id="tpl-error-text" class="process-error"></h2>
    </div>

    <noscript>
        <h2 class="process-error">This site needs Javascript to work :(</h2>
    </noscript>

    <script src="frontend-database.js"></script>
    <script src="frontend-printer.js"></script>
    <script src="frontend-web.js"></script>
    <script src="frontend.js"></script>
</body>
</html>