From 37e28d55a5fa2f9f76ad67d49cd9ab0f5c913432 Mon Sep 17 00:00:00 2001
From: AASG2003 <betoxd2003@gmail.com>
Date: Wed, 4 Sep 2024 19:57:59 -0400
Subject: [PATCH 1/3] feat: :sparkles: add past events section

adding a past events section to the footer
---
 home/templates/home/home_page.html | 29 +++++++++++++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

diff --git a/home/templates/home/home_page.html b/home/templates/home/home_page.html
index f4e938d..253b36f 100644
--- a/home/templates/home/home_page.html
+++ b/home/templates/home/home_page.html
@@ -200,8 +200,33 @@
                 <div class="subscribe-inner wow fadeInDown" data-wow-delay="0.3s">
                     <h2 class="subscribe-title" style="color: var(--footer-text);">{{page.footer_title}}</h2>
                 </div>
-                <div class="footer-logo">
-                    <img src="{{ tmp_logo.url }}" alt="{{ tmp_logo.alt }}">
+                <div class="pb-5 row justify-content-center">
+                    <div class="footer-logo">
+                        <img src="{{ tmp_logo.url }}" alt="{{ tmp_logo.alt }}">
+                    </div>
+                    <div class ="ml-sm-5">
+                        <p style="color: var(--footer-text);">Eventos pasados</p>
+                        {% for descendant in page.get_descendants %}
+                            {%if descendant.live and descendant.content_type == page.content_type%}
+                                <li class="nav-item">
+                                    <a class="nav-link" href="{{ descendant.get_url }}" 
+                                    target="_blank" style="color: {{page.navbar_links_color}} !important;">
+                                        {{ descendant.title}} 
+                                    </a>
+                                </li>
+                            {%endif%}
+                        {% endfor %}
+                        {% for sibling in page.get_siblings%}
+                            {%if sibling.title != page.title and sibling.live%}
+                                <li class="nav-item">
+                                    <a class="nav-link" href="{{ sibling.get_url }}" 
+                                    target="_blank" style="color: {{page.navbar_links_color}} !important;">
+                                        {{ sibling.title}} 
+                                    </a>
+                                </li>
+                            {%endif%}
+                        {% endfor %}
+                    </div> 
                 </div>
                 <div class="social-icons-footer">
                     <ul>

From b698e599852a108e194315c6846e4ef9efc8c5e6 Mon Sep 17 00:00:00 2001
From: AASG2003 <betoxd2003@gmail.com>
Date: Wed, 4 Sep 2024 21:28:24 -0400
Subject: [PATCH 2/3] style: :lipstick: correct the style of past-events

correct the position and styles of the past-events section
---
 home/templates/home/home_page.html | 48 ++++++++++++++----------------
 1 file changed, 22 insertions(+), 26 deletions(-)

diff --git a/home/templates/home/home_page.html b/home/templates/home/home_page.html
index 253b36f..0d9f30f 100644
--- a/home/templates/home/home_page.html
+++ b/home/templates/home/home_page.html
@@ -200,33 +200,29 @@
                 <div class="subscribe-inner wow fadeInDown" data-wow-delay="0.3s">
                     <h2 class="subscribe-title" style="color: var(--footer-text);">{{page.footer_title}}</h2>
                 </div>
-                <div class="pb-5 row justify-content-center">
-                    <div class="footer-logo">
-                        <img src="{{ tmp_logo.url }}" alt="{{ tmp_logo.alt }}">
+                <div class="footer-logo">
+                    <img src="{{ tmp_logo.url }}" alt="{{ tmp_logo.alt }}">
+                </div>
+                <div class ="mb-5">
+                    <div class="subscribe-inner" style="padding: 10px;">
+                        <h2 class="subscribe-title" style="color: var(--footer-text); margin-bottom:10px;">Eventos pasados</h2>
                     </div>
