From d4764a2a511ceb760b44087c2be12d2a421eb526 Mon Sep 17 00:00:00 2001 From: Raymond Negron Valqui <33165861+raymond1242@users.noreply.github.com> Date: Sun, 3 Mar 2024 19:09:41 -0500 Subject: [PATCH] feat: adding ioi egoi banner (#74) --- _includes/sections/EGOI.html | 27 +++++++++++ _includes/sections/ioi-egoi-2024.html | 64 +++++++++++++++++++++++++++ _layouts/home.html | 4 +- _sass/sections/EGOI.scss | 45 +++++++++++++++++++ _sass/sections/OII.scss | 2 +- _sass/sections/ioi-egoi-2024.scss | 20 +++++++++ assets/css/styles.scss | 2 + 7 files changed, 162 insertions(+), 2 deletions(-) create mode 100644 _includes/sections/EGOI.html create mode 100644 _includes/sections/ioi-egoi-2024.html create mode 100644 _sass/sections/EGOI.scss create mode 100644 _sass/sections/ioi-egoi-2024.scss diff --git a/_includes/sections/EGOI.html b/_includes/sections/EGOI.html new file mode 100644 index 0000000..2024709 --- /dev/null +++ b/_includes/sections/EGOI.html @@ -0,0 +1,27 @@ +
+
+
+

+ The European Girls’ Olympiad in Informatics (EGOI) +

+

+ The European Girls’ Olympiad in Informatics (EGOI) es una competencia internacional para + + mujeres jóvenes + + interesadas en la informática. Tiene un estilo similar a la Olimpiada Internacional de Informática (OII) y la organiza anualmente un país diferente cada año. La competencia se lleva a cabo entre + + 21 y 27 de julio + +

+
+
+
+ EGOI image +

+ The European Girls’ Olympiad in Informatics +

+
+
+
+
diff --git a/_includes/sections/ioi-egoi-2024.html b/_includes/sections/ioi-egoi-2024.html new file mode 100644 index 0000000..23ff051 --- /dev/null +++ b/_includes/sections/ioi-egoi-2024.html @@ -0,0 +1,64 @@ +
+
+ ¡Nueva noticia! +
+

+ Proceso Selectivo Conjunto + + IOI - EGOI + + 2024 +

+

+ La Federación Olímpica Peruana de Informática se complace en anunciar el inicio del proceso selectivo para la + + IOI (International Olympiad in Informatics) + + y la + + EGOI (European Girls’ Olympiad in Informatics) + + del año 2024. +

+
+

+ Buscamos participantes para representar al Perú en estas competencias internacionales con las siguientes características: +

+ +
+

+ ¿Cómo saber si eres elegible? +

+ +

+ Si cumples con estos requisitos, te invitamos a participar en el proceso selectivo para la IOI y la EGOI 2024. +

+

+ Conoce las bases en el siguiente + + enlace + +

+
diff --git a/_layouts/home.html b/_layouts/home.html index e4434b5..d0ea768 100644 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -19,8 +19,10 @@

{%- include sections/banner.html -%} - {%- include sections/winners-phase-2.html -%} + {%- include sections/ioi-egoi-2024.html -%} + {%- include sections/EGOI.html -%} {%- include sections/OII.html -%} + {%- include sections/winners-phase-2.html -%} {%- include latest_news.html limit=3 -%}
diff --git a/_sass/sections/EGOI.scss b/_sass/sections/EGOI.scss new file mode 100644 index 0000000..d66d7d9 --- /dev/null +++ b/_sass/sections/EGOI.scss @@ -0,0 +1,45 @@ +.egoi-wrapper { + display: grid; + background-color: $secondary-1; + grid-template-columns: repeat(2, minmax(0, 1fr)); + + .egoi-content { + display: flex; + background-color: white; + + .egoi-image { + display: flex; + gap: 1.5rem; + padding: 2rem; + margin: auto; + + .egoi-text-image { + margin: 10px 0; + font-size: 23px; + font-weight: 500; + width: 250px; + justify-content: center; + } + + img { + margin: auto; + width: 230px; + } + } + } + + .egoi-description { + background-color: $secondary-1; + display: flex; + flex-direction: column; + text-align: left; + margin: auto; + padding: 4rem 3rem; + + .egoi-title { + color: black; + font-size: 24px; + font-weight: 600; + } + } +} diff --git a/_sass/sections/OII.scss b/_sass/sections/OII.scss index ebd4e6b..e56b6bd 100644 --- a/_sass/sections/OII.scss +++ b/_sass/sections/OII.scss @@ -27,7 +27,7 @@ padding: 4rem 3rem; .oii-title { - color: $primary-2; + color: black; font-size: 24px; font-weight: 600; } diff --git a/_sass/sections/ioi-egoi-2024.scss b/_sass/sections/ioi-egoi-2024.scss new file mode 100644 index 0000000..e7beb1b --- /dev/null +++ b/_sass/sections/ioi-egoi-2024.scss @@ -0,0 +1,20 @@ +.ioi-egoi-wrapper { + background-color: white; + padding: 40px 90px; + + .tag { + border: 2px solid $primary-1; + color: $primary-1; + font-weight: 600; + padding: 2px 6px; + border-radius: 8px; + width: fit-content; + } + + .title { + font-size: 36px; + font-weight: 350; + margin-top: 10px; + color: black; + } +} diff --git a/assets/css/styles.scss b/assets/css/styles.scss index 648e001..597937a 100644 --- a/assets/css/styles.scss +++ b/assets/css/styles.scss @@ -11,8 +11,10 @@ @import "contest"; @import "latest_news"; @import "sections/description"; +@import "sections/ioi-egoi-2024"; @import "sections/winners-phase-2"; @import "sections/OII"; +@import "sections/EGOI"; @import "sections/banner"; @import "sections/newsletter"; @import "about";