feat: adding calendat headet (#71)

* feat: adding calendat headet

* feat: adding end of line

* feat: add post fase 2, change banner home

Gemfile.lock

@@ -0,0 +1,84 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    addressable (2.8.6)
+      public_suffix (>= 2.0.2, < 6.0)
+    colorator (1.1.0)
+    concurrent-ruby (1.2.2)
+    em-websocket (0.5.3)
+      eventmachine (>= 0.12.9)
+      http_parser.rb (~> 0)
+    eventmachine (1.2.7)
+    ffi (1.16.3)
+    forwardable-extended (2.6.0)
+    http_parser.rb (0.8.0)
+    i18n (1.14.1)
+      concurrent-ruby (~> 1.0)
+    jekyll (4.2.2)
+      addressable (~> 2.4)
+      colorator (~> 1.0)
+      em-websocket (~> 0.5)
+      i18n (~> 1.0)
+      jekyll-sass-converter (~> 2.0)
+      jekyll-watch (~> 2.0)
+      kramdown (~> 2.3)
+      kramdown-parser-gfm (~> 1.0)
+      liquid (~> 4.0)
+      mercenary (~> 0.4.0)
+      pathutil (~> 0.9)
+      rouge (~> 3.0)
+      safe_yaml (~> 1.0)
+      terminal-table (~> 2.0)
+    jekyll-feed (0.17.0)
+      jekyll (>= 3.7, < 5.0)
+    jekyll-sass-converter (2.2.0)
+      sassc (> 2.0.1, < 3.0)
+    jekyll-seo-tag (2.8.0)
+      jekyll (>= 3.8, < 5.0)
+    jekyll-watch (2.2.1)
+      listen (~> 3.0)
+    kramdown (2.4.0)
+      rexml
+    kramdown-parser-gfm (1.1.0)
+      kramdown (~> 2.0)
+    liquid (4.0.4)
+    listen (3.8.0)
+      rb-fsevent (~> 0.10, >= 0.10.3)
+      rb-inotify (~> 0.9, >= 0.9.10)
+    mercenary (0.4.0)
+    minima (2.5.1)
+      jekyll (>= 3.5, < 5.0)
+      jekyll-feed (~> 0.9)
+      jekyll-seo-tag (~> 2.1)
+    pathutil (0.16.2)
+      forwardable-extended (~> 2.6)
+    public_suffix (5.0.4)
+    rb-fsevent (0.11.2)
+    rb-inotify (0.10.1)
+      ffi (~> 1.0)
+    rexml (3.2.6)
+    rouge (3.30.0)
+    safe_yaml (1.0.5)
+    sassc (2.4.0)
+      ffi (~> 1.9)
+    terminal-table (2.0.0)
+      unicode-display_width (~> 1.1, >= 1.1.1)
+    unicode-display_width (1.8.0)
+    webrick (1.8.1)
+
+PLATFORMS
+  arm64-darwin-23
+  ruby
+
+DEPENDENCIES
+  http_parser.rb (~> 0.6.0)
+  jekyll (~> 4.2.2)
+  jekyll-feed (~> 0.12)
+  minima (~> 2.5)
+  tzinfo (~> 1.2)
+  tzinfo-data
+  wdm (~> 0.1.1)
+  webrick (~> 1.7)
+
+BUNDLED WITH
+   2.5.3

_data/calendar.yml

@@ -0,0 +1,30 @@
+- name: LCQ 2024
+  title: Last Chance Qualifier Fase 1 2024
+  description: |
+    El Last Chance Qualifier (LCQ) de la Fase 1 es un concurso para participantes no seleccionados de la Primera Fase que quieran tener otra oportunidad para continuar en la Segunda Fase
+  date: 28 de Enero
+  image: /assets/images/fopi-event.png
+- name: OPI Fase 2
+  title: Olimpiada Peruana de Informática Fase 2
+  description: |
+    Segunda Fase de nuestra Olimpiada Peruana de Informática
+  date: 18 de Febrero
+  image: /assets/images/fopi-event.png
+- name: EGOI
+  title: The European Girls’ Olympiad in Informatics (EGOI)
+  description: |
+    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.
+  date: 21 - 27 Julio
+  image: /assets/images/egoi.png
+- name: IOI
+  title: International Olympiads in Informatics (IOI)
+  description: |
+    The International Olympiad in Informatics (IOI) es una competencia de programación competitiva anual y una de las Olimpiadas Internacionales de Ciencias para estudiantes de secundaria más grandes del mundo. El concurso consta de dos días de programación/codificación informática y resolución de problemas de naturaleza algorítmica para abordar problemas que involucran cantidades muy grandes de datos.
+  date: 1 - 8 Septiembre
+  image: /assets/images/ioi-logo.png
+- name: OII
+  title: Olimpiada Iberoamericana de Informática (OII)
+  description: |
+    La Olimpíada Iberoamericana de Informática (OII) es una competencia de programación anual para jóvenes alumnos matriculados en un colegio secundario de países de Iberoamérica. Los estudiantes compiten de forma individual, con hasta quince estudiantes compitiendo de cada país participante. La competencia tiene solo una ronda y se realiza online. Por lo general, a los estudiantes se les dan cuatro problemas de naturaleza algorítmica y, tienen que resolver en cinco horas.
+  date: Junio - Julio
+  image: /assets/images/oii-logo.png

_data/navigation.yml

@@ -8,3 +8,5 @@
   link: /material
 - name: Concursos Pasados
   link: /contest
+- name: Calendario 2024
+  link: /calendar

_includes/sections/banner.html

@@ -3,24 +3,21 @@
         <div class="banner-phase">
             <h1 class="site-title">Olimpiada Peruana de Informática 2024</h1>
             <h2 class="site-subtitle">
-                Last Chance Qualifier (LCQ) Primera Fase
+                SEGUNDA FASE
             </h2>
             <p>
-                Fecha: 28 de Enero 2024<br>
+                18 de Febrero 2024<br>
             </p>
-            <a class="banner-btn" href="/historia/2023/11/26/resultados-oficiales-2023.html">
-                Resultados Primera Fase
-            </a>
         </div>
         <div class="banner-base">
-            <h2 class="">Bases del Concurso OPI 2024</h2>
-            <p>
-                Conoce todo sobre las bases de la Olimpiada Peruana de Informática 2024 en el siguiente
-                <a href="https://docs.google.com/document/d/1M-5ssBHV9DKoAXWY6OaeG9bD9o8Sn36ZDqrVM0Mnui0/edit?usp=sharing" target="_blank">
+            <h3>Participantes de la Segunda Fase</h3>
+            <small>
+                Conoce a los participantes de la Segunda Fase de Olimpiada Peruana de Informática en el siguiente
+                <a href="https://docs.google.com/spreadsheets/d/1vmJwNgQqlHopZu1_-L5asRV0IUHjAgPqgLNaLekj_gE/edit?usp=sharing" target="_blank">
                     enlace
                 </a>
                 🚀
-            </p>
+            </small>
         </div>
     </div>
     <div class="banner-picture">

_layouts/home.html

@@ -19,7 +19,7 @@ <h1 class="full-title">
 
       <div class="wrapper-home">
         {%- include sections/banner.html -%}
-        {%- include sections/description.html -%}
+        <!-- {%- include sections/description.html -%} -->
         {%- include latest_news.html limit=3 -%}
       </div>
     </main>

_posts/2024-02-07-fase-2.markdown

@@ -0,0 +1,40 @@
+---
+layout: post
+title: "Olimpiada Peruana de Informática Fase 2"
+date: 2024-01-26 13:00:00 -0500
+categories: historia
+author: FOPI
+image: /assets/images/Phase2.png
+is_post: true
+avatar: /assets/images/fopi-logo.png
+author_company: FOPI
+---
+
+🌟 ¡Prepárate para la Segunda Fase de la Olimpiada Peruana de Informática! 🚀💻
+
+¡Querida comunidad FOPI!
+
+La emoción continúa: ¡La Segunda Fase de la Olimpiada Peruana de Informática está a la vuelta de la esquina! 🏆✨
+
+#### 22 Competidores 🚀
+
+#### 4 Problemas 💻
+
+#### 10 Cupos para la Olimpiada Iberoamericana de Informática (OII) 🏆
+
+## Detalles Rápidos:
+📅 Fecha: 18 de Febrero
+
+⏰ Hora: 1pm - 6pm
+
+📍 Modalidad: ¡Virtual desde cualquier lugar!
+
+## ¡Importante!
+1. Conoce a los participantes de la Segunda Fase en este [enlace](https://docs.google.com/spreadsheets/d/1vmJwNgQqlHopZu1_-L5asRV0IUHjAgPqgLNaLekj_gE/edit?usp=sharing)
+2. Los participantes de la Fase son los ganadores y seleccionados de la Fase 1 y LCQ
+
+¿Estás listo para el desafío? ¡Prepárate para descubrir quiénes serán nuestros destacados de esta fase!
+
+Les pedimos estar atentos a sus correos electrónicos para conocer los detalles de esta Segunda Fase 🚀🏆 ¡Marca la fecha y únete a la emoción de la Segunda Fase de la Olimpiada Peruana de Informática! 🌐🏅
+
+#FOPI #OlimpiadaInformática #SegundaFase #Programación #Desafío

_sass/calendar.scss

@@ -0,0 +1,39 @@
+.calendar-site {
+    display: flex;
+    flex-direction: column;
+    background-color: white;
+    padding: 30px 100px;
+
+    .calendar-wrapper {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .calendar-events {
+        padding: 0 14px;
+    }
+
+    .event-title {
+        display: flex;
+        justify-content: space-between;
+    }
+
+    .divider {
+        border-bottom: 1px solid #afafaf;
+        margin: 16px 0;
+    }
+
+    .event {
+        display: grid;
+        grid-template-columns: 100px 2fr;
+        gap: 20px;
+
+        .event-img {
+            display: flex;
+            width: 80px;
+            justify-content: center;
+            align-items: center;
+        }
+    }
+
+}

_sass/header.scss

@@ -50,8 +50,8 @@
     .header-page-item {
       padding: 5px;
       font-size: 17px;
-      font-weight: 400;
-      padding: 0px 14px;
+      font-weight: 300;
+      padding: 0px 18px;
     }
   }
 

_sass/sections/banner.scss

@@ -1,6 +1,6 @@
 .site-banner {
     padding: 30px 90px;
-    background-color: white;
+    background-color: $secondary-1;
     display: flex;
     gap: 2rem;
     margin: auto;
@@ -14,10 +14,10 @@
     }
 
     .site-subtitle {
-        font-size: 25px;
-        font-weight: 400;
-        margin: 10px 0;
-        color: #515151;
+        font-size: 30px;
+        font-weight: 500;
+        margin: 8px 0;
+        color: #013e8f;
     }
 
     .banner-btn {

_sass/sections/partners.scss

@@ -3,8 +3,8 @@
   flex-direction: column;
   align-items: center;
   background-color: $secondary-1;
-  padding-bottom: 60px;
-  gap: 50px;
+  padding: 50px 60px;
+  gap: 30px;
 
   .partners-logo {
     display: flex;
@@ -14,8 +14,8 @@
     align-items: center;
 
     .partner-item {
-      padding: 40px;
-      width: 204px;
+      padding: 30px;
+      width: 210px;
     }
   }
 }

assets/css/styles.scss

@@ -2,12 +2,13 @@
 ---
 @import "main";
 @import "header";
+@import "calendar";
 @import "footer";
 @import "sections/partners";
 @import "blog";
 @import "author-card";
 @import "events";
-@import "contest.scss";
+@import "contest";
 @import "latest_news";
 @import "sections/description";
 @import "sections/banner";

calendar.html

@@ -0,0 +1,35 @@
+---
+layout: default
+permalink: /calendar
+title: Calendario 2024
+---
+<div class="calendar-site">
+    <div class="calendar-wrapper">
+        <h1 style="text-align: center;">
+            Calendario de Actividades 2024
+        </h1>
+    </div>
+    <div class="calendar-events">
+        {%- for event in site.data.calendar -%}
+            <div class="divider"></div>
+            <div class="event">
+                <div class="event-img">
+                    <img src="{{ event.image }}" alt="{{ event.name }}" width="100"/>
+                </div>
+                <div>
+                    <div class="event-title">
+                        <h3>
+                            {{ event.title }}
+                        </h3>
+                        <h4>
+                            {{ event.date }}
+                        </h4>
+                    </div>
+                    <p>
+                        {{ event.description }}
+                    </p>
+                </div>
+            </div>
+        {%- endfor -%}
+    </div>
+</div>

contest.html

@@ -6,7 +6,7 @@
 <div class="site-contest">
     <div class="contest-wrapper">
         <h1 style="text-align: center;">
-            Concursos Pasados de la Olimpiada Peruana de Informatica (OPI)
+            Concursos Pasados de la Olimpiada Peruana de Informatica
         </h1>
         <p>
             En esta sección podrás encontrar los concursos que se han realizado en el pasado.