Add about tab, credits

djrideout · Oct 23, 2024 · 9926be1 · 9926be1
1 parent a4620e4
commit 9926be1
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/web/view/index.html b/web/view/index.html
@@ -17,6 +17,7 @@
                 <div id="emulator-tabs">
                     <div class="emulator-tab keypad selected">Keypad</div>
                     <div class="emulator-tab settings">Settings</div>
+                    <div class="emulator-tab about">About</div>
                 </div>
                 <div id="emulator-control-content">
                     <div class="emulator-content keypad">
@@ -74,6 +75,18 @@
                         <span>Reset to apply changes</span>
                         <button id="reset-button">Reset</button>
                     </div>
+                    <div class="emulator-content about" style="display: none;">
+                        <h1><a href="https://www.github.com/djrideout/chippy" target="_blank">chippy</a></h1>
+                        A CHIP-8 interpreter written in Rust
+                        <span>Written by <a href="https://www.github.com/djrideout" target="_blank">D.J. Rideout</a></span>
+                        <br>
+                        <span><a href="https://kouzeru.itch.io/xo-nyancat" target="_blank">nyancat</a> by <a href="https://kouzeru.itch.io/" target="_blank">Kouzerumatsukite</a></span>
+                        <span><a href="https://kouzeru.itch.io/xo-tracker-demo" target="_blank">tracker</a> by <a href="https://kouzeru.itch.io/" target="_blank">Kouzerumatsukite</a></span>
+                        <span><a href="https://johnearnest.github.io/chip8Archive/play.html?p=RPS" target="_blank">rps</a> by <a href="https://systemlogoff.com/" target="_blank">SystemLogoff</a></span>
+                        <span><a href="https://johnearnest.github.io/chip8Archive/play.html?p=danm8ku" target="_blank">danm8ku</a> by <a href="https://github.com/buffis" target="_blank">buffi</a></span>
+                        <span><a href="https://johnearnest.github.io/chip8Archive/play.html?p=snake" target="_blank">snake</a> by <a href="https://boringreallife.com/" target="_blank">TimoTriisa</a></span>
+                        <span><a href="https://github.com/Timendus/chip8-test-suite" target="_blank">test ROMs</a> by <a href="https://github.com/Timendus" target="_blank">Timendus</a></span>
+                    </div>
                 </div>
             </div>
         </div>

diff --git a/web/view/src/style.less b/web/view/src/style.less
@@ -14,6 +14,9 @@
         width: 100%;
         height: 100%;
         color: @font;
+        a {
+            color: @font;
+        }
         background: @background;
         font-family: Lato, sans-serif;
         #emulator-wrapper {
@@ -80,11 +83,13 @@
                                 }
                             }
                         }
-                        &.settings {
+                        &.settings, &.about {
                             display: flex;
                             flex-direction: column;
                             align-items: center;
                             text-align: center;
+                        }
+                        &.settings {
                             label, span {
                                 margin-top: 10px;
                             }