Implement blog categorisation and navigation system

_data/blog_categories.yml

@@ -0,0 +1,19 @@
+- title: Training and certifications
+  slug: training-and-certifications
+  match: training-and-certifications
+
+- title: Career management
+  slug: career-management
+  match: career-management
+
+- title: Machine Learning
+  slug: machine-learning
+  match: machine-learning
+
+- title: Community learning and experiences
+  slug: community-learning
+  match: community-learning
+
+- title: Tech career
+  slug: tech-career
+  match: tech-career

_data/navbar.yml

@@ -83,6 +83,7 @@
 - name: Blog
   link: blog
   index: 4
+  subfolderitems: []
 - name: About Us
   index: 5
   subfolderitems:

_includes/navbar.html

@@ -6,7 +6,7 @@
         </a>
 
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-navbar"
-                aria-controls="main-navbar" aria-expanded="false" aria-label="Toggle navigation">
+            aria-controls="main-navbar" aria-expanded="false" aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
 
@@ -17,24 +17,41 @@
                     {% if item.subfolderitems %}
 
                     {% if item.link %}
-                    <a class="nav-link" id="drop{{item.index}}" href="/{{item.link}}" role="button" aria-haspopup="true"
-                       aria-expanded="false">
+                    <a class="nav-link" id="drop{{item.index}}" href="{{ item.link | relative_url }}" role="button" aria-haspopup="true"
+                        aria-expanded="false">
                         <span class="dropdown-toggle">{{ item.name }}</span>
                     </a>
                     {% else %}
                     <a data-target="#" data-toggle="dropdown" class="nav-link cursor-pointer" id="drop{{item.index}}"
-                       aria-haspopup="true" aria-expanded="false">
+                        aria-haspopup="true" aria-expanded="false">
                         <span class="dropdown-toggle">{{ item.name }}</span>
                     </a>
                     {% endif %}
 
                     <ul class="dropdown-menu{% if forloop.last %} dropdown-menu-right{% endif %}"
                         aria-labelledby="drop{{item.index}}">
+                        {% if item.name == "Blog" %}
+
+                        {% assign categories = site.data.blog_categories %}
+
+                        {% for cat in categories %}
+                        {% if cat.slug %}
+                        <li>
+                            <a class="dropdown-item"
+                                href="{{ '/blog-' | append: cat.slug | append: '/' | relative_url }}">
+                                {{ cat.title }}
+                            </a>
+                        </li>
+                        {% endif %}
+                        {% endfor %}
+
+                        {% else %}
                         {% for entry in item.subfolderitems %}
                         <li>
-                            <a class="dropdown-item" href="{{ entry.url }}">{{ entry.page }}</a>
+                            <a class="dropdown-item" href="{{ entry.url | relative_url  }}">{{ entry.page }}</a>
                         </li>
                         {% endfor %}
+                        {% endif %}
                     </ul>
                     {% else %}
                     <a class="nav-link" id="nav-{{item.index}}" href="{{item.link}}">{{ item.name }}</a>
@@ -44,4 +61,4 @@
             </ul>
         </div>
     </nav>
-</div>
+</div>

_layouts/blog-category.html

@@ -0,0 +1,52 @@
+---
+layout: default
+---
+
+{% assign posts = site.posts | where: "category", page.category %}
+
+<h1 class="mb-4"></h1>
+
+<div class="card-deck">
+
+{% for post in posts %}
+
+<div class="col-12 col-md-6 mb-5">
+  <div class="card-blog card card-m">
+    <a href="{{ post.url }}">
+
+      <div class="card-media">
+        {% if post.image %}
+          <img src="{{ post.image }}">
+        {% else %}
+          <img src="/assets/images/blog/default.jpg">
+        {% endif %}
+      </div>
+
+      <div class="card-body">
+        <h2 class="card-title">{{ post.title }}</h2>
+        <p>{{ post.description }}</p>
+
+        <div class="card-author d-flex mt-2">
+          <div class="card-author-image">
+            <img src="/assets/images/blog/author.png">
+          </div>
+
+          <div class="d-flex flex-column">
+            <div class="card-author-name">{{ post.author_name }}</div>
+            <div class="card-author-role">{{ post.author_role }}</div>
+            <div class="card-author-date">
+              {{ post.date | date: "%d.%m.%Y" }}
+            </div>
+            <div><small>#{{ post.category }}</small></div>
+          </div>
+        </div>
+
+      </div>
+
+    </a>
+  </div>
+</div>
+
+{% endfor %}
+
+</div>