-                    <div class ="ml-sm-5">
-                        <p style="color: var(--footer-text);">Eventos pasados</p>
-                        {% for descendant in page.get_descendants %}
-                            {%if descendant.live and descendant.content_type == page.content_type%}
-                                <li class="nav-item">
-                                    <a class="nav-link" href="{{ descendant.get_url }}" 
-                                    target="_blank" style="color: {{page.navbar_links_color}} !important;">
-                                        {{ descendant.title}} 
-                                    </a>
-                                </li>
-                            {%endif%}
-                        {% endfor %}
-                        {% for sibling in page.get_siblings%}
-                            {%if sibling.title != page.title and sibling.live%}
-                                <li class="nav-item">
-                                    <a class="nav-link" href="{{ sibling.get_url }}" 
-                                    target="_blank" style="color: {{page.navbar_links_color}} !important;">
-                                        {{ sibling.title}} 
-                                    </a>
-                                </li>
-                            {%endif%}
-                        {% endfor %}
-                    </div> 
+                    {% for sibling in page.get_siblings%}
+                        {%if sibling.title and sibling.live and sibling.get_parent.content_type == page.content_type%}
+                            <a class="nav-link" href="{{ sibling.get_url }}" 
+                            target="_blank" style="color: {{page.navbar_links_color}} !important;">
+                                {{ sibling.title}} 
+                            </a>
+                        {%endif%}
+                    {% endfor %}
+                    {% for descendant in page.get_descendants %}
+                        {%if descendant.live and descendant.content_type == page.content_type%}
+                            <a class="nav-link" href="{{ descendant.get_url }}" 
+                            target="_blank" style="color: {{page.navbar_links_color}} !important;">
+                                {{descendant.title}} 
+                            </a>
+                        {%endif%}
+                    {% endfor %}
                 </div>
                 <div class="social-icons-footer">
                     <ul>

From b092d80efe75351a5fc8596062f8d47a515485ca Mon Sep 17 00:00:00 2001
From: AASG2003 <betoxd2003@gmail.com>
Date: Tue, 1 Oct 2024 23:46:42 -0400
Subject: [PATCH 3/3] style: :lipstick: Correct alignment of past-events on
 footer

Correcting the alignment of past-events footer section
---
 home/templates/home/home_page.html | 40 ++++++++++++++++--------------
 website/static/2023/css/main.css   |  8 +++++-
 2 files changed, 28 insertions(+), 20 deletions(-)

diff --git a/home/templates/home/home_page.html b/home/templates/home/home_page.html
index 0d9f30f..ed347eb 100644
--- a/home/templates/home/home_page.html
+++ b/home/templates/home/home_page.html
@@ -203,26 +203,28 @@ <h2 class="subscribe-title" style="color: var(--footer-text);">{{page.footer_tit
                 <div class="footer-logo">
                     <img src="{{ tmp_logo.url }}" alt="{{ tmp_logo.alt }}">
                 </div>
-                <div class ="mb-5">
-                    <div class="subscribe-inner" style="padding: 10px;">
-                        <h2 class="subscribe-title" style="color: var(--footer-text); margin-bottom:10px;">Eventos pasados</h2>
+                <div class ="mb-5 row justify-content-center">
+                    <div class="past-events text-start mb-3">
+                        <div class="subscribe-inner" style="padding: 16px;">
+                            <h2 class="subscribe-title" style="color: var(--footer-text); margin-bottom:10px;">Eventos pasados</h2>
+                        </div>
+                        {% for sibling in page.get_siblings %}
+                            {% if sibling.title and sibling.live and sibling.get_parent.content_type == page.content_type %}
+                                <a class="nav-link" href="{{ sibling.get_url }}" 
+                                    target="_blank" style="color: {{ page.navbar_links_color }} !important;">
+                                    {{ sibling.title }} 
+                                </a>
+                            {% endif %}
+                        {% endfor %}
+                        {% for descendant in page.get_descendants %}
+                            {% if descendant.live and descendant.content_type == page.content_type %}
+                                <a class="nav-link" href="{{ descendant.get_url }}" 
+                                    target="_blank" style="color: {{ page.navbar_links_color }} !important;">
+                                    {{ descendant.title }} 
+                                </a>
+                            {% endif %}
+                        {% endfor %}
                     </div>
-                    {% for sibling in page.get_siblings%}
-                        {%if sibling.title and sibling.live and sibling.get_parent.content_type == page.content_type%}
-                            <a class="nav-link" href="{{ sibling.get_url }}" 
-                            target="_blank" style="color: {{page.navbar_links_color}} !important;">
-                                {{ sibling.title}} 
-                            </a>
-                        {%endif%}
-                    {% endfor %}
-                    {% for descendant in page.get_descendants %}
-                        {%if descendant.live and descendant.content_type == page.content_type%}
-                            <a class="nav-link" href="{{ descendant.get_url }}" 
-                            target="_blank" style="color: {{page.navbar_links_color}} !important;">
-                                {{descendant.title}} 
-                            </a>
-                        {%endif%}
-                    {% endfor %}
                 </div>
                 <div class="social-icons-footer">
                     <ul>
diff --git a/website/static/2023/css/main.css b/website/static/2023/css/main.css
index f15b1d3..e9baf89 100644
--- a/website/static/2023/css/main.css
+++ b/website/static/2023/css/main.css
@@ -2544,4 +2544,10 @@ footer {
   margin-left: auto;
   padding: revert;
   list-style: decimal !important;
-}
\ No newline at end of file
+}
+
+.past-events {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start; /* Alineación a la izquierda */
+}