<!DOCTYPE html>
<html>
<head>
    <title>Nuxolah's Modpack Underground</title>
    <meta charset="utf-8">
    <style>
        body { 
            background-color: #000080; /* Classic Navy Blue */
            background-image: url('https://www.transparenttextures.com/patterns/carbon-fibre.png'); 
            color: #ffffff; 
            font-family: "Times New Roman", Times, serif; 
            text-align: center;
        }
        .main-table {
            background-color: #c0c0c0; /* Classic Windows 95 Gray */
            color: #000000;
            border: 4px outset #ffffff;
            width: 80%;
            margin: 20px auto;
            padding: 10px;
        }
        h1 {
            background: linear-gradient(to right, #000080, #1084d0);
            color: white;
            padding: 5px;
            border: 2px inset #ffffff;
            text-transform: uppercase;
            letter-spacing: 2px;
        }
        table.file-list {
            width: 100%;
            border: 2px inset #808080;
            background: white;
            text-align: left;
        }
        th { background: #808080; color: white; padding: 5px; }
        td { border-bottom: 1px dotted #808080; padding: 5px; font-family: "Courier New", Courier, monospace; }
        
        /* The "Under Construction" Vibe */
        .marquee {
            width: 100%;
            background: yellow;
            color: black;
            font-weight: bold;
            padding: 5px;
            border: 2px solid black;
        }
        a { color: #0000ff; font-weight: bold; }
        a:visited { color: #800080; }
        img.gif { vertical-align: middle; }
    </style>
</head>
<body>

    <div class="main-table">
        <img src="https://web.archive.org/web/20090820100553im_/http://geocities.com/autographsinkdallas/welcome.gif" class="gif">
        <h1>Nuxolah's Modpack Distribution Center</h1>
        <div class="marquee"><marquee>--- WELCOME TO THE UNDERGROUND --- HIGH SPEED FIBER OPTIC CONNECTION ACTIVE ---</marquee></div>

        <table class="file-list">
            <thead>
                <tr>
                    <th>File Name</th>
                    <th>Size (Bytes)</th>
                    <th>Last Modified</th>
                </tr>
            </thead>
            <tbody>
                {{if .Parent}}
                <tr>
                    <td><a href="..">[ GO BACK ]</a></td>
                    <td>-</td>
                    <td>-</td>
                </tr>
                {{end}}
                {{range .Items}}
                <tr>
                    <td>
                        <img src="https://web.archive.org/web/20091023130138/http://geocities.com/TheTropics/2344/floppy.gif" width="20" height="20">
                        <a href="{{.URL}}">{{.Name}}</a>
                    </td>
                    <td>{{.Size}}</td>
                    <td>{{.ModTime.Format "2006-01-02 15:04"}}</td>
                </tr>
                {{end}}
            </tbody>
        </table>

        <p>
            <img src="https://web.archive.org/web/20090803215243/http://geocities.com/Athens/Acropolis/3871/best_viewed_with_netscape_navigator_2.gif">
            <img src="https://web.archive.org/web/20091024040924/http://geocities.com/TimesSquare/Arcade/3631/notpad.gif">
        </p>
        <hr>
        <font size="2">Best viewed in 800x600 resolution. No cookies. No tracking. Just files.</font>
    </div>

</body>
</html>