first
This commit is contained in:
129
index.html
Normal file
129
index.html
Normal file
@@ -0,0 +1,129 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
|
||||
<title>Wordle - A daily word game</title>
|
||||
<meta name="description" content="Guess the hidden word in 6 tries. A new puzzle is available each day.">
|
||||
|
||||
<!-- FB Meta Tags -->
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:title" content="Wordle - A daily word game">
|
||||
<meta property="og:description" content="Guess the hidden word in 6 tries. A new puzzle is available each day.">
|
||||
<meta property="og:image" content="wordle_og_1200x630.png">
|
||||
|
||||
<!-- Twitter Meta Tags -->
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
|
||||
<meta name="theme-color" content="#6aaa64" />
|
||||
<link href="wordle_logo_32x32.png" rel="icon shortcut" sizes="3232" />
|
||||
<link href="wordle_logo_192x192.png" rel="apple-touch-icon" />
|
||||
|
||||
<style>
|
||||
/* Global Styles & Colors */
|
||||
:root {
|
||||
--green: #6aaa64;
|
||||
--darkendGreen: #538d4e;
|
||||
--yellow: #c9b458;
|
||||
--darkendYellow: #b59f3b;
|
||||
--lightGray: #d8d8d8;
|
||||
--gray: #86888a;
|
||||
--darkGray: #939598;
|
||||
--white: #fff;
|
||||
--black: #212121;
|
||||
/* Colorblind colors */
|
||||
--orange: #f5793a;
|
||||
--blue: #85c0f9;
|
||||
font-family: 'Clear Sans', 'Helvetica Neue', Arial, sans-serif;
|
||||
font-size: 16px;
|
||||
--header-height: 50px;
|
||||
--keyboard-height: 200px;
|
||||
--game-max-width: 500px;
|
||||
}
|
||||
/* Light theme colors */
|
||||
:root {
|
||||
--color-tone-1: #1a1a1b;
|
||||
--color-tone-2: #787c7e;
|
||||
--color-tone-3: #878a8c;
|
||||
--color-tone-4: #d3d6da;
|
||||
--color-tone-5: #edeff1;
|
||||
--color-tone-6: #f6f7f8;
|
||||
--color-tone-7: #ffffff;
|
||||
--opacity-50: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
/* Dark Theme Colors */
|
||||
.nightmode {
|
||||
--color-tone-1: #d7dadc;
|
||||
--color-tone-2: #818384;
|
||||
--color-tone-3: #565758;
|
||||
--color-tone-4: #3a3a3c;
|
||||
--color-tone-5: #272729;
|
||||
--color-tone-6: #1a1a1b;
|
||||
--color-tone-7: #121213;
|
||||
--opacity-50: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
/* Constant colors and colors derived from theme */
|
||||
:root,
|
||||
.nightmode {
|
||||
--color-background: var(--color-tone-7);
|
||||
}
|
||||
:root {
|
||||
--color-present: var(--yellow);
|
||||
--color-correct: var(--green);
|
||||
--color-absent: var(--color-tone-2);
|
||||
--tile-text-color: var(--color-tone-7);
|
||||
--key-text-color: var(--color-tone-1);
|
||||
--key-evaluated-text-color: var(--color-tone-7);
|
||||
--key-bg: var(--color-tone-4);
|
||||
--key-bg-present: var(--color-present);
|
||||
--key-bg-correct: var(--color-correct);
|
||||
--key-bg-absent: var(--color-absent);
|
||||
--modal-content-bg: var(--color-tone-7);
|
||||
}
|
||||
.nightmode {
|
||||
--color-present: var(--darkendYellow);
|
||||
--color-correct: var(--darkendGreen);
|
||||
--color-absent: var(--color-tone-4);
|
||||
--tile-text-color: var(--color-tone-1);
|
||||
--key-text-color: var(--color-tone-1);
|
||||
--key-evaluated-text-color: var(--color-tone-1);
|
||||
--key-bg: var(--color-tone-2);
|
||||
--key-bg-present: var(--color-present);
|
||||
--key-bg-correct: var(--color-correct);
|
||||
--key-bg-absent: var(--color-absent);
|
||||
--modal-content-bg: var(--color-tone-7);
|
||||
}
|
||||
.colorblind {
|
||||
--color-correct: var(--orange);
|
||||
--color-present: var(--blue);
|
||||
--tile-text-color: var(--white);
|
||||
--key-bg-present: var(--color-present);
|
||||
--key-bg-correct: var(--color-correct);
|
||||
--key-bg-absent: var(--color-absent);
|
||||
}
|
||||
html {
|
||||
height: 100%;
|
||||
}
|
||||
body {
|
||||
height: 100%;
|
||||
background-color: var(--color-background);
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
/* Prevent scrollbar appearing on page transition */
|
||||
overflow-y: hidden;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<script>
|
||||
(function () {
|
||||
// Defining the hash before the main bundle allows the bundle access window.hash
|
||||
window.wordle = window.wordle || {};
|
||||
window.wordle.hash = 'e65ce0a5';
|
||||
})();
|
||||
</script>
|
||||
<script src="main.js" type="module"></script>
|
||||
<game-app></game-app>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
14
wordle_logo_168x168.png
Normal file
14
wordle_logo_168x168.png
Normal file
@@ -0,0 +1,14 @@
|
||||
<html>
|
||||
<head><title>404 Not Found</title></head>
|
||||
<body>
|
||||
<h1>404 Not Found</h1>
|
||||
<ul>
|
||||
<li>Code: NoSuchKey</li>
|
||||
<li>Message: The specified key does not exist.</li>
|
||||
<li>Key: wordle/images/wordle/images/wordle_logo_168x168.png</li>
|
||||
<li>RequestId: EKBX1BPG5YJ0FTAT</li>
|
||||
<li>HostId: Nz2/xnd2ys1MuCbOzWY3fy3X+X4Nko4x97nV9N/uw3TL2UAyJ5759uao7nKjcBHB+ELr5McgGbE=</li>
|
||||
</ul>
|
||||
<hr/>
|
||||
</body>
|
||||
</html>
|
||||
14
wordle_logo_192x192.png
Normal file
14
wordle_logo_192x192.png
Normal file
@@ -0,0 +1,14 @@
|
||||
<html>
|
||||
<head><title>404 Not Found</title></head>
|
||||
<body>
|
||||
<h1>404 Not Found</h1>
|
||||
<ul>
|
||||
<li>Code: NoSuchKey</li>
|
||||
<li>Message: The specified key does not exist.</li>
|
||||
<li>Key: wordle/images/wordle/images/wordle_logo_192x192.png</li>
|
||||
<li>RequestId: 3EZ6JH2RTF6EJAKN</li>
|
||||
<li>HostId: EGZFcxgfoOSKLwcetbytJUMR/gzWuL2ZDcrtlSFjbJZeuHpdXAJZXSzJsRpPB1r2/sFwPtbX3uY=</li>
|
||||
</ul>
|
||||
<hr/>
|
||||
</body>
|
||||
</html>
|
||||
BIN
wordle_logo_32x32.png
Normal file
BIN
wordle_logo_32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 888 B |
14
wordle_logo_48x48.png
Normal file
14
wordle_logo_48x48.png
Normal file
@@ -0,0 +1,14 @@
|
||||
<html>
|
||||
<head><title>404 Not Found</title></head>
|
||||
<body>
|
||||
<h1>404 Not Found</h1>
|
||||
<ul>
|
||||
<li>Code: NoSuchKey</li>
|
||||
<li>Message: The specified key does not exist.</li>
|
||||
<li>Key: wordle/images/wordle/images/wordle_logo_48x48.png</li>
|
||||
<li>RequestId: 7A2QJBY69689Y4HF</li>
|
||||
<li>HostId: DdF67xmzbNlZlA/R1Drjlqn3Bw9BMhXN+KKJlNTIcfB6aGwJYNiPy8S8ZkhJa3Q16ktVesa+3L0=</li>
|
||||
</ul>
|
||||
<hr/>
|
||||
</body>
|
||||
</html>
|
||||
14
wordle_logo_512x512.png
Normal file
14
wordle_logo_512x512.png
Normal file
@@ -0,0 +1,14 @@
|
||||
<html>
|
||||
<head><title>404 Not Found</title></head>
|
||||
<body>
|
||||
<h1>404 Not Found</h1>
|
||||
<ul>
|
||||
<li>Code: NoSuchKey</li>
|
||||
<li>Message: The specified key does not exist.</li>
|
||||
<li>Key: wordle/images/wordle/images/wordle_logo_512x512.png</li>
|
||||
<li>RequestId: 3EZCFFEVWW3A2548</li>
|
||||
<li>HostId: /Bxp90c1VLlDNrI7MViFJYlMxM3wJKWOdQph2H/SvKjfYvMeaAYNMQzeNBj6GYp5UOHTCYqH+Lg=</li>
|
||||
</ul>
|
||||
<hr/>
|
||||
</body>
|
||||
</html>
|
||||
14
wordle_logo_72x72.png
Normal file
14
wordle_logo_72x72.png
Normal file
@@ -0,0 +1,14 @@
|
||||
<html>
|
||||
<head><title>404 Not Found</title></head>
|
||||
<body>
|
||||
<h1>404 Not Found</h1>
|
||||
<ul>
|
||||
<li>Code: NoSuchKey</li>
|
||||
<li>Message: The specified key does not exist.</li>
|
||||
<li>Key: wordle/images/wordle/images/wordle_logo_72x72.png</li>
|
||||
<li>RequestId: HDFWST480XMGSS43</li>
|
||||
<li>HostId: UHcHXT5M0bbZGtn7dh6/ezXXprckJu++TGSIEaIhlhnvl1YCEMC2qNnctWnt6ckCSvy2bPhW7kU=</li>
|
||||
</ul>
|
||||
<hr/>
|
||||
</body>
|
||||
</html>
|
||||
14
wordle_logo_96x96.png
Normal file
14
wordle_logo_96x96.png
Normal file
@@ -0,0 +1,14 @@
|
||||
<html>
|
||||
<head><title>404 Not Found</title></head>
|
||||
<body>
|
||||
<h1>404 Not Found</h1>
|
||||
<ul>
|
||||
<li>Code: NoSuchKey</li>
|
||||
<li>Message: The specified key does not exist.</li>
|
||||
<li>Key: wordle/images/wordle/images/wordle_logo_96x96.png</li>
|
||||
<li>RequestId: EKBJ5JZR9ZF239V4</li>
|
||||
<li>HostId: 1mq8ngFpD2m4cNsuyntEvZUlQJ+JJkDIS1gYUPwrqNIyFDI4dZ5A7isbWYBhV3NPe8448+Syy0A=</li>
|
||||
</ul>
|
||||
<hr/>
|
||||
</body>
|
||||
</html>
|
||||
BIN
wordle_og_1200x630.png
Normal file
BIN
wordle_og_1200x630.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Reference in New Issue
Block a user