|
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-
- <title>NES Painter</title>
-
- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
- <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css" integrity="sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w" crossorigin="anonymous">
- <link rel="stylesheet" href="app/css/nespaint.css">
- </head>
- <body>
-
- <div id="Welcome" class="modal">
- <div class="modal-content">
- Welcome to the modal!
- </div>
- </div>
-
- <div class="header">
- <div class="home-menu pure-menu pure-menu-horizontal">
- <a class="pure-menu-heading" href="">
- <span class="color-NES-06">NES </span>
- <span class="color-NES-random">P</span><span class="color-NES-random">a</span><span class="color-NES-random">i</span><span class="color-NES-random">n</span><span class="color-NES-random">t</span>
- </a>
- </div>
- </div>
-
- <div class="content-wrapper">
- <div class="pure-g">
- <div class="pure-u-1-8">
- <div class="pure-button-group" role="group" aria-label="...">
- <button emit="modal-open" emit-args='{"id":"Welcome"}' class="pure-button">
- <i class="fa fa-brush"></i>
- </button>
- <button emit="modal-open" emit-args='{"id":"Welcome"}' class="pure-button">
- <i class="fa fa-eraser"></i>
- </button>
- <button class="pure-button pure-button-active">
- <i class="fa fa-eye-dropper"></i>
- </button>
- </div>
- </div>
- <div class="pure-u-2-3">
- <canvas id="painter" width:"128" height:"256"></canvas>
- </div>
- </div>
- </div>
- </body>
- <script src="app/js/main.js" type="module"></script>
- </html>
|
