<!DOCTYPE html>
-<html>
+<html lang="en">
<head>
- <meta charset="utf-8">
+ <meta charset="utf-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <meta name="description" content="A simple and fast poker hand evaluator" />
<title>Poker hand evaluator</title>
<link rel="stylesheet" href="styles.css" />
- <link rel="icon" href="favicon.ico" type="image/x-icon">
+ <link rel="icon" href="favicon.ico" type="image/x-icon" />
</head>
<body>
<noscript>This page contains webassembly and javascript content, please enable javascript in your browser.</noscript>
<h1>Poker hand evaluator</h1>
- <p>Based on Kevin L. Suffecool <a href="http://suffe.cool/poker/evaluator.html">poker hand evaluator</a>.</p>
<p>Returns the hand's equivalence value.
The evaluator orders hands from 1 to 7462.
The lower the score is, the better it is.
<input class="input" id="eval-input" placeholder="2s 3d Td Kc 2d" type="text" />
<button class="input" id="eval-button" type="submit">Evaluate</button>
<div id="result">Score:<br />Hand value:</div>
- <footer>Code available on my <a href="https://git.beaudet.xyz/?p=poker-eval.git">git repository</a>
- <script src="index.js" type="module" defer></script>
+ <p>Based on Kevin L. Suffecool <a href="http://suffe.cool/poker/evaluator.html">poker hand evaluator</a>.</p>
+ <footer>Code available on my <a href="https://git.beaudet.xyz/?p=poker-eval.git">git repository</a></footer>
+ <script src="index.js" type="module" defer></script>
</body>
</html>
display: grid;
place-content: center;
gap: 0.5rem;
+ font-size: 1.10rem;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
background-color: #e9f2fd;
padding: 1rem;
}
+h1 {
+ font-size: clamp(1.75rem, 4vw + 1rem, 3rem);
+}
+
+a {
+ text-decoration-line: none;
+}
+
+p {
+ line-height: 1.5;
+}
+
label {
font-size: 1.125rem;
font-weight: 500;