eldrow/index.html
2024-05-28 23:31:13 -04:00

171 lines
5.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<link
rel="apple-touch-icon"
sizes="180x180"
href="/favicon/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/favicon/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/favicon/favicon-16x16.png"
/>
<link rel="manifest" href="/favicon/site.webmanifest" />
<link
rel="mask-icon"
href="/favicon/safari-pinned-tab.svg"
color="#5bbad5"
/>
<link rel="shortcut icon" href="/favicon/favicon.ico" />
<meta name="msapplication-TileColor" content="#00aba9" />
<meta name="msapplication-config" content="/favicon/browserconfig.xml" />
<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"
/>
<link
rel="stylesheet"
type="text/css"
href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css"
/>
</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"></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 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="enter">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
type="text/javascript"
src="https://cdn.jsdelivr.net/npm/toastify-js"
></script>
<script src="https://cdn.jsdelivr.net/npm/@tsparticles/confetti@3.0.3/tsparticles.confetti.bundle.min.js"></script>
<script src="lists.js"></script>
<script src="index.js"></script>
</body>
</html>