Merge pull request Women-Coding-Community#173 from dricazenck/fix_hom…

…e_link

feat: Create announcement yml and fix link

_data/announcement.yml

@@ -0,0 +1,16 @@
+- title: Mentorship ad-hoc registration is now open for mentees
+  description: Sign up for this unique opportunity of one-time mentoring sessions with personalised guidance from experienced mentors.
+  date: 01.05.2024
+  image:
+    path: "/assets/images/announcements/stock-unsplash-computer-typing.jpg"
+    alt: Image decorative
+  link:
+    path: /mentors
+    title: Join now
+
+- title: New Women Coding Community website!
+  description: We are thrilled to introduce our brand-new website. Created with dedication and passion by our incredible team of volunteers, this platform serves as your gateway to a diverse array of resources, programs, mentorship opportunities, and more.
+  date: 30.04.2024
+  image:
+    path: "/assets/images/announcements/stock-copilot-designer_celebrate.jpg"
+    alt: Image decorative

index.html

@@ -43,27 +43,23 @@ <h2>Opportunities & Programmes</h2>
             <div class="content">
                 <h2>Announcements</h2>
                 <div class="col-12 col-lg-8">
+                    {% for announcement in site.data.announcement %}
                     <article class="card card-l">
                         <div class="card-body col-md-8">
-                            <div class="card-date">01.05.2024</div>
-                            <h3 class="card-title">Mentorship ad-hoc registration is now open for mentees</h3>
-                            <p class="card-desc">Sign up for this unique opportunity of one-time mentoring sessions with personalised guidance from experienced mentors.</p>
-                            <a href="https://docs.google.com/forms/d/e/1FAIpQLSeoMLS2K-DYF16uXALXrJtHJMqQZSNDYcFh0nYmBFV2GHM6ig/viewform" target="_blank" class="btn btn-outline-primary">Join now</a>
-                        </div>
-                        <div class="card-media col-md-4">
-                            <img src="/assets/images/announcements/stock-unsplash-computer-typing.jpg">
-                        </div>
-                    </article>
-                    <article class="card card-l">
-                        <div class="card-body col-md-8">
-                            <div class="card-date">30.04.2024</div>
-                            <h3 class="card-title">New Women Coding Community website!</h3>
-                            <p class="card-desc">We are thrilled to introduce our brand-new website. Created with dedication and passion by our incredible team of volunteers, this platform serves as your gateway to a diverse array of resources, programs, mentorship opportunities, and more.</p>
+                            <div class="card-date">{{ announcement.date }}</div>
+                            <h3 class="card-title">{{ announcement.title }}</h3>
+                            <p class="card-desc">{{ announcement.description }}</p>
+                            {% if announcement.link %}
+                            <a href="{{ announcement.link.path }}" class="btn btn-outline-primary">{{
+                                announcement.link.title }}</a>
+                            {% endif %}
                         </div>
+
                         <div class="card-media col-md-4">
-                            <img src="/assets/images/announcements/stock-copilot-designer_celebrate.jpg">
+                            <img src="{{ announcement.image.path }}" alt="{{ announcement.image.alt }}">
                         </div>
                     </article>
+                    {% endfor %}
                 </div>
             </div>
         </div>