From 6163b3e4bce7d4052390c2fc52dca6b30919d5a5 Mon Sep 17 00:00:00 2001 From: Mar7155 Date: Sun, 3 Mar 2024 21:23:10 -0600 Subject: [PATCH] =?UTF-8?q?Se=20ordenaron=20los=20archivos=20y=20se=20colo?= =?UTF-8?q?caron=20en=20sus=20carpetas=20correspondientes,=20tambi=C3=A9n?= =?UTF-8?q?=20se=20vincul=C3=B3=20el=20apartado=20de=20inicio=20al=20index?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- {imagenes => public/Inicio}/1.png | Bin {imagenes => public/Inicio}/2.png | Bin {imagenes => public/Inicio}/3.jpg | Bin {imagenes => public/Inicio}/csociety_logo.png | Bin {imagenes => public/Inicio}/ieeelogo1.png | Bin {imagenes => public/Inicio}/ieeelogo2.png | Bin {imagenes => public/Inicio}/logoESTL.png | Bin .../Inicio}/uaeh_logo_color.png | Bin src/components/Inicio.astro | 53 ++++ src/components/Unete.astro | 2 +- src/components/Unete.css | 3 +- .../cssInicio}/contenedorBienvenida.css | 228 ++++++++++-------- .../components/cssInicio}/fondo.css | 9 +- .../components/cssInicio}/navInicio.css | 134 +++++----- .../components/cssInicio}/variables.css | 18 +- src/layouts/Layout.astro | 4 + src/pages/index.astro | 2 + 17 files changed, 260 insertions(+), 193 deletions(-) rename {imagenes => public/Inicio}/1.png (100%) rename {imagenes => public/Inicio}/2.png (100%) rename {imagenes => public/Inicio}/3.jpg (100%) rename {imagenes => public/Inicio}/csociety_logo.png (100%) rename {imagenes => public/Inicio}/ieeelogo1.png (100%) rename {imagenes => public/Inicio}/ieeelogo2.png (100%) rename {imagenes => public/Inicio}/logoESTL.png (100%) rename {imagenes => public/Inicio}/uaeh_logo_color.png (100%) create mode 100644 src/components/Inicio.astro rename {cssInicio => src/components/cssInicio}/contenedorBienvenida.css (86%) rename {cssInicio => src/components/cssInicio}/fondo.css (91%) rename {cssInicio => src/components/cssInicio}/navInicio.css (94%) rename {cssInicio => src/components/cssInicio}/variables.css (98%) diff --git a/imagenes/1.png b/public/Inicio/1.png similarity index 100% rename from imagenes/1.png rename to public/Inicio/1.png diff --git a/imagenes/2.png b/public/Inicio/2.png similarity index 100% rename from imagenes/2.png rename to public/Inicio/2.png diff --git a/imagenes/3.jpg b/public/Inicio/3.jpg similarity index 100% rename from imagenes/3.jpg rename to public/Inicio/3.jpg diff --git a/imagenes/csociety_logo.png b/public/Inicio/csociety_logo.png similarity index 100% rename from imagenes/csociety_logo.png rename to public/Inicio/csociety_logo.png diff --git a/imagenes/ieeelogo1.png b/public/Inicio/ieeelogo1.png similarity index 100% rename from imagenes/ieeelogo1.png rename to public/Inicio/ieeelogo1.png diff --git a/imagenes/ieeelogo2.png b/public/Inicio/ieeelogo2.png similarity index 100% rename from imagenes/ieeelogo2.png rename to public/Inicio/ieeelogo2.png diff --git a/imagenes/logoESTL.png b/public/Inicio/logoESTL.png similarity index 100% rename from imagenes/logoESTL.png rename to public/Inicio/logoESTL.png diff --git a/imagenes/uaeh_logo_color.png b/public/Inicio/uaeh_logo_color.png similarity index 100% rename from imagenes/uaeh_logo_color.png rename to public/Inicio/uaeh_logo_color.png diff --git a/src/components/Inicio.astro b/src/components/Inicio.astro new file mode 100644 index 0000000..56ddb9c --- /dev/null +++ b/src/components/Inicio.astro @@ -0,0 +1,53 @@ +
+
+
+
+ Logo de IEEE + + + + + + +
+ + +
+
+ +
+
+

Save time by building fast with Boldo

+

+ Lorem Ipsum es simplemente el texto de relleno de + las imprentas y archivos de texto. Lorem Ipsum ha + sido el texto de relleno estándar de las +

+
+ + +
+
+
+ +
+ + +
+
+
+
+ + + + +
+
+ +
+
+
diff --git a/src/components/Unete.astro b/src/components/Unete.astro index 805c336..f8ed8df 100644 --- a/src/components/Unete.astro +++ b/src/components/Unete.astro @@ -1,5 +1,5 @@ -
+

