Skip to content
Snippets Groups Projects
index.html 1.94 KiB
Newer Older
  • Learn to ignore specific revisions
  • <!DOCTYPE html>
    <html>
        <head>
            <title>CHIP-Ahoyto</title>
    
            <link rel="icon" href="res/icon.png" />
    
            <link rel="stylesheet" href="index.css" />
    
        </head>
        <body>
    
                <div class="side-right">
                    <canvas class="canvas" id="chip-canvas" width="640" height="320"></canvas>
                </div>
                <div class="side-left">
    
    João Magalhães's avatar
    João Magalhães committed
                    <h1>CHIP-Ahoyto <img class="logo-image" src="res/thunder.png" /></h1>
    
                    <div class="separator"></div>
    
                    <p>This is a <a href="https://en.wikipedia.org/wiki/CHIP-8" target="_blank">CHIP-8</a> emulator built using the rust programming language and is running inside this browser with the help of <a href="https://webassembly.org/" target="_blank">WebAssembly</a>.</p>
                    <p>You can check the source code of it at <a href="https://gitlab.stage.hive.pt/joamag/chip-ahoyto" target="_blank">GitLab</a>.</p>
    
                    <div class="separator"></div>
                    <dl class="diag">
                        <dt>Engine</dt>
                        <dd>NEO</dd>
    
                        <dt>ROM</dt>
                        <dd id="rom-name">undefined</dd>
                        <dt>ROM Size</dt>
                        <dd><span id="rom-size"></span> bytes</dd>
    
                        <dt>CPU Frequency</dt>
                        <dd><span id="logic-frequency">460</span> Hz</dd>
                        <dt>Framerate</dt>
                        <dd>60 fps</dd>
                    </dl>
    
            <div id="overlay" class="overlay">
    
    João Magalhães's avatar
    João Magalhães committed
                <div class="overlay-container">
                    <div class="overlay-text">
                        Drag to load ROM <span id="rom-name"></span>
                    </div>
                    <div class="overlay-image">
                        <img src="res/sunglasses.png" />
                    </div>
                </div>
    
            </div>
            <script type="module" src="index.js"></script>
    
        </body>
    </html>