bulma-clean-theme 0.13.3 → 1.0.0.beta.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d64a43e068e9f991dc30207691eb4bf221c40bad17d05dffb2062571de76990a
-  data.tar.gz: f9a2fb508ec6f1617a41d623ddafaff5d982657e890768a62f05d1d38705c8e2
+  metadata.gz: 8754cb70dcdefab68d6fc924926f22f56d373b29ec5ee73986099e4798bcc52b
+  data.tar.gz: 277aee383af5d4fa89b96772395002480b2810f66c1711c78d1dcea69bd94506
 SHA512:
-  metadata.gz: 91c2043b3e7cafdd3b5e73cb05f219e605c7bdf0ab46318fbf0a93e5af2ce79dbdb46dd902a79106d1e2d3246eb29b15a13a61cb0772e30f5b70857a5b11748b
-  data.tar.gz: cd4605e72ad39e9a0a2cab4623fa99754b351ca257cf0f0bb78ad56b8d79aeb3f9a1434590ae2ef8e3c7718a05da34d05ad5e3dcbfb658f070b0c9c5bce5cdfc
+  metadata.gz: 87689f87ec703e0400bde2574cb561dcb0709c3307ea13b108ad74dc129c8e7d9ddb06452d30b7a3636981120d293bbeff6b08bb9741439f2a2115feb4268202
+  data.tar.gz: df494a625dc204cc75ba81695eb31e13fbf62a9088dcf385bd3ca825bf7dc1efaf26d66e663f987c527f21fe96bb1f5c9b001d8996e7a10d8c2fd39b92308849

data/README.md

