eldrow/index.html
2024-05-22 15:31:47 -04:00

127 lines
4.0 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>eldroW</title>
<link rel="stylesheet" href="index.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet"
/>
</head>
<body>
<header>
<h1>Wordle.</h1>
<p>wordle but backwards</p>
</header>
<div class="game">
<div class="board">
<div class="row">
<div class="cell absent">Y</div>
<div class="cell present">R</div>
<div class="cell absent">R</div>
<div class="cell">U</div>
<div class="cell">C</div>
</div>
<div class="row">
<div class="cell">W</div>
<div class="cell">A</div>
<div class="cell">T</div>
<div class="cell">E</div>
<div class="cell">R</div>
</div>
<div class="row">
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
</div>
<div class="row">
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
</div>
<div class="row">
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
</div>
<div class="row">
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
<div class="cell"></div>
</div>
</div>
<div class="letters">
<div class="row">
<div class="letter">P</div>
<div class="letter">O</div>
<div class="letter">I</div>
<div class="letter">U</div>
<div class="letter">Y</div>
<div class="letter">T</div>
<div class="letter">R</div>
<div class="letter">E</div>
<div class="letter">W</div>
<div class="letter">Q</div>
</div>
<div class="row">
<div class="letter">L</div>
<div class="letter">K</div>
<div class="letter">J</div>
<div class="letter">H</div>
<div class="letter">G</div>
<div class="letter">F</div>
<div class="letter">D</div>
<div class="letter">S</div>
<div class="letter">A</div>
</div>
<div class="row">
<div class="letter enter">ENTER</div>
<div class="letter">M</div>
<div class="letter">N</div>
<div class="letter">B</div>
<div class="letter">V</div>
<div class="letter">C</div>
<div class="letter">X</div>
<div class="letter">Z</div>
<div class="letter backspace">
<svg
height="100%"
width="100%"
viewBox="0 0 44.18 44.18"
xml:space="preserve"
>
<g>
<path
d="M10.625,5.09L0,22.09l10.625,17H44.18v-34H10.625z M42.18,37.09H11.734l-9.375-15l9.375-15H42.18V37.09z"
/>
<polygon
points="18.887,30.797 26.18,23.504 33.473,30.797 34.887,29.383 27.594,22.09 34.887,14.797 33.473,13.383 26.18,20.676
18.887,13.383 17.473,14.797 24.766,22.09 17.473,29.383 "
/>
</g>
</svg>
</div>
</div>
</div>
</div>
<footer>
<p>created by <a href="crucialnet.org">rushil</a></p>
</footer>
</body>
</html>