diff options
Diffstat (limited to 'projects/chip8emu.html')
| -rw-r--r-- | projects/chip8emu.html | 102 | 
1 files changed, 52 insertions, 50 deletions
| diff --git a/projects/chip8emu.html b/projects/chip8emu.html index 7e0aab0..b0c2b72 100644 --- a/projects/chip8emu.html +++ b/projects/chip8emu.html @@ -1,65 +1,67 @@  <!DOCTYPE html>  <html lang="en"> -  <head> +    <head> -    <meta charset="UTF-8"> -    <meta name="viewport" content="width=device-width, initial-scale=1.0"> -    <meta http-equiv="X-UA-Compatible" content="ie=edge"> -    <meta name="description" content="RAGHURAM SUBRAMANI ~ COMPROMYSE | Hacker & Programmer"> +        <meta charset="UTF-8"> +        <meta name="viewport" content="width=device-width, initial-scale=1.0"> +        <meta http-equiv="X-UA-Compatible" content="ie=edge"> +        <meta name="description" content="RAGHURAM SUBRAMANI ~ COMPROMYSE | Hacker & Programmer"> -    <title>CHIP8Emu | COMPROMYSE</title> +        <title>CHIP8Emu | COMPROMYSE</title> -    <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png"> -    <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png"> -    <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png"> -    <link rel="manifest" href="/assets/favicon/site.webmanifest"> +        <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-touch-icon.png"> +        <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png"> +        <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png"> +        <link rel="manifest" href="/assets/favicon/site.webmanifest"> -    <link href="/assets/stylesheet.css" rel="stylesheet" /> +        <link href="/assets/stylesheet.css" rel="stylesheet" /> -    <link rel="preconnect" href="https://fonts.googleapis.com"> -    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> -    <link href="https://fonts.googleapis.com/css2?family=Jersey+15&display=swap" rel="stylesheet"> +        <link rel="preconnect" href="https://fonts.googleapis.com"> +        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> +        <link href="https://fonts.googleapis.com/css2?family=Jersey+15&display=swap" rel="stylesheet"> -    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/base16/ashes.min.css" defer> -    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js"></script> -    <script defer>hljs.highlightAll();</script> +        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/base16/ashes.min.css" defer> +        <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js"></script> +        <script defer>hljs.highlightAll();</script> -  </head> -  <body class="bg-zinc-900 text-pink-300 font-['Jersey_15'] selection:text-pink-900 selection:bg-pink-100 lg:text-xl"> -    <div class="min-h-screen flex flex-col"> +    </head> +    <body class="bg-zinc-900 text-pink-300 font-['Jersey_15'] selection:text-pink-900 selection:bg-pink-100 lg:text-xl"> +        <div class="min-h-screen flex flex-col"> -      <nav class="w-full mx-auto mt-10"> -  <div class="flex flex-wrap items-center px-10 gap-4 text-center text-lg lg:text-2xl"> +            <nav class="w-full mx-auto mt-10"> +    <div class="flex flex-wrap items-center px-10 gap-4 text-center text-lg lg:text-2xl"> -    <a href="/" class="cursor-pointer font-bold hover:underline justify-center button"> -      COMPROMYSE -    </a> +        <a href="/" class="cursor-pointer font-bold hover:underline justify-center button"> +            COMPROMYSE +        </a> -    <div class="flex items-center gap-4 flex-wrap justify-center md:justify-left"> -      <a href="/projects" class="hover:underline"> -        [ PROJECTS ] -      </a> +        <div class="flex items-center gap-4 flex-wrap justify-center md:justify-left"> +            <a href="/projects" class="hover:underline"> +                [ PROJECTS ] +            </a> -    </div> +        </div> -  </div> +    </div>  </nav> -      <div class="flex flex-grow flex-col py-8 px-14 items-center"> +            <div class="flex flex-grow flex-col py-8 px-14 items-center"> -        <div class="text-center flex flex-col gap-4 w-full max-w-100"> -          <h1 class="text-5xl font-semibold">CHIP8Emu</h1> -          <div> -            <h4 class="text-xl">An Emulator/Interpreter for CHIP-8.</h4> -            <h6 class="text-center text-sm border-t-4 mt-2 py-1">C++</h6> -          </div> +                <div class="text-center flex flex-col gap-4 w-full max-w-100"> +                    <h1 class="text-5xl font-semibold">CHIP8Emu</h1> +                    <div> +                        <h4 class="text-xl">An Emulator/Interpreter for CHIP-8.</h4> +                        <h6 class="text-center text-sm border-t-4 mt-2 py-1">C++</h6> +                    </div> -          <a href="https://github.com/compromyse/autograd" target="_blank" class="button">SOURCE</a> -        </div> +                     +                    <a href="https://github.com/compromyse/autograd" target="_blank" class="button">SOURCE</a> +                     +                </div> -        <div class="prose md:prose-lg lg:prose-2xl prose-pink prose-invert w-full max-w-256 pt-12"> -          <p><img src="https://github.com/compromyse/CHIP8Emu/assets/71056504/f87e9e73-f880-4d60-a61b-cdb40791211b" class="mx-auto" /></p> +                <div class="prose md:prose-lg lg:prose-2xl prose-pink prose-invert w-full max-w-256 pt-12"> +                    <p><img src="https://github.com/compromyse/CHIP8Emu/assets/71056504/f87e9e73-f880-4d60-a61b-cdb40791211b" class="mx-auto" /></p>  <h2>About The Project</h2> @@ -77,18 +79,18 @@ Replace <code>[scale]</code> with your preferred display scaling, <code>[delay]<  </code></pre>  </p> -        </div> +                </div> -      </div> -      <footer class="w-full pb-4 pt-12 px-8 text-sm md:text-lg"> -  <div class="text-center"> -    <p>The Quieter You Become, The More You Are Able To Hear.</p> -  </div> +            </div> +            <footer class="w-full pb-4 pt-12 px-8 text-sm md:text-lg"> +    <div class="text-center"> +        <p>The Quieter You Become, The More You Are Able To Hear.</p> +    </div>  </footer> -    </div> -  </body> +        </div> +    </body>  </html> | 