@@ -11,6 +11,7 @@ The theme uses [Alpine.js](https://github.com/alpinejs/alpine) for its interacti
 
 * [Installation](#installation)
 * [Documentation](#documentation)
+* [Upgrading to v1](#upgrading-to-v1)
 * [Contributing](#contributing)
 * [Development](#development)
 * [Licence](#licence)
@@ -49,6 +50,10 @@ Or install it yourself as:
 
 Check out the demo site for the [Documentation](https://www.csrhymes.com/bulma-clean-theme/docs/)
 
+## Upgrading to v1
+
+There are several breaking changes for v1. Please read the [upgrade guide](https://www.csrhymes.com/bulma-clean-theme/docs/upgrading-to-v1/) for more information.
+
 ## Contributing
 
 Bug reports and pull requests are welcome on GitHub at https://github.com/chrisrhymes/bulma-clean-theme. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.

data/_includes/callouts.html

@@ -7,27 +7,34 @@
                     {% for callout in callouts.items %}
                         <div class="column is-4 has-text-centered">
                             {% if callout.icon %}
-                            <div class="icon callout-icon">
-                            {% if callout.icon_brand %}
-                                <i class="fab {{ callout.icon }} fa-4x"></i>
-                            {% else %}
-                                <i class="fas {{ callout.icon }} fa-4x"></i>
-                            {% endif %}
-                            </div>
+                                <div class="icon callout-icon">
+                                    {% if callout.icon_brand %}
+                                        <i class="fab {{ callout.icon }} fa-4x"></i>
+                                    {% else %}
+                                        <i class="fas {{ callout.icon }} fa-4x"></i>
+                                    {% endif %}
+                                </div>
                             {% endif %}
                             <p class="title is-5">{{ callout.title }}</p>
                             <p class="subtitle is-5">{{ callout.subtitle }}</p>
-                            
+
                             {% if callout.description %}
-                            <div class="content">
-                                <p>{{ callout.description | newline_to_br }}</p>
-                            </div>
+                                <div class="my-4">
+                                    <div class="content">
+                                        <p>{{ callout.description | newline_to_br }}</p>
+                                    </div>
+                                </div>
                             {% endif %}
 
                             {% if callout.call_to_action_name %}
-                            <a href="{{ callout.call_to_action_link | relative_url }}" class="button is-primary">
-                                {{ callout.call_to_action_name }}
-                            </a>
+                                <div class="my-4">
+                                    <a
+                                        href="{{ callout.call_to_action_link | relative_url }}"
+                                        class="button is-primary"
+                                    >
+                                        {{ callout.call_to_action_name }}
+                                    </a>
+                                </div>
                             {% endif %}
                         </div>
                     {% endfor %}
@@ -36,4 +43,3 @@
         </div>
     </section>
 {% endif %}
-

data/_includes/cookie-banner.html

@@ -0,0 +1,53 @@
+<div class="">
+    <script
+        src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.5/dist/js.cookie.min.js"
+    ></script>
+
+    <div class="container py-6 px-4" id="cookieBanner">
+        <div class="columns">
+            <div class="column is-fullwidth ">
+                <div class="content">
+                    <p>We use cookies on this site to enhance your user experience</p>
+                    <p>
+                        By clicking the Accept button, you agree to us doing so.
+                        <a href="{{ site.cookie_policy | relative_url }}">More info on our cookie policy</a>
+                    </p>
+                </div>
+
+                <div class="buttons mt-4">
+                    <button class="button is-primary" onclick="acceptCookies()">Accept all cookies</button>
+                    <button class="button is-primary" onclick="rejectCookies()">Reject all cookies</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        function acceptCookies() {
+            {% if site.google_analytics %}
+                consentGrantedAdStorage();
+            {% endif %}
+            Cookies.set('showCookieBanner', 'false', { expires: 7, path: '/' });
+            Cookies.set('cookiesAccepted', 'true', {expires: 7, path: '/'});
+            toggleCookieBanner();
+        }
+
+        function rejectCookies() {
+            Cookies.set('showCookieBanner', 'false', { expires: 7, path: '/' });
+            toggleCookieBanner();
+        }
+
+        function toggleCookieBanner() {
+            var showBanner = Cookies.get('showCookieBanner');
+            var banner = document.getElementById('cookieBanner');
+
+            if (showBanner === 'false') {
+                banner.setAttribute('style', 'display: none;');
+            } else {
+                banner.setAttribute('style', 'display: block;');
+            }
+        }
+
+        toggleCookieBanner();
+    </script>
+</div>

data/_includes/disqus.html

@@ -1,17 +1,20 @@
-{% if page.comments != false and jekyll.environment == "production" %}
-
-  <div id="disqus_thread"></div>
-  <script>
-    var disqus_config = function () {
-      this.page.url = '{{ page.url | absolute_url }}';
-      this.page.identifier = '{{ page.url | absolute_url }}';
-    };
-    (function() {
-      var d = document, s = d.createElement('script');
-      s.src = 'https://{{ site.disqus.shortname }}.disqus.com/embed.js';
-      s.setAttribute('data-timestamp', +new Date());
-      (d.head || d.body).appendChild(s);
-    })();
-  </script>
-  <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
-{% endif %}
+{% if page.comments != false and jekyll.environment == 'production' %}
+    <div id="disqus_thread"></div>
+    <script>
+        var disqus_config = function () {
+            this.page.url = '{{ page.url | absolute_url }}';
+            this.page.identifier = '{{ page.url | absolute_url }}';
+        };
+        (function () {
+            var d = document,
+                s = d.createElement('script');
+            s.src = 'https://{{ site.disqus.shortname }}.disqus.com/embed.js';
+            s.setAttribute('data-timestamp', +new Date());
+            (d.head || d.body).appendChild(s);
+        })();
+    </script>
+    <noscript
+        >Please enable JavaScript to view the
+        <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript
+    >
+{% endif %}

data/_includes/footer-scripts.html

@@ -1 +1 @@
-<!-- footer scripts -->
+<!-- footer scripts -->

data/_includes/footer.html

@@ -1,16 +1,15 @@
 <footer class="footer">
     <div class="container">
-        
         {% if site.footer_menu %}
-        <div class="columns is-multiline">
-            {% for item in site.data[site.footer_menu] %}
-            <div class="column has-text-centered">
-                <div>
-                    <a href="{{ item.link | relative_url }}" class="link">{{ item.name }}</a>
-                </div>
+            <div class="columns is-multiline">
+                {% for item in site.data[site.footer_menu] %}
+                    <div class="column has-text-centered">
+                        <div>
+                            <a href="{{ item.link | relative_url }}" class="link">{{ item.name }}</a>
+                        </div>
+                    </div>
+                {% endfor %}
             </div>
-            {% endfor %}
-        </div>
         {% endif %}
 
         <div class="content is-small has-text-centered">

data/_includes/gallery.html

@@ -1,25 +1,24 @@
 {% if page.gallery %}
     {% assign galleries=site.data.[page.gallery] %}
     {% for gallery in galleries %}
-    <div class="columns is-multiline">
-        <div class="column is-12">
-            <p class="title is-3 has-text-centered">{{ gallery.title }}</p>
-        </div>
-        {% for image in gallery.images %}
-        <div class="column is-4-desktop is-6-tablet">
-            <div class="card">
-                <div class="card-image">
-                    {% include image-modal.html ratio=image.ratio link=image.link alt=image.alt large_link=image.large_link %}
-                </div>
-                <div class="card-content">
-                    <div class="content">
-                        {{ image.description | markdownify }}
+        <div class="columns is-multiline">
+            <div class="column is-12">
+                <p class="title is-3 has-text-centered">{{ gallery.title }}</p>
+            </div>
+            {% for image in gallery.images %}
+                <div class="column is-4-desktop is-6-tablet">
+                    <div class="card">
+                        <div class="card-image">
+                            {% include image-modal.html ratio=image.ratio link=image.link alt=image.alt large_link=image.large_link %}
+                        </div>
+                        <div class="card-content">
+                            <div class="content">
+                                {{ image.description | markdownify }}
+                            </div>
+                        </div>
                     </div>
-
                 </div>
-            </div>
+            {% endfor %}
         </div>
-        {% endfor %}
-    </div>
     {% endfor %}
-{% endif %}
+{% endif %}

data/_includes/google-analytics.html

@@ -1,8 +1,38 @@
+<script>
+    // Define dataLayer and the gtag function.
+    window.dataLayer = window.dataLayer || [];
+    function gtag() {
+        dataLayer.push(arguments);
+    }
+
+    // Set default consent to 'denied' as a placeholder
+    // Determine actual values based on your own requirements
+    gtag('consent', 'default', {
+        ad_storage: 'denied',
+        ad_user_data: 'denied',
+        ad_personalization: 'denied',
+        analytics_storage: 'denied',
+    });
+</script>
+<!-- Google tag (gtag.js) -->
 <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
 <script>
-  window['ga-disable-{{ site.google_analytics }}'] = window.doNotTrack === "1" || navigator.doNotTrack === "1" || navigator.doNotTrack === "yes" || navigator.msDoNotTrack === "1";
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
-  gtag('config', '{{ site.google_analytics }}');
-</script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag() {
+        dataLayer.push(arguments);
+    }
+
+    gtag('js', new Date());
+    gtag('config', '{{ site.google_analytics }}');
+</script>
+
+<script>
+    function consentGrantedAdStorage() {
+        gtag('consent', 'update', {
+            ad_storage: 'granted',
+            ad_user_data: 'granted',
+            ad_personalization: 'granted',
+            analytics_storage: 'granted',
+        });
+    }
+</script>

data/_includes/head-scripts.html

@@ -1 +1 @@
-<!-- head scripts -->
+<!-- head scripts -->

data/_includes/head.html

@@ -1,11 +1,17 @@
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="theme-color" content={{ site.theme_color | default: '#ffffff' }}>
+    <meta name="theme-color" content="{{ site.theme_color | default: '#ffffff' }}">
     <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/app.css">
-    <link rel="shortcut icon" type="image/png"
-          {% if site.favicon %} href="{{ site.favicon | relative_url }}" {% else %} href="{{ site.baseurl }}/favicon.png" {% endif %}
-    />
+    <link
+        rel="shortcut icon"
+        type="image/png"
+        {% if site.favicon %}
+            href="{{ site.favicon | relative_url }}"
+        {% else %}
+            href="{{ site.baseurl }}/favicon.png"
+        {% endif %}
+    >
     <script defer src="https://unpkg.com/alpinejs@3.9.0/dist/cdn.min.js"></script>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/css/all.min.css">
     {% unless site.hide_share_buttons %}
@@ -13,10 +19,10 @@
     {% endunless %}
     {% seo %}
     {% if site.feed %}
-    {% feed_meta %}
+        {% feed_meta %}
     {% endif %}
     {%- if site.google_analytics -%}
-      {%- include google-analytics.html -%}
+        {%- include google-analytics.html -%}
     {%- endif -%}
     {%- include head-scripts.html -%}
 </head>

data/_includes/header.html

@@ -1,10 +1,21 @@
-<nav class="navbar is-primary {% if site.fixed_navbar %} is-fixed-{{ site.fixed_navbar }} {% endif %}" x-data="{ openNav: false }">
+<nav
+    class="navbar is-primary {% if site.fixed_navbar %} is-fixed-{{ site.fixed_navbar }} {% endif %}"
+    x-data="{ openNav: false }"
+>
     <div class="container">
         <div class="navbar-brand">
             <a href="{{ site.baseurl }}/" class="navbar-item">
                 {{ site.title }}
             </a>
-            <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navMenu" :class="{ 'is-active': openNav }" x-on:click="openNav = !openNav">
+            <a
+                role="button"
+                class="navbar-burger burger"
+                aria-label="menu"
+                aria-expanded="false"
+                data-target="navMenu"
+                :class="{ 'is-active': openNav }"
+                x-on:click="openNav = !openNav"
+            >
                 <span aria-hidden="true"></span>
                 <span aria-hidden="true"></span>
                 <span aria-hidden="true"></span>
@@ -14,32 +25,46 @@
             <div class="navbar-start">
                 <a href="{{ site.baseurl }}/" class="navbar-item {% if page.url == "/" %}is-active{% endif %}">Home</a>
                 {% if site.data.navigation %}
-                {% for item in site.data.navigation %}
-                    {% if item.dropdown %}
-                    <div class="navbar-item has-dropdown is-hoverable {% if site.fixed_navbar == 'bottom' %} has-dropdown-up {% endif %}">
-                        <a href="{{ item.link | relative_url }}" class="navbar-link {% if page.url contains item.link %}is-active{% endif %}">{{ item.name }}</a>
-                        <div class="navbar-dropdown">
-                            {% for subitem in item.dropdown %}
-                            <a href="{{ subitem.link | relative_url }}" class="navbar-item {% if subitem.link == page.url %}is-active{% endif %}">{{ subitem.name }}</a>
-                            {% endfor %}
-                        </div>
-                    </div>
-                    {% else %}
-                    <a href="{{ item.link | relative_url }}" class="navbar-item {% if item.link == page.url %}is-active{% endif %}">{{ item.name }}</a>
-                    {% endif %}
-                {% endfor %}
+                    {% for item in site.data.navigation %}
+                        {% if item.dropdown %}
+                            <div class="navbar-item has-dropdown is-hoverable {% if site.fixed_navbar == 'bottom' %} has-dropdown-up {% endif %}">
+                                <a
+                                    href="{{ item.link | relative_url }}"
+                                    class="navbar-link {% if page.url contains item.link %}is-active{% endif %}"
+                                >
+                                    {{- item.name -}}
+                                </a>
+                                <div class="navbar-dropdown">
+                                    {% for subitem in item.dropdown %}
+                                        <a
+                                            href="{{ subitem.link | relative_url }}"
+                                            class="navbar-item {% if subitem.link == page.url %}is-active{% endif %}"
+                                        >
+                                            {{- subitem.name -}}
+                                        </a>
+                                    {% endfor %}
+                                </div>
+                            </div>
+                        {% else %}
+                            <a
+                                href="{{ item.link | relative_url }}"
+                                class="navbar-item {% if item.link == page.url %}is-active{% endif %}"
+                            >
+                                {{- item.name -}}
+                            </a>
+                        {% endif %}
+                    {% endfor %}
                 {% endif %}
             </div>
 
             <div class="navbar-end">
                 {% if site.gh_sponsor %}
-                <a class="navbar-item" href="https://github.com/sponsors/{{ site.gh_sponsor }}">
-                    <span class="icon gh-sponsor"><i class="fas fa-heart"></i></span>
-                    <span>Sponsor</span>
-                </a>
+                    <a class="navbar-item" href="https://github.com/sponsors/{{ site.gh_sponsor }}">
+                        <span class="icon gh-sponsor"><i class="fas fa-heart"></i></span>
+                        <span>Sponsor</span>
+                    </a>
                 {% endif %}
             </div>
-
         </div>
     </div>
 </nav>

data/_includes/hero.html

@@ -1,11 +1,20 @@
-<section class="hero {% if page.hero_height %} {{ page.hero_height }} {% else %} is-medium {% endif %} is-bold is-primary" {% if page.hero_image %} style="background: url('{{ page.hero_image }}') no-repeat center center; background-size: cover;" {% endif %}>
+<section
+    class="hero {% if page.hero_height %} {{ page.hero_height }} {% else %} is-medium {% endif %} is-bold is-primary"
+    {% if page.hero_image %}
+        style="background: url('{{ page.hero_image }}') no-repeat center center; background-size: cover;"
+    {% endif %}
+>
     <div class="hero-body {% if page.hero_darken %} hero-darken {% endif %}">
         <div class="container">
             <h1 class="title is-2">{{ page.title }}</h1>
             <p class="subtitle is-3">{{ page.subtitle }}</p>
             {% if page.hero_link %}
-                <a href="{{ page.hero_link | relative_url }}" class="button is-info is-large">{{ page.hero_link_text }}</a>
+                <div class="my-4">
+                    <a href="{{ page.hero_link | relative_url }}" class="button is-info is-large">
+                        {{- page.hero_link_text -}}
+                    </a>
+                </div>
             {% endif %}
         </div>
     </div>
-</section>
+</section>

data/_includes/latest-posts.html

@@ -1,12 +1,9 @@
 <p class="title is-4">Latest Posts</p>
 
 <div class="columns is-multiline">
-    {% for post in site.posts limit:3 %}
-    <div class="column is-12">
-        {% include post-card.html %}
-    </div>
+    {% for post in site.posts limit: 3 %}
+        <div class="column is-12">
+            {% include post-card.html %}
+        </div>
     {% endfor %}
 </div>
-
-
-

data/_includes/menubar.html

@@ -1,21 +1,30 @@
 {% assign menus = site.data.[page.menubar] %}
 
 <aside class="menu">
-{% for menu in menus %}
-    <p class="menu-label">{{ menu.label }}</p>
-    <ul class="menu-list">
-        {% for item in menu.items %}
-        <li>
-            <a href="{{ item.link | relative_url }}" class="{% if item.link == page.url %}is-active{% endif %}">{{ item.name }}</a>
-            {% if item.items %}
-            <ul>
-                {% for subitem in item.items %}
-                <li><a href="{{ subitem.link | relative_url }}" class="{% if subitem.link == page.url %}is-active{% endif %}">{{ subitem.name }}</a></li>
-                {% endfor %}
-            </ul>
-            {% endif %}
-        </li>
-        {% endfor %}    
-    </ul>
-{% endfor %}
-</aside>
+    {% for menu in menus %}
+        <p class="menu-label">{{ menu.label }}</p>
+        <ul class="menu-list">
+            {% for item in menu.items %}
+                <li>
+                    <a href="{{ item.link | relative_url }}" class="{% if item.link == page.url %}is-active{% endif %}">
+                        {{- item.name -}}
+                    </a>
+                    {% if item.items %}
+                        <ul>
+                            {% for subitem in item.items %}
+                                <li>
+                                    <a
+                                        href="{{ subitem.link | relative_url }}"
+                                        class="{% if subitem.link == page.url %}is-active{% endif %}"
+                                    >
+                                        {{- subitem.name -}}
+                                    </a>
+                                </li>
+                            {% endfor %}
+                        </ul>
+                    {% endif %}
+                </li>
+            {% endfor %}
+        </ul>
+    {% endfor %}
+</aside>

data/_includes/notification.html

@@ -6,7 +6,9 @@
         <article class="media">
             {% if include.icon != 'false' %}
                 <div class="media-left">
-                    <span class="icon"><i class="{{ include.icon | default: 'fas fa-exclamation-circle' }} fa-lg"></i></span>
+                    <span class="icon">
+                        <i class="{{ include.icon | default: 'fas fa-exclamation-circle' }} fa-lg"></i>
+                    </span>
                 </div>
             {% endif %}
             <div class="media-content">
@@ -14,4 +16,4 @@
             </div>
         </article>
     </div>
-</div>
+</div>

data/_includes/pagination.html

@@ -1,23 +1,39 @@
 <nav class="pagination is-centered">
     {% if paginator.previous_page %}
-    <a href="{{ site.baseurl }}{{ paginator.previous_page_path }}" class="pagination-previous is-info">Previous</a>
+        <a href="{{ site.baseurl }}{{ paginator.previous_page_path }}" class="pagination-previous is-info">Previous</a>
     {% else %}
-    <p class="pagination-previous" disabled>Previous</p>
+        <p class="pagination-previous" disabled>Previous</p>
     {% endif %}
     {% if paginator.next_page %}
-    <a href="{{ site.baseurl }}{{ paginator.next_page_path }}" class="pagination-next is-info">Next</a>
+        <a href="{{ site.baseurl }}{{ paginator.next_page_path }}" class="pagination-next is-info">Next</a>
     {% else %}
-    <p class="pagination-next" disabled >Next</p>
+        <p class="pagination-next" disabled>Next</p>
     {% endif %}
     <ul class="pagination-list">
         {% for page in (1..paginator.total_pages) %}
-        {% if page == paginator.page %}
-        <li><a class="pagination-link is-current">{{ page }}</a></li>
-        {% elsif page == 1 %}
-        <li><a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | split: '/' | pop | join: '/' }}" class="pagination-link">{{ page }}</a></li>
-        {% else %}
-        <li><a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}" class="pagination-link">{{ page }}</a></li>
-        {% endif %}
+            {% if page == paginator.page %}
+                <li>
+                    <a class="pagination-link is-current">{{ page }}</a>
+                </li>
+            {% elsif page == 1 %}
+                <li>
+                    <a
+                        href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | split: '/' | pop | join: '/' }}"
+                        class="pagination-link"
+                    >
+                        {{- page -}}
+                    </a>
+                </li>
+            {% else %}
+                <li>
+                    <a
+                        href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}"
+                        class="pagination-link"
+                    >
+                        {{- page -}}
+                    </a>
+                </li>
+            {% endif %}
         {% endfor %}
     </ul>
 </nav>

data/_includes/post-card.html

@@ -1,17 +1,17 @@
 <div class="card">
     {% if post.image %}
-    <div class="card-image">
-        <img src="{{ post.image }}" alt="{{ post.title }}">
-    </div>
+        <div class="card-image">
+            <img src="{{ post.image }}" alt="{{ post.title }}">
+        </div>
     {% else %}
-    <header class="card-header">
-        <a class="card-header-title" href="{{ site.baseurl }}{{ post.url }}">{{ post.title}}</a>
-    </header>
+        <header class="card-header">
+            <a class="card-header-title" href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
+        </header>
     {% endif %}
     <div class="card-content">
         <div class="content">
             {% if post.image %}
-            <a class="title is-4" href="{{ site.baseurl }}{{ post.url }}">{{ post.title}}</a>
+                <a class="title is-4" href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
             {% endif %}
             {% if post.summary %}
                 {{ post.summary | markdownify }}
@@ -24,6 +24,6 @@
         </div>
     </div>
     <footer class="card-footer">
-        <p class="card-footer-item">Published: {{ post.date | date: "%b %-d, %Y" }}</p>
+        <p class="card-footer-item">Published: {{ post.date | date: '%b %-d, %Y' }}</p>
     </footer>
-</div>
+</div>