diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-02-20 16:11:50 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-02-20 16:15:08 +0100 |
| commit | 73a5c7fae9ffbe9ada721148c8c454a643aceebe (patch) | |
| tree | c8fad013ed9b5dd589add87f8d45cf02bbfc6e91 /public/projects/js-small-apps/calculator/index.html | |
| parent | b01239fbdcc5bbc5921f73ec0e8fee7bedd5c8e8 (diff) | |
chore!: restructure repo
I separated public files from the config/dev files. It improves repo
readability.
I also moved dotenv helper to public/inc directory and extract the
Matomo tracker in the same directory.
Diffstat (limited to 'public/projects/js-small-apps/calculator/index.html')
| -rw-r--r-- | public/projects/js-small-apps/calculator/index.html | 103 |
1 files changed, 103 insertions, 0 deletions
diff --git a/public/projects/js-small-apps/calculator/index.html b/public/projects/js-small-apps/calculator/index.html new file mode 100644 index 0000000..a93f0c4 --- /dev/null +++ b/public/projects/js-small-apps/calculator/index.html @@ -0,0 +1,103 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8" /> + <meta http-equiv="X-UA-Compatible" content="IE=edge" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <title>Calculator</title> + <link rel="stylesheet" href="style.css" /> + </head> + <body> + <header class="header"> + <h1 class="branding">Calculator</h1> + </header> + <main class="main"> + <div class="calculator"> + <div class="calculator__display">0</div> + <div class="calculator__entry-pad"> + <div class="calculator__clear"> + <button type="button" id="clear" class="btn btn--clear">C</button> + <button type="button" id="clearall" class="btn btn--clear"> + AC + </button> + </div> + <div class="calculator__digits"> + <button type="button" id="digit-9" class="btn btn--digits"> + 9 + </button> + <button type="button" id="digit-8" class="btn btn--digits"> + 8 + </button> + <button type="button" id="digit-7" class="btn btn--digits"> + 7 + </button> + <button type="button" id="digit-6" class="btn btn--digits"> + 6 + </button> + <button type="button" id="digit-5" class="btn btn--digits"> + 5 + </button> + <button type="button" id="digit-4" class="btn btn--digits"> + 4 + </button> + <button type="button" id="digit-3" class="btn btn--digits"> + 3 + </button> + <button type="button" id="digit-2" class="btn btn--digits"> + 2 + </button> + <button type="button" id="digit-1" class="btn btn--digits"> + 1 + </button> + <button type="button" id="digit-0" class="btn btn--digits"> + 0 + </button> + <button type="button" id="sign" class="btn btn--digits">+/-</button> + <button type="button" id="dot" class="btn btn--digits">.</button> + </div> + <div class="calculator__operations"> + <button + type="button" + id="operation-divide" + class="btn btn--operation" + > + / + </button> + <button + type="button" + id="operation-multiply" + class="btn btn--operation" + > + * + </button> + <button + type="button" + id="operation-minus" + class="btn btn--operation" + > + - + </button> + <button + type="button" + id="operation-plus" + class="btn btn--operation" + > + + + </button> + <button + type="button" + id="operation-equal" + class="btn btn--operation" + > + = + </button> + </div> + </div> + </div> + </main> + <footer class="footer"> + <p class="copyright">Calculator. MIT 2021. Armand Philippot.</p> + </footer> + <script src="app.js"></script> + </body> +</html> |