Merge pull request #37 from igavelyuk/Fixes

Added day-night button, fixed layout
GDG-GTBIT · Oct 30, 2021 · d21f525 · d21f525
2 parents 7b5050a + a2198c6
commit d21f525
Showing 1 changed file with 37 additions and 17 deletions.
diff --git a/Projects/Calculator/index.html b/Projects/Calculator/index.html
@@ -8,22 +8,42 @@
 
 </head>
 <body>
-    <center>
-        <div class="calculator">
-            <input type = "text" class = "screen" placeholder="enter"></input>
-            <ul class="number-layer">
-                <li><button>c</button><button>=</button><button>+</button><button>bk</button></li>
-                <li><button class="calculator-number">1</button><button class="calculator-number">2</button><button class="calculator-number">3</button><button>/</button></li>
-                <li><button class="calculator-number">4</button><button class="calculator-number">5</button><button class="calculator-number">6</button><button>-</button></li>
-                <li><button class="calculator-number">7</button><button class="calculator-number">8</button><button class="calculator-number">9</button><button>x</button></li>
-                <li><button>(</button><button>)</button><button>^</button><button>sqrt</button></li>
-            </ul>
-
-
-        </div>
-
-    </center>
-
-
+  <div class="centered">
+   <div class="header">
+    <span class = "decoration"> *** </span> <button class = "daynight"> </button>
+   </div>
+    <div class="display">
+      <textarea placeholder="120">120</textarea>
+    </div>
+    <div class="numbers">
+      <ul class="number-layer" style="list-style-type:none;">
+        <li><button>C</button>
+          <button>+/-</button>
+          <button>%</button>
+         <button>/</button>
+        </li>
+        <li><button class="calculator-number">7</button>
+          <button class="calculator-number">8</button>
+          <button class="calculator-number">9</button>
+          <button>x</button>
+        </li>
+        <li><button class="calculator-number">4</button>
+          <button class="calculator-number">5</button>
+          <button class="calculator-number">6</button>
+          <button>-</button>
+        </li>
+        <li><button class="calculator-number">1</button>
+          <button class="calculator-number">2</button>
+          <button class="calculator-number">3</button>
+          <button>+</button>
+        </li>
+       <li><button class="calculator-number">0</button>
+          <button class="calculator-number">.</button>
+          <button class="hidden-button calculator-number">.</button>
+          <button>=</button>
+        </li>
+      </ul>
+    </div>
+  </div>
 </body>
 </html>