1 files changed, 7 insertions, 74 deletions
diff --git a/utils/minesweeper/index.html b/utils/minesweeper/index.html
index 546d0f8..c984ead 100644
--- a/utils/minesweeper/index.html
+++ b/utils/minesweeper/index.html
@@ -3,89 +3,19 @@
 <html>
     <head>
         <title>cacharle - minesweeper</title>
-        <link rel="stylesheet" type="text/css" href="../../style.css"/>
         <meta charset="utf-8"/>
         <link rel="icon" type="image/png" href="../../favicon.png" />
-        <style>
-            h1 {
-                text-align: center;
-            }
-            td {
-                padding: 0px;
-            }
-            table {
-                margin: auto;
-                margin-top: 0%;
-                margin-bottom: 5%;
-                border-collapse: collapse;
-                border-spacing: 0px;
-            }
-            table td {
-                width: 2.5em;
-                height: 2.5em;
-            }
-            table button {
-                display: block;
-                background: lightgrey;
-                margin: 0px;
-                width: 100%;
-                height: 100%;
-                text-align: center;
-                font-size: 1.6em;
-                border-width: 6px;
-                border-style: outset;
-                border-radius: 0px;
-                border-color: grey;
-            }
-            table button:hover {
-                background: forestgreen;
-            }
-            table button.visited {
-                background: lightgrey;
-                border-style: solid;
-                border-width: 1px;
-            }
-            button {
-                font-weight: bold;
-            }
-
-            label,
-            input {
-                display: inline-block;
-            }
-            label {
-                width: 13%;
-                text-align: right;
-            }
-            input {
-                width: 40%;
-                margin: 0px;
-            }
-            button.game-state {
-                float: right;
-                margin-right: 20%;
-                font-size: 2em;
-                text-transform: uppercase;
-            }
-            #minesweeper-timer {
-                display: block;
-                font-weight: bolder;
-                text-align: center;
-
-            }
-
-        </style>
+        <link rel="stylesheet" type="text/css" href="../../style.css"/>
+        <link rel="stylesheet" type="text/css" href="style.css"/>
     </head>
 
     <body><div id="page-wrapper">
         <h1>minesweeper</h1>
 
-
         <table id="minesweeper-table">
         </table>
 
         <div id="minesweeper-settings">
-            <button id="minesweeper-start" class="game-state">start</button>
             <div>
                 <label for="width">width</label>
                 <input id="minesweeper-width" name="width" type="range" min="3" max="20" value="10"/>
@@ -99,9 +29,12 @@
                 <input id="minesweeper-mine-rate" name="mine-rate" type="range" min="0" max="100" value="20"/>
             </div>
         </div>
+
         <div id="minesweeper-game-info" hidden>
-            <button id="minesweeper-stop" class="game-state">stop</button>
-            <div id="minesweeper-timer">timer</div>
+            <div>
+                <div id="minesweeper-timer">1:30</div>
+                <button id="minesweeper-stop" class="game-state">stop</button>
+            </div>
         </div>