commit e0c46ad1a19e266d61d5ee402a5d9cd917b6891e Author: CristianCruz0309 Date: Wed Jun 10 12:12:45 2026 -0500 Proyecto Inicial diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/.DS_Store differ diff --git a/app.js b/app.js new file mode 100644 index 0000000..e69de29 diff --git a/img/Ruido.png b/img/Ruido.png new file mode 100644 index 0000000..342d06e Binary files /dev/null and b/img/Ruido.png differ diff --git a/img/bg.png b/img/bg.png new file mode 100644 index 0000000..1818e0a Binary files /dev/null and b/img/bg.png differ diff --git a/img/code.png b/img/code.png new file mode 100644 index 0000000..47a57c9 Binary files /dev/null and b/img/code.png differ diff --git a/img/ia.png b/img/ia.png new file mode 100644 index 0000000..e951bfe Binary files /dev/null and b/img/ia.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..0b7a058 --- /dev/null +++ b/index.html @@ -0,0 +1,40 @@ + + + + + + + + + + + JS Game + + + + +
+
+
+
+

+

+
+ +
+ + +
+
+ Una persona mirando a la izquierda +
+
+ + + + + + + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..ac1a45b --- /dev/null +++ b/style.css @@ -0,0 +1,111 @@ +* { + box-sizing: border-box; + margin: 0; + padding: 0; + color: white; +} + +body { + background: linear-gradient(#1354A5 0%, #041832 33.33%, #041832 66.67%, #01080E 100%); + height: 100vh; + display: flex; + align-items: center; + justify-content: center; +} + + +body::before { + background-image: url("img/code.png"); + background-repeat: no-repeat; + background-position: right; + content: ""; + display: block; + position: absolute; + width: 100%; + height: 100%; + opacity: 0.4; +} + +.container { + width: 1200px; + height: 600px; + display: flex; + align-items: center; + justify-content: space-between; + border-radius: 24px; + border: 1px solid #1875E8; + box-shadow: 4px 4px 20px 0px rgba(1, 8, 14, 0.15); + background-image: url("img/Ruido.png"); + background-size: 100% 100%; + position: relative; +} + + +.container__contenido { + display: flex; + align-items: center; + position: absolute; + bottom: 0; +} + +.container__informaciones { + flex: 1; + padding: 3rem; +} + +.container__boton { + border-radius: 16px; + background: #1875E8; + padding: 16px 24px; + width: 100%; + font-size: 24px; + font-weight: 700; + border: none; + margin-top: 2rem; +} + +.container__boton:disabled { + background: #898989; +} + +.container__texto { + margin: 16px 0 16px 0; +} + +.container__texto-azul { + color: #1875E8; +} + +.container__input { + width: 100%; + height: 72px; + border-radius: 16px; + background-color: #FFF; + border: none; + color: #1875E8; + padding: 2rem; + font-size: 24px; + font-weight: 700; + font-family: 'Inter', sans-serif; +} + +.container__botones { + display: flex; + gap: 2em; +} + +h1 { + font-family: 'Chakra Petch', sans-serif; + font-size: 72px; + padding-bottom: 3rem; +} + +p, +button { + font-family: 'Inter', sans-serif; +} + +.texto__parrafo { + font-size: 32px; + font-weight: 400; +} \ No newline at end of file