Fixed tags page (#17)

Bullrich · web-flow · commit 4daa0b1cd0e2 · 2024-05-12T16:12:03.000Z
Resolves #11 Fixed the tag page not rendering properly. It was a problem with the pagination value. Also fixed the title of the page not changing using the title property.
diff --git a/src/_includes/layouts/base.html b/src/_includes/layouts/base.html
@@ -10,7 +10,11 @@
     <link href="https://unpkg.com/prismjs@1.20.0/themes/prism-okaidia.css" rel="stylesheet">
     <script async defer data-website-id="3b2361f7-42d6-4950-ade3-6b0b6200426a"
         src="https://umami.bullrich.dev/script.js" data-domains="codingbull.dev"></script>
+    {% if title %}
+    <title>{{ title }} - Coding Bull</title>
+    {% else %}
     <title>Coding Bull</title>
+    {% endif %}
     {% if image %}
     <meta property="og:image" content="{{ image }}">
     <meta name="twitter:image" content="{{ image }}">
@@ -29,7 +33,7 @@
 </head>
 
 <body>
-    <main tabindex="-1" id="main-content">{% block content %}{% endblock %}</main>
+    <main tabindex="-1" id="main-content" class="mb-4 lg:mb-12">{% block content %}{% endblock %}</main>
     {% include "partials/footer.html" %}
     {% mermaid_js %}
 </body>
diff --git a/src/_includes/tags.html b/src/_includes/tags.html
@@ -8,12 +8,17 @@ <h3 class="text-4xl lg:text-6xl blog-title">{{ title }}</h3>
         {{ content | safe }}
     </div>
     <div>
-        <h3 class="text-4xl font-bold text-transparent bg-clip-text bg-gradient-to-tr from-accent to-base-content">Tag list</h3>
+        <h3 class="text-4xl font-bold text-transparent bg-clip-text bg-gradient-to-tr from-accent to-base-content">
+            List of all available tags
+        </h3>
     </div>
-    <ul class="list-none space-y-3 mt-6 text-3xl">
+
+    <ul class="list-none space-y-8 mt-6 text-3xl">
         {% for tag in pagination.items %}
         <li>
-            <a class="tag bg-base-300 hover:bg-primary rounded-xl py-1 px-3" href="{{ '/tags/' | url }}{{ tag }}">#{{ tag }}</a>
+            <a class="tag bg-base-300 hover:bg-primary rounded-xl py-1 px-3 my-2" href="{{ '/tags/' | url }}{{ tag }}">
+                #{{ tag }}
+            </a>
         </li>
         {% endfor %}
     </ul>
diff --git a/src/tags-feed.md b/src/tags-feed.md
@@ -1,11 +1,15 @@
 ---
 layout: "feed.html"
+eleventyImport:
+  collections: ["tags"]
 pagination:
   data: collections
-  size: 100
+  size: 1
   alias: tag
 permalink: /tags/{{ tag }}/
-description: Find all the posts with the tag.
+eleventyComputed:
+  title: Tagged with "{{ tag }}"
+  description: Find all the posts with the tag "{{ tag }}"
 ---
 
 # Posts using <span class="tag bg-base-300 hover:bg-primary rounded-xl py-1 px-3">#{{ tag }}</span>
diff --git a/src/tags.md b/src/tags.md
@@ -6,5 +6,5 @@ pagination:
   data: collections.tagList
   size: 100
   alias: tag
+permalink: /tags/
 ---
-Find all the tags and search for posts based on that