_posts/2024-04-27-welcome.html

@@ -5,6 +5,7 @@
 author_name: WCC Team
 image: /assets/images/blog/welcome.jpg
 category: tech-career
+sub_category: tech-career
 description: |
     Be a part of the change. Join us to help bridge the gender gap in technology. Together, we can create a future where women are leading drivers of technology and innovation.
 ---

_posts/2024-05-05-breaking-cultural-barriers.html

@@ -6,6 +6,7 @@
 author_role: Systems & Application Support Advisor (Web)
 image: /assets/images/blog/2024-05-05-main-image.jpg
 category: tech-career
+sub_category: tech-career
 description: |
     In this blog we explore breaking cultural barriers to start a tech career
 ---

_posts/2024-06-02-woman-is-the-homeland-of-woman.html

@@ -6,6 +6,7 @@
 author_role: Junior Full Stack Developer at InnoAl Tech Solution
 image: /assets/images/blog/2024-06-02-arzu-main-img.jpg
 category: tech-career
+sub_category: tech-career
 description: |
   In the land where I was born, there's a saying that resonates deeply with the essence of female solidarity: "Woman is the homeland of woman."
 ---

_posts/2024-06-02-working-with-chatgpt.html

@@ -6,6 +6,7 @@
 author_role: Data Scientist at TAC Index
 image: /assets/images/blog/2024-06-02-silke-main-img.jpg
 category: machine-learning
+sub_category: machine-learning
 description: |
   The one thing ChatGPT will not do is tell you the right questions to ask.
 ---

_posts/2024-07-01-from-cv-to-job-offer.html

@@ -6,7 +6,8 @@
 author_role: Senior Software Engineer at Centric Software
 image: /assets/images/blog/2024-07-01-adriana-main-image.jpg
 description: Essential Tips for Software Engineer Interview Success. You'll be well-equipped to navigate the interview process and showcase your skills to potential employers.
-category: interview-tips
+category: career-management
+sub_category: interview-tips
 ---
 
 <div class="text-justify">

_posts/2024-07-02-harnessing-generative-ai.html

@@ -7,6 +7,7 @@
 image: /assets/images/blog/2024-07-02-sahana-main-image.jpeg
 description: Let's a walk through how one needs to understand use case, master prompt engineering, and leverage existing tools.
 category: machine-learning
+sub_category: machine-learning
 ---
 
 <div class="text-justify">

_posts/2024-07-06-interview-tips-part1.html

@@ -6,7 +6,8 @@
 author_role: Test Automation Engineer, IBM Security
 image: /assets/images/blog/2024-07-06-eleonora-main-image.jpg
 description: We will explore resources and tools our community members find valuable in their preparation journey.
-category: interview-tips
+category: career-management
+sub_category: interview-tips
 ---
 
 <div class="text-justify">

_posts/2024-08-11-coding-for-greener-tomorrow.html

@@ -6,7 +6,8 @@
 author_role: Engineering Manager, Paythru
 image: /assets/images/blog/2024-08-11-madhura-main-image.png
 description: Have you ever considered the environmental impact of the software code we write?
-category: green-software
+category: tech-career
+sub_category: green-software
 ---
 
 <div class="text-justify">

_posts/2024-09-27-my-ai-devcamp-journey.html

