s

README.md

@@ -2,39 +2,41 @@
 
 You lost the game? Or did I lose the game?
 
-![image](https://github.com/S-D-Ge/1434/assets/52391257/99552b6f-93a6-4d23-9939-97bd90939d70)
+![image](https://github.com/S-D-Ge/1434/assets/52391257/0396bd73-bdee-49c0-8430-755f1d3cb6fb)
 
 ### Note
 
 I have never coded in html and javascript before. When making to project, I was trying my best to edit somebody else's code that I cannot read. As a result, there might be some rare bugs.
 
-### Instructions for Download (Works on school computers)
+### Zero Mode
+
+
+### Colorless Mode
+
+
+# Instructions for Download (Works on school computers)
 1. Click on the green "<> Code" button, then download ZIP
 
-![image](https://github.com/S-D-Ge/1434/assets/52391257/fa1b0af7-1bb6-4e69-8a2d-5b0c53cbc1f4)
+![image](https://github.com/S-D-Ge/1434/assets/52391257/fa1b0af7-1bb6-4e69-8a2d-5b0c53cbc1f4 | width=100)
 
 2. Save the ZIP, then "extract all" or "extract all here"
 
-![image](https://github.com/S-D-Ge/1434/assets/52391257/8df945b0-aff7-4864-a940-5b633c0ec1f5)
-![image](https://github.com/S-D-Ge/1434/assets/52391257/d9871434-2a3f-4711-9489-e1b808e1fec4)
+![image](https://github.com/S-D-Ge/1434/assets/52391257/8df945b0-aff7-4864-a940-5b633c0ec1f5 | width=100) ![image](https://github.com/S-D-Ge/1434/assets/52391257/d9871434-2a3f-4711-9489-e1b808e1fec4 | width=100)
 
 3. Click into the folder and find "index.html", open the file (you may have to open using Google Chrome)
 
-![image](https://github.com/S-D-Ge/1434/assets/52391257/506f1902-b393-4f44-85d7-1ef897430815)
-
-# Rules and Scoring
-
-Use your arrow keys to move the tiles. When two tiles with the same number touch, they merge into one!
-- When two 0s merge, you earn 1434 points
-- When two positive integers merge, you earn 2-3 times their sum
+![image](https://github.com/S-D-Ge/1434/assets/52391257/506f1902-b393-4f44-85d7-1ef897430815 | width=100)
 
 # Credits
 This is a fork of gabrielecirculari's 2048, which is a small clone of [1024](https://play.google.com/store/apps/details?id=com.veewo.a1024), based on [Saming's 2048](http://saming.fr/p/2048/) (also a clone).
 
 ### Change Log
 
-5/22/2023 (QUALITY OF LIFE UPDATE)
+5/23/2023
+- Patched QOL Update
 - New color scheme!
+
+5/22/2023 (QUALITY OF LIFE UPDATE)
 - Option to hide numbers
 
 5/20/2023 (THE POWER OF 0 UPDATE)

index.html

@@ -23,7 +23,8 @@ <h1 class="title">1434</h1>
     </div>
 
     <div class="above-game">
-      <p class="game-intro">Join the numbers and get to the <strong>1434 tile!</strong></p>
+      <p style="color: #b3ffff">Join the numbers and get to the <strong>1434 tile!</strong> </p>
+      <p style="color: #b3ffff"> This is a <strong>fork</strong> of gabrielecirulli's 2048 with new colors, new numbers, more modes, and more options!</p>
     </div>
 
     <div class="game-container">
@@ -83,7 +84,7 @@ <h1 class="title">1434</h1>
     </p>
     <hr>
     <p>
-    1434 is created by <a href="https://github.com/S-D-Ge/" target="_blank">S-D-Ge</a>, the overwhelming majority of the code, as well as the original game, was created by <a href="http://gabrielecirulli.com" target="_blank">Gabriele Cirulli.</a> Based on <a href="https://itunes.apple.com/us/app/1024!/id823499224" target="_blank">1024 by Veewo Studio</a> and conceptually similar to <a href="http://asherv.com/threes/" target="_blank">Threes by Asher Vollmer.</a>
+    1434 is created by <a href="https://github.com/S-D-Ge/" target="_blank">S-D-Ge</a>, the majority of the code (excl. color, zero mode, numberless mode), as well as the original game, was created by <a href="http://gabrielecirulli.com" target="_blank">Gabriele Cirulli.</a> Based on <a href="https://itunes.apple.com/us/app/1024!/id823499224" target="_blank">1024 by Veewo Studio</a> and conceptually similar to <a href="http://asherv.com/threes/" target="_blank">Threes by Asher Vollmer.</a>
     </p>
     <a class="best-reset-button">RESET BEST SCORE (no confirmation, no undo)</a>
   </div>

style/main.css

@@ -357,35 +357,35 @@ hr {
     background: #00bfff; }
   .tile.tile-179 .tile-inner {
     background: #00a2fa;
-    box-shadow: 0 0 30px 10px rgba(247, 0, 255, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.15);
+    box-shadow: 0 0 30px 10px rgba(78, 29, 255, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.15);
     font-size: 45px; }
     @media screen and (max-width: 520px) {
       .tile.tile-179 .tile-inner {
         font-size: 25px; } }
   .tile.tile-358 .tile-inner {
     background: #0061e0;
-    box-shadow: 0 0 30px 10px rgba(255, 0, 242, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
+    box-shadow: 0 0 30px 10px rgba(78, 29, 255, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
     font-size: 45px; }
     @media screen and (max-width: 520px) {
       .tile.tile-358 .tile-inner {
         font-size: 25px; } }
   .tile.tile-717 .tile-inner {
     background: #4b39e7;
-    box-shadow: 0 0 30px 10px rgba(255, 0, 221, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.35);
+    box-shadow: 0 0 30px 10px rgba(78, 29, 255, 0.35), inset 0 0 0 2px rgba(255, 255, 255, 0.35);
     font-size: 45px; }
     @media screen and (max-width: 520px) {
       .tile.tile-717 .tile-inner {
         font-size: 25px; } }
   .tile.tile-1434 .tile-inner {
     background: #8128e6;
-    box-shadow: 0 0 30px 10px rgba(247, 0, 255, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
-    font-size: 35px; }
+    box-shadow: 0 0 30px 10px rgba(78, 29, 255, 0.5), inset 0 0 0 3px rgba(255, 255, 255, 0.5);
+    font-size: 40px; }
     @media screen and (max-width: 520px) {
       .tile.tile-1434 .tile-inner {
         font-size: 15px; } }
   .tile.tile-super .tile-inner {
     background: #b91bc7;
-    box-shadow: 0 0 30px 10px rgb(247, 0, 255), inset 0 0 0 1px rgba(255, 255, 255, 1);
+    box-shadow: 0 0 30px 10px rgb(78, 29, 255), inset 0 0 0 4px rgba(255, 255, 255, 1);
     font-size: 30px; }
     @media screen and (max-width: 520px) {
       .tile.tile-super .tile-inner {
@@ -509,11 +509,6 @@ hr {
   display: block;
   clear: both; }
 
-.game-intro {
-  float: left;
-  margin-top: 10px;
-  line-height: 0px; }
-
 .restart-button {
   display: inline-block;
   background: #001aff;