blogs.html

<script type="text/javascript">
"use strict";
    !function () {
        var a = window.ChatGen || [];
        if (!a.loaded) {
            var s = document.createElement('script');
            s.type = "text/javascript";
            s.async = true;
            s.src = "https://app.chatgen.ai/cmp/chat-widget/bot.js";
            var fs = document.getElementsByTagName('script')[0];
            fs.parentNode.insertBefore(s, fs);
            s.onload=function(){
                var yourKey = 'E5ktIOnJ'
                var widgetKey = {widget_key: yourKey}
                ChatGen.init(widgetKey);
            }
        }
    }();
</script>
---
layout: default
---
<style>
    #hero .hero-image {
        width: 100%;
        height: auto;
        display: block;
    }
</style>
<!-- Hero Section -->
<section id="hero">
    <img src="{{ '/branding/banner.jpeg' | relative_url }}" alt="Slow Grub Banner" class="hero-image">
    <h1>News, Updates and Blogs</h1>
    <p>Please check this page for our latest event updates, news and opportunities to get involved alongside our thought leadership on the sustainability measurement.</p>
</section>

{% for post in site.posts %}
    <div class="blog-entry">
        <h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
        <p>{{ post.date | date: "%B %d, %Y" }}</p> <!-- Display post date -->
        {{ post.excerpt }}
        <a href="{{ post.url }}">Read more...</a>
    </div>
{% endfor %}

<!-- If you have a specific purpose for the static "Blog Entry" sections below, keep them. Otherwise, you can remove them. -->