@@ -6,7 +6,8 @@
 author_role: Full Stack Developer
 image: /assets/images/blog/2024-09-27-arzu-main-image.png
 description: I wrote about my Al DevCamp journey.
-category: personal-experience
+category: community-learning
+sub_category: personal-experience
 ---
 
 <div class="text-justify">

_posts/2024-10-09-how-nlp-interacts-with-people.html

@@ -7,7 +7,8 @@
 image: /assets/images/blog/2024-10-09-busra-cover.png
 image_source: This image was created by AI.
 description: In the realm of Artificial Intelligence (AI), Natural Language Processing (NLP) is changing the way that people engage with machines by allowing them to interact with machines in human language, effectively and meaningfully.
-category: artificial-intelligence
+category: machine-learning
+sub_category: artificial-intelligence
 ---
 
 <div class="text-justify">

_posts/2024-10-09-learn-generative-ai-with-aws.html

@@ -7,7 +7,8 @@
 image: /assets/images/blog/2024-10-09-airat-cover.png
 image_source: Created by Author with Canva
 description: Learn how to use PartyRock by AWS to build your own AI app in minutes, NO coding involved!
-category: generative-ai
+category: machine-learning
+sub_category: generative-ai
 ---
 
 <div class="text-justify">

_posts/2024-11-04-microservices-paradise.html

@@ -7,7 +7,8 @@
 image: /assets/images/blog/2024-11-04-microservices-paradise-banner.png
 image_source: Created by Author with Canva
 description: Microservices Paradise
-category: microservices
+category: tech-career
+sub_category: microservices
 ---
 
 <div class="text-justify">

_posts/2024-11-04-tailoring-your-career-quarterly.html

@@ -8,6 +8,7 @@
 image_source: Created by Author with Canva
 description: Your guide to setting goals and building the relationship with your manager.
 category: tech-career
+sub_category: tech-career
 ---
 
 <div class="text-justify">

_posts/2024-12-03-a-simple-walkthrough-of-kubernetes-pod-creation.html

@@ -7,7 +7,8 @@
 image: /assets/images/blog/20241203-Madhura-cover.png
 image_source: From Author
 description: A detailed guide explaining the lifecycle of Kubernetes Pods, from YAML definition to live deployment.
-category: kubernetes
+category: tech-career
+sub_category: kubernetes
 ---
 
 <div class="text-justify">

_posts/2024-12-03-techCrunch-disrupt-learnings.html

@@ -6,7 +6,8 @@
 author_role: Software Engineer
 image: /assets/images/blog/2024-12-03-techcrunch-disrupt-learnings.jpg
 description: "TechCrunch Disrupt 2024 brought together global tech leaders to explore cutting-edge innovations. I interviewed Madhuvanthi Venkatesh, a data scientist and AI meetup organizer, about her key takeaways: the rise of “tiny LLMs,” the importance of real networking, and Silicon Valley’s leadership in AI."
-category: Conference reflections
+category: community-learning
+sub_category: Conference reflections
 ---
 
 <div class="text-justify">

_posts/2025-01-13-risk-management-in-engineering.html

@@ -7,7 +7,8 @@
 image: /assets/images/blog/2025-01-13-risk-management-in-engineering.jpg
 image_source: Created by Author with Canva
 description: Risk management is an inherent and very often invisible and intangible part of everything we do. Every day we make decisions, sometimes without thinking too much about it, and some decisions require more thinking because of uncertainty. This is where risk management brings value - it helps to navigate these uncertainties.
-category: risk management
+category: tech-career
+sub_category: risk management
 ---
 
 <div class="text-justify">

_posts/2025-02-10-managing-your-career.html

@@ -9,7 +9,8 @@
 your career journey. A great tool to capture your reflections and close any associated gaps is a Career Development Plan
 (CDP). CDP is your personalised strategy which you define and use to achieve your career goals. It outlines skills and
 actions necessary to progress a career over a specific period."
