From f7fdfc1314de956b171ba6e97da8c9febf9569f9 Mon Sep 17 00:00:00 2001
From: BinaryDigitDev <binarydigit@icloud.com>
Date: Mon, 14 Oct 2024 17:59:41 -0400
Subject: [PATCH] changed to NES theme

---
 README.md    |  21 ++++++++++++++++++++-
 favicon.ico  | Bin 0 -> 15406 bytes
 index.html   |  34 +++++++++++++++++++---------------
 pomodoro.css |   8 +++++---
 4 files changed, 44 insertions(+), 19 deletions(-)
 create mode 100644 favicon.ico

diff --git a/README.md b/README.md
index 07163e5..b46b8ac 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,20 @@
-# Countdown Timer
+# Gamer Countdown Timer
+
+Edited from my [pomodoro-timer](https://github.com/BinaryDigitDev/pomodoro-timer) repo for KilobyteKeith's game stream!
+
+<hr>
+
+I've forked Bear's awesome [pomodoro-timer](https://github.com/SpectacledBear/pomodoro-timer) project and added styling with [PaperCSS](https://www.getpapercss.com/) and a new alarm sound from [Pixabay](https://pixabay.com/sound-effects/?utm_source=link-attribution&utm_medium=referral&utm_campaign=music&utm_content=6402). Tomato favicon via [Twemoji](https://github.com/twitter/twemoji).
+
+
+<hr>
+
+I created this simple HTML page to assist me in using the Pomodoro technique. It provides a countdown timer based on the three activities outlined in this technique.
+
+For more information on the Pomodoro technique, please check its [website](http://pomodorotechnique.com/).
+
+## Licensing
+
+For more information on licensing for this code, please read the LICENSE.txt file included in this repository.
+
+The alarm sound is licensed using a [CC BY-NC 4.0 license](http://creativecommons.org/licenses/by-nc/4.0/). The original file was downloaded from http://www.orangefreesounds.com/alarm-clock-ringing/.
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..2a5320c5a471548d7a56b2ba17b4a69d5158faa9
GIT binary patch
literal 15406
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

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
index fe1575d..164c730 100644
--- a/index.html
+++ b/index.html
@@ -1,27 +1,29 @@
 <!DOCTYPE html>
-<html class="dark">
+<html>
     <head>
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
         <link rel="stylesheet" href="pomodoro.css">
-        <link rel="stylesheet" href="https://unpkg.com/papercss@latest/dist/paper.min.css">
-        <link rel="apple-touch-icon" sizes="180x180" href="asset/apple-touch-icon.png">
-        <link rel="icon" type="image/png" sizes="32x32" href="asset/favicon-32x32.png">
-        <link rel="icon" type="image/png" sizes="16x16" href="asset/favicon-16x16.png">
-        <link rel="manifest" href="asset/site.webmanifest">
+        <link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" />
     </head>
     <body>
-        <div class="paper" id="container">
-            <h4>Game Switch Timer</h4>
-            <div id="timer">
-                <label id="timerText"></label>
+        <div id="container">
+            <h3 class="title">Game Switch Timer</h3>
+            <div class="nes-container is-dark">
+              <p>
+                <h3 id="timer">
+                    <label id="timerText"></label>
+                </h3>
+              </p>
             </div>
 
+
             <div id="controls">
                 <!-- <button class="btn-danger-outline" name="changegame" onclick="countdown(1500);"></button> -->
-                <button class="btn-success-outline" name="shortBreak" onclick="countdown(600);">10 Min</button>
-                <button class="btn-secondary-outline" name="longBreak" onclick="countdown(900);">15 Min</button>
-                <button class="btn-block btn-primary-outline" name="stop" onclick="stopTimer();">STOP</button>
+                <button class="nes-btn is-primary" onclick="countdown(600);">10 Min</button>
+                <button class="nes-btn is-warning" onclick="countdown(900);">15 Min</button>
+                <br>
+                <button class="nes-btn is-error" onclick="stopTimer();">STOP</button>
             </div>
 
             <audio id="alarm" src="asset/SEGA.mp3" preload="auto"></audio>
@@ -30,7 +32,9 @@
         </div>
 
     <footer>
-        <a href="https://github.com/BinaryDigitDev/gametimer">Code</a>
-    </footer>
+        <a href="https://twitch.tv/KilobyteKeith"><i class="nes-icon twitch is-medium"></i></a>
+        <a href="https://github.com/BinaryDigitDev/gametimer">  <i class="nes-icon github is-medium"></i></a>
+            </footer>
+    <br>
     </body>
 </html>
diff --git a/pomodoro.css b/pomodoro.css
index e101221..591aa52 100644
--- a/pomodoro.css
+++ b/pomodoro.css
@@ -1,8 +1,10 @@
-html {
-    background-image: url("asset/geometricbg.png");
-    background-color: black;
+@import url('https://fonts.googleapis.com/css?family=Press+Start+2P');
+
+* {
+    font-family: "Press Start 2P";
 }
 
+
 #timer label {
     font-size: xx-large;
 }