From fdcaec8d168e8392779f52e52a797a8ba8c6918e Mon Sep 17 00:00:00 2001 From: antoniovila Date: Wed, 17 Jul 2024 14:15:18 +0200 Subject: [PATCH] add spanish to typing game --- 03-midu-typing-game/datos.js | 175 ++++++++++++++++++++ 03-midu-typing-game/index.html | 293 +++++++++++++++++++-------------- 2 files changed, 345 insertions(+), 123 deletions(-) create mode 100644 03-midu-typing-game/datos.js diff --git a/03-midu-typing-game/datos.js b/03-midu-typing-game/datos.js new file mode 100644 index 0000000..530f1d6 --- /dev/null +++ b/03-midu-typing-game/datos.js @@ -0,0 +1,175 @@ +export const palabras = [ + "una", + "de nuevo", + "todo", + "también", + "y", + "otro", + "cualquier", + "alrededor", + "como", + "preguntar", + "en", + "atrás", + "porque", + "convertirse", + "antes", + "empezar", + "ambos", + "pero", + "por", + "llamar", + "poder", + "cambiar", + "niño", + "venir", + "podría", + "curso", + "día", + "desarrollar", + "cada", + "temprano", + "fin", + "incluso", + "ojo", + "cara", + "hecho", + "pocos", + "primero", + "seguir", + "desde", + "general", + "obtener", + "dar", + "bueno", + "gobernar", + "grupo", + "mano", + "tener", + "él", + "cabeza", + "ayudar", + "aquí", + "alto", + "sostener", + "hogar", + "cómo", + "sin embargo", + "si", + "aumentar", + "interés", + "eso", + "saber", + "grande", + "último", + "liderar", + "dejar", + "vida", + "gustar", + "línea", + "poco", + "mirar", + "hacer", + "hombre", + "puede", + "significar", + "podría", + "más", + "debe", + "necesitar", + "nunca", + "nuevo", + "no", + "ahora", + "número", + "de", + "apagar", + "viejo", + "en", + "uno", + "abrir", + "o", + "orden", + "fuera", + "sobre", + "propio", + "parte", + "personas", + "persona", + "lugar", + "plan", + "jugar", + "punto", + "posible", + "presente", + "problema", + "programa", + "público", + "real", + "derecho", + "correr", + "decir", + "ver", + "parecer", + "mostrar", + "pequeño", + "alguno", + "pararse", + "estado", + "todavía", + "tal", + "sistema", + "tomar", + "que", + "ese", + "el", + "entonces", + "allí", + "estos", + "ellos", + "cosa", + "pensar", + "esto", + "esos", + "tiempo", + "a", + "bajo", + "arriba", + "usar", + "muy", + "camino", + "qué", + "cuando", + "donde", + "mientras", + "voluntad", + "con", + "sin", + "trabajo", + "mundo", + "haría", + "escribir", + "tú", + "ella", + "establecer", + "nosotros", + "largo", + "en", + "muchos", + "hacer", + "después", + "cual", + "así", + "mismo", + "otro", + "casa", + "durante", + "mucho", + "solo", + "considerar", + "desde", + "debería", + "solo", + "decir", + "acerca de", +]; diff --git a/03-midu-typing-game/index.html b/03-midu-typing-game/index.html index 83e5488..eacd4c7 100644 --- a/03-midu-typing-game/index.html +++ b/03-midu-typing-game/index.html @@ -28,7 +28,7 @@ } time { - color: var(--yellow) + color: var(--yellow); } input { @@ -52,7 +52,7 @@ position: relative; &.active::before { - content: '|'; + content: "|"; color: var(--yellow); font-size: 14px; position: absolute; @@ -83,7 +83,6 @@ } @keyframes blink { - 0%, 25% { opacity: 1; @@ -104,7 +103,7 @@ h2 { font-weight: 400; - opacity: .4; + opacity: 0.4; margin: 0; font-size: 16px; } @@ -121,7 +120,7 @@ border: 0; margin-top: 32px; padding: 8px; - opacity: .4; + opacity: 0.4; display: inline-block; transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; cursor: pointer; @@ -133,14 +132,35 @@ scale: 110%; } } + #language { + display: flex; + align-items: center; + color: var(--gray); + } + #select-language { + width: 135px; + background-color: var(--black); + color: var(--gray); + option { + background-color: var(--black); + color: var(--gray); + } + }
+
+ + +

- +

wpm

@@ -150,10 +170,20 @@

accuracy

@@ -162,186 +192,203 @@

\ No newline at end of file +