diff --git a/templates/card.html b/templates/card.html
index 673493b..9e1c593 100644
--- a/templates/card.html
+++ b/templates/card.html
@@ -1,7 +1,7 @@
 <div class="col">
   <div class="card shadow-sm">
     <div class="card-header">
-      <span class="flex">{{ gallary.title }}</span>
+      <span class="flex">{{ gallery.title }}</span>
       <a
         href="#"
         class="btn btn-link float-end"
@@ -15,19 +15,19 @@
 
     <img
       class="card-image-top"
-      width="{{ gallary.width | default('100%') }}"
-      height="{{ gallary.height | default('225') }}"
-      src="{{ gallary.src }}"
-      alt="{{ gallary.alt_text if gallary.alt_text else gallary.title }}"
+      width="{{ gallery.width | default('100%') }}"
+      height="{{ gallery.height | default('225') }}"
+      src="{{ gallery.src }}"
+      alt="{{ gallery.alt_text if gallery.alt_text else gallery.title }}"
     />
 
     <div class="card-body">
-      <p class="card-text">{{ gallary.description | default('') }}</p>
+      <p class="card-text">{{ gallery.description | default('') }}</p>
     </div>
 
     <div class="card-footer text-body-secondary text-end">
-      {% if gallary.reactions %}
-        {% for reaction in gallary.reactions %}
+      {% if gallery.reactions %}
+        {% for reaction in gallery.reactions %}
         {# TODO: limit total number of reactions shown #}
       <span class="badge rounded-pill">
         <i class="bi-{{ reaction }}" style="color: black;"></i>
diff --git a/templates/gallery.html b/templates/gallery.html
index 5e0a883..f4b96dc 100644
--- a/templates/gallery.html
+++ b/templates/gallery.html
@@ -2,7 +2,7 @@
   <div class="container">
     <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
 
-      {% for gallary in gallery_items %}
+      {% for gallery in gallery_items %}
         {% include 'card.html' %}
         {# include 'card_loading.html' #}
       {% endfor %}
diff --git a/templates/header.html b/templates/header.html
index 492c7a6..c410704 100644
--- a/templates/header.html
+++ b/templates/header.html
@@ -1,4 +1,4 @@
-<!--
+<!--{#
   #~ Var | Required | Default ~#
   language | no | en
   css_theme_name | no | auto
@@ -40,7 +40,7 @@
       - type | no | none
       - color | no | none
     ... (etc)
--->
+#}-->
 
 <!doctype html>
 <html
diff --git a/templates/navbar.html b/templates/navbar.html
index bae9833..807f015 100644
--- a/templates/navbar.html
+++ b/templates/navbar.html
@@ -1,4 +1,4 @@
-<!--
+<!--{#
   #~ Var | Required | Default ~#
   theme | no | dark
   text_theme | no | white
@@ -12,7 +12,7 @@
       - text | yes | none
       - icon | no | none
     ... (etc)
--->
+#}-->
 <header data-bs-theme="{{ theme | default('dark') }}">
   <div class="collapse text-bg-{{ theme | default('dark') }}" id="navbarHeader">
     <div class="container">
