From 85ed8d54a00649b69d6ebc1fac43b03beabcf2ee Mon Sep 17 00:00:00 2001 From: Erick Devv <111036821+ErickDevv@users.noreply.github.com> Date: Sun, 3 Mar 2024 22:46:19 -0600 Subject: [PATCH] The base of the resolution of the styles bug was added --- astro.config.mjs | 2 - src/components/Unete.astro | 89 ++++++++++------ src/components/Unete.css | 203 +++++++++++++++++-------------------- src/layouts/Layout.astro | 5 - src/pages/index.astro | 55 +++++++++- src/pages/inicio.astro | 62 ----------- 6 files changed, 205 insertions(+), 211 deletions(-) delete mode 100644 src/pages/inicio.astro diff --git a/astro.config.mjs b/astro.config.mjs index 3be2dd5..797cae1 100644 --- a/astro.config.mjs +++ b/astro.config.mjs @@ -5,8 +5,6 @@ import react from "@astrojs/react"; // https://astro.build/config export default defineConfig({ integrations: [react()], - site: "https://IEEE-ESTl.github.io", - base: "/IEEE-ESTl-Student-Web-Hub", }); import { defineConfig } from "astro/config"; diff --git a/src/components/Unete.astro b/src/components/Unete.astro index f8ed8df..9bbfdd4 100644 --- a/src/components/Unete.astro +++ b/src/components/Unete.astro @@ -1,31 +1,60 @@ +--- +import "./Unete.css" +--- -
-

Únete

-
-
-
-

1 Potencia -

tus habilidades

-

Uniendote al comité podrás desarrollar tus habilidades

-

-
-

Potencia 3 -

tus habilidades

-

Uniendote al comité podrás desarrollar tus habilidades

-

-
-

2 Potencia -

tus habilidades

-

Uniendote al comité podrás desarrollar tus habilidades

-

-
-

Potencia 4 -

tus habilidades

-

Uniendote al comité podrás desarrollar tus habilidades

-

-
-
- Unirse - Saber más -
-
+
+

Únete

+
+
+
+

+ 1 Potencia +

tus habilidades

+

+ Uniendote al comité podrás desarrollar tus habilidades +

+ +
+

+ Potencia 3 +

tus habilidades

+

+ Uniendote al comité podrás desarrollar tus habilidades +

+ +
+

+ 2 + Potencia +

tus habilidades

+

+ Uniendote al comité podrás desarrollar tus habilidades +

+ +
+

+ Potencia 4 +

tus habilidades

+

+ Uniendote al comité podrás desarrollar tus habilidades +

+ +

+
+ Unirse + Saber más +
+
+

+
+

+
+

+
+
+
diff --git a/src/components/Unete.css b/src/components/Unete.css index f003720..8cc5f6c 100644 --- a/src/components/Unete.css +++ b/src/components/Unete.css @@ -1,110 +1,95 @@ -* - { - box-sizing: border-box; - font-family: "Cousine", monospace; - } - main { - max-width: calc(100% - 2rem); - color: white; - font-size: 20px; - line-height: 1.6; - } - .unete - { - padding: 20px; - height: auto; - width: auto; - } +* { + box-sizing: border-box; + font-family: "Cousine", monospace; +} +main { + max-width: calc(100% - 2rem); + color: white; + font-size: 20px; + line-height: 1.6; +} +.unete { + padding: 20px; + height: auto; + width: auto; +} - .titulo { - color: #035B98; - font-size: 90px; - font-family: "Cousine", monospace; - line-height: 1; - text-align: right; - padding-top: 4rem; - padding-bottom: 1rem; - padding-right: 1rem; - - } - .underline - { - margin-right: 2rem; - width: 150px; - float: right; - border: 10px solid #035B98; - } - .beneficios - { - display: grid; - grid-template-columns: repeat(2, 1fr); - padding-top: 30px; - width: auto; - height: auto; - font-family: "Cousine", monospace; - } - .alterno - { - color: #000000; - } - .list - { - display: flex; - flex-wrap: wrap; - text-align: center; - padding-left: 15vh; - padding-top: 4rem; - } - .right - { - padding-left: 20vh; - } - .sub - { - font-size: 40px; - text-align: center; - text-transform: uppercase; - color: #000000; - } - .numero - { - font-size: 56px; - color: #035B98; - } - .tex - { - text-transform: uppercase; - font-size: 40px; - text-align: center; - color: #035B98; - } - .desc - { - color: #000000; - text-align: center; - font-size: 15px; - font-weight: normal; - } - .botones - { - display: flex; - padding: 4rem; - justify-content: center; - gap: 10rem; - } - .links - { - width: 200px; - height: 50px; - text-decoration: none; - background: #035B98; - border: 2px solid #013d68; - border-radius: 10px; - text-align: center; - color: #ffff; - padding-top: 10px; - } - .links:hover - { - background-color: #013d68; - } \ No newline at end of file +.titulo { + color: #035b98; + font-size: 90px; + font-family: "Cousine", monospace; + line-height: 1; + text-align: right; + padding-top: 4rem; + padding-bottom: 1rem; + padding-right: 1rem; +} +.underline { + margin-right: 2rem; + width: 150px; + float: right; + border: 10px solid #035b98; +} +.beneficios { + display: grid; + grid-template-columns: repeat(2, 1fr); + padding-top: 30px; + width: auto; + height: auto; + font-family: "Cousine", monospace; +} +.alterno { + color: #000000; +} +.list { + display: flex; + flex-wrap: wrap; + text-align: center; + padding-left: 15vh; + padding-top: 4rem; +} +.right { + padding-left: 20vh; +} +.sub { + font-size: 40px; + text-align: center; + text-transform: uppercase; + color: #000000; +} +.numero { + font-size: 56px; + color: #035b98; +} +.tex { + text-transform: uppercase; + font-size: 40px; + text-align: center; + color: #035b98; +} +.desc { + color: #000000; + text-align: center; + font-size: 15px; + font-weight: normal; +} +.botones { + display: flex; + padding: 4rem; + justify-content: center; + gap: 10rem; +} +.links { + width: 200px; + height: 50px; + text-decoration: none; + background: #035b98; + border: 2px solid #013d68; + border-radius: 10px; + text-align: center; + color: #ffff; + padding-top: 10px; +} +.links:hover { + background-color: #013d68; +} diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 4b2fdda..57f0cde 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -17,11 +17,6 @@ const { title } = Astro.props; - - - - - {title} diff --git a/src/pages/index.astro b/src/pages/index.astro index 05720ee..4c0ac3e 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -2,13 +2,62 @@ import Layout from "../layouts/Layout.astro"; import Events from "../components/Events.tsx"; import Unete from "../components/Unete.astro"; -import Inicio from "../components/Inicio.astro"; +import "../components/cssInicio/variables.css"; +import "../components/cssInicio/fondo.css"; +import "../components/cssInicio/navInicio.css"; +import "../components/cssInicio/contenedorBienvenida.css"; ---
- +
+
+
+ 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/pages/inicio.astro b/src/pages/inicio.astro deleted file mode 100644 index 4f369f2..0000000 --- a/src/pages/inicio.astro +++ /dev/null @@ -1,62 +0,0 @@ - - - - - - - - - -
-
-
- 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 -

-
- - -
-
-
- -
- - -
-
-
-
- - - - -
-
- -
-
- -