-category: Career Management
+category: career-management
+sub_category: Career Management
 ---
 
 <div class="text-justify">

_posts/2025-03-02-studying-and-passing-aws-cert-exam.html

@@ -7,7 +7,8 @@
 image: /assets/images/blog/2025-03-02-studying-and-passing-aws-cert-exam.png
 image_source:
 description: Studying and Passing the AWS Certification Exam
-category: Certifications
+category: training-and-certifications
+sub_category: Certifications
 ---
 
 <div class="text-justify">

_posts/2025-03-12-building-cutting-edge-ai-solutions.html

@@ -7,7 +7,8 @@
 image: /assets/images/blog/2025-03-12-Sahana-gemma2-banner.png
 image_source: Image courtesy of the team.
 description: Lablab AI, in collaboration with Google’s Gemma team, hosted a hackathon to build AI solutions using Gemma 2 models.
-category: artificial-intelligence
+category: machine-learning
+sub_category: artificial-intelligence
 ---
 
 <div class="text-justify">

_posts/2025-06-10-mid-senior-engineer.html

@@ -12,7 +12,8 @@
   and to reach that coveted "Senior Engineer" status is bubbling beneath the surface. You're
   not alone! The journey from Mid to Senior is a significant step in any tech professional's
   career, and understanding the available pathways is crucial for strategic advancement.
-category: Career-progression
+category: tech-career
+sub_category: Career-progression
 ---
 
 <div class="text-justify">

_posts/2025-06-14-atomic-habits-small-changes-real-results.html

@@ -7,7 +7,8 @@
 image:
 image_source:
 description: "Atomic Habits: Small Changes, Real Results"
-category: Productivity
+category: career-management
+sub_category: Productivity
 ---
 
 <div class="text-justify">

_posts/2025-06-20-self-taught-self-doubt.html

@@ -7,7 +7,8 @@
 image: /assets/images/blog/2025-06-20-self-taught-self-doubt.jpeg
 image_source:
 description: A personal reflection on learning to code as a self-taught developer, battling imposter syndrome, and how mentorship helped me stop looking only at what I lacked and start seeing how far I’d come.
-category: Career
+category: community-learning
+sub_category: Career
 ---
 
 <div class="text-justify">

_posts/2025-07-01-first-year-at-wcc.html

@@ -7,7 +7,8 @@
 image: /assets/images/blog/2025-07-01-first-year-at-wcc.jpg
 image_source:
 description: "Our first year as WomenCodingCommunity"
-category: Community
+category: community-learning
+sub_category: Community
 ---
 
 <div class="text-justify">

_posts/2025-07-02-habits-challenge-lessons.html

@@ -7,7 +7,8 @@
 image: /assets/images/blog/2025-07-02-habits-challenge-lessons.jpg
 image_source:
 description: Lessons from Our 4-Week Habit Challenge
-category: Productivity
+category: career-management
+sub_category: Productivity
 ---
 
 <div class="text-justify">

_posts/2025-09-01-the-story-behind-the-mentorship-programme.html

@@ -7,7 +7,8 @@
 image: /assets/images/blog/2025-09-01-the-story-behind-the-mentorship-programme.jpg
 image_source: https://pixabay.com/
 description: What started as a side project with just a handful of Google Forms has since grown into a vibrant mentorship community, which helped people grow, land new roles, and build meaningful connections along the way.
-category: team
+category: community-learning
+sub_category: team
 ---
 
 <div class="text-justify">

_posts/2025-12-23-gnec-hackathon-win.html

@@ -6,7 +6,8 @@
 author_role: Lead at Women Coding Community
 image: /assets/images/blog/2025-12-23-gnec-hackathon-win.png
 description: Our Women Coding Community Team Takes 3rd Place at the GNEC Fall Hackathon
-category: tech-career
+category: community-learning
+sub_category: tech-career
 ---
 
 <div class="text-justify">