<?php

$text;

if (isset($_GET['n']))
{
    $text = $_GET['n'];
}

?>

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
        <link rel="stylesheet" type="text/css" href="style.css">
        <link href="css/lightbox.css" rel="stylesheet">
        <link rel="icon" type="image/png" href="images/xayahfavicon.png">
        
        <title>The Archive of XAYAH</title>
        
        <script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
        <script src="js/hover-toggle.js"></script>
        <script src="js/lightbox-2.6.min.js"></script>
        <script>
            $(document).ready(
                
                function()
                {
                    
                    $('#mtoggle').click(
                        
                        function()
                        {
                            
                            $(this).addClass('selected');
                            $('#menu').slideToggle('slow');
                            $(this).removeClass('selected');
                            
                        }
                        
                    );
                    
                }
                
            );
        </script>
    </head>
    <body>
        <div id="sidebar">
            <div class="content">
                <h1 id="sitename"><a href=".">The Archive of XAYAH</a><a id="mtoggle"><img id="menuicon" src="images/menu.svg"></a></h1>
                
                
                
                <ul id="menu">
                    <li class="level1 odd jqhead"><p class="link-title">Apocrypha</p>
                        <ul class="jqlist">
                            <li class="level2 odd"><a href="./?n=teatime"><p class="link-title">Teatime with the British Numidium</p></a></li>
                            <li class="level2 even"><a href="./?n=pool"><p class="link-title">Sees-Many-Mysteries and the Most Flat Pool</p></a></li>
                            <li class="level2 odd"><a href="./?n=thot"><p class="link-title">The Archive of Thot</a></li>
                            <li class="level2 even"><a href="./?n=contingency"><p class="link-title">Contingency</p></a></li>
                            <li class="level2 odd"><a href="./?n=state"><p class="link-title">State of the Empire: 6E 610</p></a></li>
                            <li class="level2 even"><a href="./?n=sleeve"><p class="link-title">The History of the Dreamsleeve Technology</p></a></li>
                            <li class="level2 odd"><a href="./?n=letters"><p class="link-title">To the Letters</p></a></li>
                        </ul>
                    </li>
                    <li class="level1 even jqhead"><p class="link-title">Technical Pieces</p>
                        <ul class="jqlist">
                            <li class="level2 odd"><a href="./?n=empire-vex"><p class="link-title">Flag of the Empire of Tamriel</p></a></li>
                        </ul>
                    </li>
                    <li class="level1 odd jqhead"><p class="link-title">Other</p>
                        <ul class="jqlist">
                            <li class="level2 odd"><a href="./?n=fonts"><p class="link-title">Fonts</p></a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <div id="text">
            <div class="text content">
                <?php
                
                if (isset($text)) {
                    echo file_get_contents('texts/'.$text.'.txt');
                }
                else {
                    echo '<h1 class="monospace">// NO TEXT SELECTED</h1>';
                }
                
                ?>
            </div>
            <img class="seal" src="images/xayah_seal.png" title="ARKIVI ETERNALOS - J X M - DALAKOHR CEYLON" width="150">
        </div>
    </body>
</html>