update tags page style

config.toml

@@ -6,12 +6,12 @@ title = "ThreeFold"
 description = "Our global digital backbone"
 
 # When set to "true", a feed is automatically generated.
-generate_feed = true
+#generate_feed = true
 
 # The filename to use for the feed. Used as the template filename, too.
 # Defaults to "atom.xml", which has a built-in template that renders an Atom 1.0 feed.
 # There is also a built-in template "rss.xml" that renders an RSS 2.0 feed.
-feed_filename = "atom.xml"
+#feed_filename = "atom.xml"
 
 # The number of articles to include in the feed. All items are included if
 # this limit is not set (the default).
@@ -51,8 +51,8 @@ external_links_no_referrer = true
 # For example, `...` into `…`, `"quote"` into `“curly”` etc
 smart_punctuation = true
 
-[build]
-not_found = "404.md"
+#[build]
+#not_found = "404.md"
 
 [[taxonomies]]
 name = "categories"

content/_index.md

@@ -1,8 +1,8 @@
 ---
 title: "ThreeFold"
 description: "TF offers a secure, sovereign infrastructure layer for the Internet, delivering unparalleled scalability, incorruptible and permanent data storage, AI and Web2/Web3/Edge compatibility, and 100% uptime for a resilient digital future." # quotation marks to allow colons where used
-date: 2018-09-14T21:00:00-05:00
-updated: 2021-02-20T14:40:00-06:00
+#date: 2018-09-14T21:00:00-05:00
+#updated: 2021-02-20T14:40:00-06:00
 draft: false
 extra:
   author: ThreeFold

content/blog/_index.md

@@ -12,7 +12,7 @@ insert_anchor_links: "left"
 template: "layouts/blog.html"
 page_template: "blogPage.html"
 #transparent: true
-generate_feed: true
+#generate_feed: true
 extra:
   imgPath: tf.png
 ---

content/newsroom/_index.md

@@ -12,7 +12,7 @@ insert_anchor_links: "left"
 template: "layouts/newsroom.html"
 page_template: "newsPage.html"
 #transparent: true
-generate_feed: true
+#generate_feed: true
 extra:
   imgPath: newsroom.png
 ---

templates/partials/tagCard.html

@@ -1,4 +1,4 @@
-<div class="flex flex-col rounded-lg shadow-lg overflow-hidden">
+<div class="flex flex-col rounded-lg shadow-lg overflow-hidden border border-gray-600">
   <div class="flex-1">
     <a href={{ post.permalink }} class="block">
       <div class="flex-shrink-0">
@@ -6,13 +6,13 @@
         <img class="h-48 w-full mx-auto object-cover" src={{ post.permalink }}{{post.extra.imgPath}} alt="" />
         {%endif %}
     </div>
-      <div class="flex-1 bg-white p-6 flex flex-col justify-between">
+      <div class="flex-1 p-6 flex flex-col justify-between">
 
-        <h3 class="mt-2 text-xl leading-7 font-medium text-gray-900 text-left not-italic">
+        <h3 class="mt-2 text-xl leading-7 font-medium text-gray-100 text-left not-italic">
           {{ post.title }}
         </h3>
         {% if post.description %}
-        <p class="mt-3 text-sm font-normal leading-6 text-gray-500 text-left">
+        <p class="mt-3 text-sm font-normal leading-6 text-gray-300 text-left">
           {{ post.description }}
         </p>
         {% endif %}

templates/partials/tagsCards.html

@@ -18,7 +18,7 @@
             {% include "partials/tagCard.html" %} 
         {%endif%} {%- endfor %}
     </div>
-    <hr class="mt-6" />
+    <hr class="my-10 border-gray-700" />
     <p class="text-center text-sm mt-2 mb-16">
       {% if paginator.previous %}
       <a

templates/partials/tagsSidebar.html

@@ -1,12 +1,12 @@
 <div class="mx-8 md:mx-4 flex flex-col">
     <div class="flex flex-col mb-12 mr-8 lg:mr-24">
-        <h4 class="text-base not-italic font-medium leading-6 text-gray-600 mb-6"> FILTER BY</h4>
+        <h4 class="text-base not-italic font-medium leading-6 text-white mb-6"> FILTER BY</h4>
         {% set taxonomy = get_taxonomy(kind="tags") %}
         {% set tags = taxonomy.items %}
         {% for tag in tags %}
         {% set path = tag.name | slugify %}
         {% set fullpath = "/tags/" ~ path %}
-        <a id="{{path}}" class="mb-3 text-black font-normal" href={{fullpath}}> #{{tag.name}} </a>
+        <a id="{{path}}" class="mb-3 text-gray-300 font-normal" href={{fullpath}}> #{{tag.name}} </a>
         {% endfor %}
     </div>
 </div>
@@ -16,7 +16,7 @@
         let activeCategory = window.location.pathname.split("/")[2]
         if (typeof activeCategory === "undefined") { activeLink = document.getElementById("all") }
         else { activeLink = document.getElementById(activeCategory) }
-        activeLink.className = activeLink.className.replace("text-black font-normal", "text-black font-semibold");
+        activeLink.className = activeLink.className.replace("text-gray-300 font-normal", "text-gray-300 font-semibold");
     }
 
     setActiveCategory()

templates/tags/single.html

@@ -4,7 +4,7 @@
 
 <main class="pt-16">
 
-    <div class="flex flex-col md:flex-row">
+    <div class="flex flex-col md:flex-row container mx-auto my-6">
         {% include "partials/tagsCards.html" %}
         {% include "partials/tagsSidebar.html" %}
     </div>