eldrow/index.html

139 lines
4.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
<meta name="msapplication-TileColor" content="#da532c" />
<meta name="theme-color" content="#ffffff" />
<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" id="board">
<div class="row">
<div class="cell absent" id="Y">Y</div>
<div class="cell present" id="R">R</div>
<div class="cell absent" id="R">R</div>
<div class="cell absent" id="U">U</div>
<div class="cell absent" id="C">C</div>
</div>
<div class="row">
<div class="cell" id="R">R</div>
<div class="cell" id="E">E</div>
<div class="cell" id="T">T</div>
<div class="cell" id="A">A</div>
<div class="cell" id="W">W</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" id="P">P</div>
<div class="letter" id="O">O</div>
<div class="letter" id="I">I</div>
<div class="letter" id="U">U</div>
<div class="letter" id="Y">Y</div>
<div class="letter" id="T">T</div>
<div class="letter" id="R">R</div>
<div class="letter" id="E">E</div>
<div class="letter" id="W">W</div>
<div class="letter" id="Q">Q</div>
</div>
<div class="row">
<div class="letter" id="L">L</div>
<div class="letter" id="K">K</div>
<div class="letter" id="J">J</div>
<div class="letter" id="H">H</div>
<div class="letter" id="G">G</div>
<div class="letter" id="F">F</div>
<div class="letter" id="D">D</div>
<div class="letter" id="S">S</div>
<div class="letter" id="A">A</div>
</div>
<div class="row">
<div class="letter" id="backspace">ENTER</div>
<div class="letter" id="M">M</div>
<div class="letter" id="N">N</div>
<div class="letter" id="B">B</div>
<div class="letter" id="V">V</div>
<div class="letter" id="C">C</div>
<div class="letter" id="X">X</div>
<div class="letter" id="Z">Z</div>
<div class="letter" id="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 target="_blank" href="https://crucialnet.org">rushil</a>
</p>
</footer>
<script src="lists.js"></script>
<script src="index.js"></script>
</body>
</html>