Update index.html (#26)

changed for web layout
mining-pool · Jan 26, 2020 · c344c14 · c344c14
1 parent ede8e70
commit c344c14
Showing 1 changed file with 38 additions and 26 deletions.
diff --git a/web/index.html b/web/index.html
@@ -2,40 +2,52 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>OPEN-GRIN-POOL</title>
-    <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/pure-min.css"
-          integrity="sha384-oAOxQR6DkCoMliIh8yFnu25d7Eq/PHS21PClpwjOTeU2jRSq11vu66rf90/cZr47" crossorigin="anonymous">
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="description" content="OPEN-GRIN-POOl">    
+	<title>OPEN-GRIN-POOl</title>    
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
+	<link rel="stylesheet" href="css/main.css">
 </head>
-
 <body>
-<div class="pure-g">
-    <div class="pure-u-1-5"></div>
-
-    <div class="pure-u-3-5">
-        <h1><a href="https://github.com/maoxs2/open-grin-pool">OPEN-GRIN-POOL</a></h1>
-        <h2>Blocks Mined by Pool</h2>
-        <div id="blocks"></div>
 
-        <h2>Pool Status</h2>
-        <span>Connection:</span>
-        <div id="conn"></div>
-        <span>Height:</span>
-        <div id="height"></div>
-        <span>Difficulty:</span>
-        <div id="diff"></div>
+<nav class="navbar navbar-dark fixed-top bg-dark">
+  	<a class="navbar-brand" href="https://github.com/maoxs2/open-grin-pool">OPEN-GRIN-POOl</a>
+	<form class="form-inline">
+    <div class="input-group">
+		<input class="form-control" type="text" id="login" placeholder="Your Miner Login Name" aria-label="Miner Login">
+    		<div class="input-group-append">
+            	<button class="btn btn-outline-success" value="GO" id="button">GO</button>
+			</div>
+    </div>
+    </form>  
+</nav>
 
-        <h2>Miner Status</h2>
-        <div>Input Your Miner Login Name:</div>
-        <label for="login">Login</label><input type="text" id="login">
-        <input type="button" class="pure-button pure-button-primary" value="GO" id="button">
+<div class="container">
+    <h2>Pool Status</h2>
+	<div class="row">
+    	<div class="col-sm l-box text-center"><div class="infobox"><h4>Connected Peers</h4><p id="conn"></p></div></div>
+       	<div class="col-sm l-box text-center"><div class="infobox"><h4>Height</h4><p id="height"></p></div></div>
+       	<div class="col-sm l-box text-center"><div class="infobox"><h4>Blocks Found</h4><p id="count"></p></div></div>
+	</div>
+	<div class="row">
+       	<div class="col-sm l-box text-center"><div class="infobox"><h4>Cuckatoo</h4><p id="cuckatoo"></p></div></div>
+       	<div class="col-sm l-box text-center"><div class="infobox"><h4>ProgPow</h4><p id="progpow"></p></div></div>
+       	<div class="col-sm l-box text-center"><div class="infobox"><h4>RandomX</h4><p id="randomx"></p></div></div>
     </div>
+	<h2>Blocks Mined by Pool</h2>
+    <div class="row">
+		<div class="col-sm l-box">		
+			<div class="infobox list">
+			<ul class="list-group" id="blocks"></ul>
+       		</div>
+		</div>
+	</div>
 </div>
 
+
 <script src="/js/config.js"></script>
 <script src="/js/index.js"></script>
 </body>
 
-</html>
+</html>