Update index.html

index.html

@@ -7,8 +7,8 @@
         src: url("/Stencil.otf");
     }
     @font-face {
-        font-family: Roboto;
-        src: url("https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxM.woff2");
+        font-family: Rails;
+        src: url("/Rails.otf");
     }
     @font-face {
         font-family: Aldrich;
@@ -36,15 +36,11 @@
         <div class="color-option" onclick="changeColor('#ff0000')">Red</div>
         <div class="color-option" onclick="changeColor('#0000ff')">Blue</div>
         <div class="color-option" onclick="changeColor('#ffffff')">White</div>
-        <div class="color-option">
-          <input type="color" id="customTextColor" onchange="changeColor(this.value)">
-          <label for="customTextColor">Custom</label>
-        </div>
       </div>
       <div class="font-options">
         <h3>Select Font</h3>
         <div class="font-option" onclick="changeFont('Stencil')">Stencil</div>
-        <div class="font-option" onclick="changeFont('Roboto')">Roboto</div>
+        <div class="font-option" onclick="changeFont('Rails')">Rails</div>
         <div class="font-option" onclick="changeFont('Aldrich')">Aldrich</div>
       </div>
       <div class="toggle-options">
@@ -70,22 +66,9 @@
         <h3>Font Size</h3>
         <input type="range" id="sizeSlider" min="50" max="300" value="180" onchange="adjustSize(this.value)" disabled>
       </div>
-      <div class="background-options">
-        <h3>Background</h3>
-        <div class="background-option" onclick="changeBackground('black')">Black</div>
-        <div class="background-option" onclick="changeBackground('linear-gradient(to right, red, yellow)')">Gradient 1</div>
-        <div class="background-option" onclick="changeBackground('linear-gradient(to right, blue, purple)')">Gradient 2</div>
-        <div class="background-option">
-          <input type="color" id="customBgColor1" value="#000000" onchange="updateCustomGradient()">
-          <input type="color" id="customBgColor2" value="#ffffff" onchange="updateCustomGradient()">
-          <label for="customBgColor1">Custom Gradient</label>
-        </div>
-      </div>
-    </div>
-    <div class="menu-buttons">
-      <button onclick="resetDefaults()">Default Settings</button>
-      <button onclick="toggleMenu()">Done</button>
     </div>
+    <button onclick="resetDefaults()">Default Settings</button>
+    <button onclick="toggleMenu()">Done</button>
   </div>
   <script src="./script.js"></script>
 </body>