Initial commit

labi9 · Sep 12, 2024 · 354ac64 · 354ac64
commit 354ac64
Show file tree

Hide file tree

Showing 7 changed files with 895 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/index.html b/index.html
@@ -0,0 +1,51 @@
+<!doctype html>
+<html lang="pt-BR">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/png" href="/favicon.png" />
+    <link rel="stylesheet" href="/src/style.css" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Be a Ba</title>
+    <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=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet">
+  </head>
+  <body>
+    <div id="app">
+      <main>
+        <div class="content">
+          <div id="streak" class="streak">
+
+          </div>
+          <div class="list-squares">
+            <div id="first-letter" class="square">?</div>
+            <div id="second-letter" class="square">?</div>
+            <div id="third-letter" class="square">?</div>
+          </div>
+          <div>
+            <form id="form">
+              <input id="word" class="input" type="text" name="word" disabled />
+              <div>
+                <span id="error" class="error">
+                  A palavra digitada não existe
+                </span>
+              </div>
+            </form>
+            <button id="new-game" class="btn">
+              Nova Partida
+            </button>
+          </div>
+        </div>
+        <div class="footer">
+          <p class="tip">
+            <span class="bold">Como jogar</span>: Dado as 3 letras no topo, 
+             digite no campo palavras que contenham as três letras; 
+             Digitando uma palavra existente no dicionário português que 
+             contenha as 3 letras, você ganha.
+          </p>
+        </div>
+      </main>
+    </div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>