Add project

jissbossh · Jul 16, 2024 · 809db0c · 809db0c
1 parent 3d9b80c
commit 809db0c
Show file tree

Hide file tree

Showing 20 changed files with 1,752 additions and 0 deletions.
diff --git a/image/icono.png b/image/icono.png
diff --git a/image/logo-alura-blu.png b/image/logo-alura-blu.png
diff --git a/image/logo-alura-blu1.png b/image/logo-alura-blu1.png
diff --git a/image/logo-alura-whi.png b/image/logo-alura-whi.png
diff --git a/image/logo-alura-whi1.png b/image/logo-alura-whi1.png
diff --git a/image/logo-alura.png b/image/logo-alura.png
diff --git a/image/notexto.png b/image/notexto.png
diff --git a/image/notexto1.png b/image/notexto1.png
diff --git a/image/unnamed.png b/image/unnamed.png
diff --git a/index.html b/index.html
@@ -0,0 +1,100 @@
+<!DOCTYPE html>
+<html lang="es-co">
+    <head>
+        <!-- #region bloque de metadadtos -->
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width">
+        <!-- #endregion bloque de metadadtos -->
+        <!-- #region bloque de identidad de la aplicacion -->
+        <title></title>
+        <link id="icono">
+        <!-- #endregion bloque de identidad de la aplicacion -->
+        <!-- #region bloque de estilos -->
+        <link rel="stylesheet" href="./styles/reset.css">
+        <link id="estilos" rel="stylesheet" href="./styles/style.css">
+        <!-- #endregion bloque de estilos -->
+    </head>
+    <body>
+        <header>
+            <h1 class="titulo">Encriptador de texto</h1>
+        </header>
+        <main>
+            <section>
+                <!-- #region mensaje -->
+                <div class="modal" id="modal">
+                    <div class="modal-content">
+                        <div class="modal-header">
+                            <h2 class="modal-header" id="modal-header"></h2>
+                            <button class="close-modal"
+                                id="close-modal">X</button>
+                        </div>
+                        <div class="modal-body">
+                            <p class="content" id="content"></pclass>
+                        </div>
+                        <div class="modal-footer">
+                            <button class="btn btn-ok"
+                                id="aceptar">Aceptar</button>
+                            <button class="btn btn-cancel" id="cancelar"
+                                hidden>Cancelar</button>
+                        </div>
+                    </div>
+                </div>
+                <!-- #endregion mensaje -->
+                <!-- #region bloque de icono -->
+                <nav>
+                    <img id="alternar-tema" class="logo">
+                    <h1 id="titulo"></h1>
+                </nav>
+                <!-- #endregion bloque de icono -->
+            </section>
+            <section>
+                <!-- #region bloque de campo de ingreso de datos -->
+                <textarea class="texto-entrada" cols="30" rows="10"
+                    placeholder="Ingrese el texto aquí" autofocus></textarea>
+                <!-- #endregion bloque de campo de ingreso de datos -->
+                <!-- #region bloque de mensaje informtivo -->
+                <div>
+                    <h6 class="texto-informativo">&#9888 Solo letras minúsculas
+                        y sin
+                        acentos.</h6>
+                </div>
+                <!-- #endregion bloque de mensaje informtivo -->
+                <!-- #region bloque de botones de acciones -->
+                <div class="botones">
+                    <button name="encriptar" class="encriptar"
+                        onclick="encriptar()">Encriptar</button>
+                    <button name="desencriptar" class="desencriptar"
+                        onclick="desencriptar()">Desencriptar</button>
+                </div>
+                <!-- #endregion bloque de botones de acciones -->
+            </section>
+            <section>
+                <!-- #region bloque de campo de salida de datos -->
+                <textarea class="texto-salida" cols="20" rows="10"
+                    disabled></textarea>
+                <!-- #endregion bloque de campo de salida de datos -->
+                <!-- #region bloque de mensaje dinamico  -->
+                <div class="texto-dinamico">
+                    <h2 class="texto-informativo1">Ningún mensaje fue
+                        encontrado</h2>
+                    <h3 class="texto-informativo2">Ingresa el texto que desees
+                        encriptar o
+                        desencriptar.</h3>
+                    <button name="copiar" class="copiar" onclick="copiar()"
+                        style="display:none;">
+                        <span class="texto-anuncio">
+                        </span>Copiar</button>
+                </div>
+                <!-- #endregion bloque de mensaje dinamico  -->
+            </section>
+        </main>
+        <footer>
+            <!-- #region autor -->
+            <h2 class="autor">&copy Desarrollado por jissbossh</h2>
+            <!-- #endregion autor -->
+        </footer>
+        <!-- #region bloque de scripts -->
+    <script src="./scripts/script.js"></script>
+    <!-- #endregion bloque de scripts -->
+    </body>
+</html>
diff --git a/readme/011 - Challenge - Encriptador de texto.png b/readme/011 - Challenge - Encriptador de texto.png
diff --git a/readme/012 - Challenge - Encriptador de texto.png b/readme/012 - Challenge - Encriptador de texto.png
diff --git a/readme/013 - Challenge - Encriptador de texto.png b/readme/013 - Challenge - Encriptador de texto.png
diff --git a/readme/014 - Challenge - Encriptador de texto.png b/readme/014 - Challenge - Encriptador de texto.png
diff --git a/readme/015 - Challenge - Encriptador de texto.png b/readme/015 - Challenge - Encriptador de texto.png
diff --git a/readme/encriptado.png b/readme/encriptado.png
diff --git a/readme/encriptado1.png b/readme/encriptado1.png