Únete

diff --git a/src/components/Unete.css b/src/components/Unete.css index bb49343..f003720 100644 --- a/src/components/Unete.css +++ b/src/components/Unete.css @@ -1,7 +1,5 @@ * { - margin: 0; - padding: 20; box-sizing: border-box; font-family: "Cousine", monospace; } @@ -13,6 +11,7 @@ } .unete { + padding: 20px; height: auto; width: auto; } diff --git a/cssInicio/contenedorBienvenida.css b/src/components/cssInicio/contenedorBienvenida.css similarity index 86% rename from cssInicio/contenedorBienvenida.css rename to src/components/cssInicio/contenedorBienvenida.css index 8adc681..737d825 100644 --- a/cssInicio/contenedorBienvenida.css +++ b/src/components/cssInicio/contenedorBienvenida.css @@ -1,107 +1,123 @@ -.contenedorBienvenida { - border: none; - overflow: auto; - margin-top: 15vh; - display: flex; - flex-direction: row; - font-family: "Cousine", monospace; -} - -.textobienvenida { - width: 45%; - padding: 35px; - padding-top: 13vh; - padding-left: 6vw; -} - -.textobienvenida p { - padding-left: 3px; - text-align: justify; -} - -.imagenesbienvenida { - width: 55%; -} - -.imagenesbienvenida { - background-color: transparent; - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; -} - - -.logotiposBienvenida { - clear: both; - background-color: transparent; -} - -.divContactar { - margin-left: 30px; -} - - - -.Contactar1, -.Contactar2 { - font-weight: bolder; - letter-spacing: 0.7px; - margin-right: 6px; - padding: 5px; - border: none; - cursor: pointer; - transition: transform 0.3s ease; - border-radius: 16px; - padding-left: 20px; - padding-right: 20px; -} - -.Contactar1 { - background-color: var(--azulfuerte); - color: white; - border: 2px solid var(--azulfuerte); -} - -.Contactar2 { - background-color: white; - color: var(--azulfuerte); - border: 2px solid var(--azulfuerte); -} - -.Contactar1:hover, -.Contactar2:hover { - transform: translateY(-5px); -} - -.imagenesbienvenida img { - height: 170px; - object-fit: cover; - border-radius: 4px; - margin: 9px; -} - - -.imagenesbienvenida .imgarriba { - width: 490px; - position: relative; -} - -.imagenesbienvenida .imgabajo { - position: relative; - width: 230px; -} - - - -.logotiposBienvenida { - display: flex; - justify-content: center; - align-items: center; - padding-top: 8vh; -} - -.logotiposBienvenida img { - height: 44px; - margin-left: 22px; +* +{ + border: 0; + margin: 0; + padding: 0; + scroll-behavior: smooth; +} +.contenedorBienvenida { + + margin-top: 15vh; + display: flex; + flex-direction: row; + font-family: "Cousine", monospace; +} + +.textobienvenida { + width: 45%; + padding: 35px; + padding-top: 13vh; + padding-left: 6vw; + color: black; +} + +.textobienvenida p { + padding-left: 3px; + text-align: justify; + color: black; +} + +.imagenesbienvenida { + width: 55%; +} + +.imagenesbienvenida { + background-color: transparent; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + + +.logotiposBienvenida { + clear: both; + background-color: transparent; +} + +.divContactar { + margin-left: 30px; +} + + + +.Contactar1, +.Contactar2 { + font-weight: bolder; + letter-spacing: 0.7px; + margin-right: 6px; + padding: 5px; + border: none; + cursor: pointer; + transition: transform 0.3s ease; + border-radius: 16px; + padding-left: 20px; + padding-right: 20px; +} + +.Contactar1 { + background-color: var(--azulfuerte); + color: white; + border: 2px solid var(--azulfuerte); +} + +.Contactar2 { + background-color: white; + color: var(--azulfuerte); + border: 2px solid var(--azulfuerte); +} + +.Contactar1:hover, +.Contactar2:hover { + transform: translateY(-5px); +} + +.imagenesbienvenida img { + height: 170px; + object-fit: cover; + border-radius: 4px; + margin: 9px; +} + + +.imagenesbienvenida .imgarriba { + width: 490px; + position: relative; +} + +.imagenesbienvenida .imgabajo { + position: relative; + width: 230px; +} + + + +.logotiposBienvenida { + height: 90px; + width: 100vw; + display: flex; + justify-content: center; + align-items: center; + margin-top: 8vh; +} + +.logotiposBienvenida img { + width: 100%; + height: 100%; + margin-left: 22px; +} +a +{ + text-decoration: none; + color: black; } \ No newline at end of file diff --git a/cssInicio/fondo.css b/src/components/cssInicio/fondo.css similarity index 91% rename from cssInicio/fondo.css rename to src/components/cssInicio/fondo.css index ab0c940..485f175 100644 --- a/cssInicio/fondo.css +++ b/src/components/cssInicio/fondo.css @@ -1,12 +1,5 @@ body { - background-color: var(--fondo); - box-sizing: border-box; - margin: 0; - padding: 0; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; + overflow-x: hidden; } .containerInicio { diff --git a/cssInicio/navInicio.css b/src/components/cssInicio/navInicio.css similarity index 94% rename from cssInicio/navInicio.css rename to src/components/cssInicio/navInicio.css index 1b9118c..a99f55e 100644 --- a/cssInicio/navInicio.css +++ b/src/components/cssInicio/navInicio.css @@ -1,68 +1,68 @@ -.logoIEEE { - width: 145px; - margin-top: 30px; - margin-left: 10px; - left: 0; - position: absolute; -} - -.menuInicio { - padding: 0; - margin: 0; - display: flex; - align-items: center; - justify-content: center; - background-color: transparent; - position: absolute; - top: 0; - height: 100px; - width: 100%; -} - -.menuInicio .botonNav { - font-weight: bolder; - letter-spacing: 0.5px; - margin-right: 10px; - padding: 5px; - background-color: transparent; - border: none; - cursor: pointer; - transition: transform 0.2s ease; -} - -.menuInicio .botonNav:hover { - transform: translateY(-7px); - color: var(--azulfuerte); -} - -.RedesyInicio { - position: absolute; - right: 0; - margin-right: 50px; -} - - -.irInicio { - font-weight: bolder; - letter-spacing: 0.7px; - margin-right: 6px; - padding: 5px; - background-color: transparent; - border: none; - cursor: pointer; - transition: transform 0.2s ease; - border: 2px solid black; - border-radius: 4px; -} - -.irInicio:hover { - transform: translateY(-7px); - transition: transform 0.2s ease; - background-color: var(--azulfuerte); - color: white; -} - -.botonNav, -.irInicio { - font-family: "Courier Prime", monospace; +.logoIEEE { + width: 145px; + margin-top: 30px; + margin-left: 10px; + left: 0; + position: absolute; +} + +.menuInicio { + padding: 0; + margin: 0; + display: flex; + align-items: center; + justify-content: center; + background-color: transparent; + position: absolute; + top: 0; + height: 100px; + width: 100%; +} + +.menuInicio .botonNav { + font-weight: bolder; + letter-spacing: 0.5px; + margin-right: 10px; + padding: 5px; + background-color: transparent; + border: none; + cursor: pointer; + transition: transform 0.2s ease; +} + +.menuInicio .botonNav:hover { + transform: translateY(-7px); + color: var(--azulfuerte); +} + +.RedesyInicio { + position: absolute; + right: 0; + margin-right: 50px; +} + + +.irInicio { + font-weight: bolder; + letter-spacing: 0.7px; + margin-right: 6px; + padding: 5px; + background-color: transparent; + border: none; + cursor: pointer; + transition: transform 0.2s ease; + border: 2px solid black; + border-radius: 4px; +} + +.irInicio:hover { + transform: translateY(-7px); + transition: transform 0.2s ease; + background-color: var(--azulfuerte); + color: white; +} + +.botonNav, +.irInicio { + font-family: "Courier Prime", monospace; } \ No newline at end of file diff --git a/cssInicio/variables.css b/src/components/cssInicio/variables.css similarity index 98% rename from cssInicio/variables.css rename to src/components/cssInicio/variables.css index 83bcc4f..668c9a9 100644 --- a/cssInicio/variables.css +++ b/src/components/cssInicio/variables.css @@ -1,10 +1,10 @@ -@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=Cousine:ital,wght@0,400;0,700;1,400;1,700&display=swap'); - -:root { - --fondo: #ffffff; - --azulfuerte: #0371A4; - --azul: #009EFF; - --azuldebil: #f0f9ff; - --backdrop-filter: contrast(105%) brightness(110%) blur(4.5rem); +@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=Cousine:ital,wght@0,400;0,700;1,400;1,700&display=swap'); + +:root { + --fondo: #ffffff; + --azulfuerte: #0371A4; + --azul: #009EFF; + --azuldebil: #f0f9ff; + --backdrop-filter: contrast(105%) brightness(110%) blur(4.5rem); } \ No newline at end of file diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 7c62a50..4b2fdda 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -18,6 +18,10 @@ const { title } = Astro.props; + + + + {title} diff --git a/src/pages/index.astro b/src/pages/index.astro index 0aa7873..05720ee 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -2,10 +2,12 @@ import Layout from "../layouts/Layout.astro"; import Events from "../components/Events.tsx"; import Unete from "../components/Unete.astro"; +import Inicio from "../components/Inicio.astro"; ---
+