added categories taxonomy for blog
This commit is contained in:
		@@ -1,40 +1,65 @@
 | 
			
		||||
<script>
 | 
			
		||||
  var category = window.location.pathname.split("/")[1];
 | 
			
		||||
  console.log("logging", category);
 | 
			
		||||
</script>
 | 
			
		||||
 | 
			
		||||
<div class="font-sans text-center px-0 w-full md:w-2/3 lg:w-2/3 mx-auto">
 | 
			
		||||
    <h1 class="tracking-tight pt-12 lg:pt-24 2xl:pt-32 text-5xl text-left
 | 
			
		||||
    text-5xl fw-500 leading-snug font-normal mb-10">The Latest from ThreeFold
 | 
			
		||||
    </h1>
 | 
			
		||||
    <div>
 | 
			
		||||
      
 | 
			
		||||
      <div class="mt-12 grid gap-5 max-w-lg mx-auto lg:grid-cols-3 lg:max-w-none">
 | 
			
		||||
          {%- for post in paginator.pages %}
 | 
			
		||||
            {% include "partials/postCard.html" %}
 | 
			
		||||
 | 
			
		||||
      {%- endfor %}
 | 
			
		||||
      </div>
 | 
			
		||||
      <hr class="mt-6" />
 | 
			
		||||
      <p class="text-center text-sm mt-2 mb-16">
 | 
			
		||||
        {% if paginator.previous %}
 | 
			
		||||
          <a class="border-transparent" aria-label="First page" href="{{ paginator.first }}">{% include "partials/svgPrevPageIcon.html" %}{% include "partials/svgPrevPageIcon.html" %}</a>
 | 
			
		||||
                   
 | 
			
		||||
          <a class="border-transparent" aria-label="Previous page" href="{{ paginator.previous }}">{% include "partials/svgPrevPageIcon.html" %}</a>
 | 
			
		||||
                   
 | 
			
		||||
                   
 | 
			
		||||
        {% else %}
 | 
			
		||||
          {% include "partials/svgFirstPageIcon.html" %}{% include "partials/svgFirstPageIcon.html" %}
 | 
			
		||||
                   
 | 
			
		||||
          {% include "partials/svgFirstPageIcon.html" %}
 | 
			
		||||
                   
 | 
			
		||||
                   
 | 
			
		||||
        {% endif %}
 | 
			
		||||
        {% if paginator.next %}
 | 
			
		||||
          <a class="border-transparent" aria-label="Next page" href="{{ paginator.next }}">{% include "partials/svgNextPageIcon.html" %}</a>
 | 
			
		||||
                   
 | 
			
		||||
          <a class="border-transparent" aria-label="Last page" href="{{ paginator.last }}">{% include "partials/svgNextPageIcon.html" %}{% include "partials/svgNextPageIcon.html" %}</a>
 | 
			
		||||
        {% else %}
 | 
			
		||||
          {% include "partials/svgLastPageIcon.html" %}
 | 
			
		||||
                   
 | 
			
		||||
          {% include "partials/svgLastPageIcon.html" %}{% include "partials/svgLastPageIcon.html" %}
 | 
			
		||||
        {% endif %}
 | 
			
		||||
        </p>
 | 
			
		||||
      </div>
 | 
			
		||||
    </div>  
 | 
			
		||||
  <h1
 | 
			
		||||
    class="tracking-tight pt-12 lg:pt-24 2xl:pt-32 text-5xl text-left text-5xl fw-500 leading-snug font-normal mb-10"
 | 
			
		||||
  >
 | 
			
		||||
    The Latest from ThreeFold
 | 
			
		||||
  </h1>
 | 
			
		||||
  <div>
 | 
			
		||||
    <div class="mt-12 grid gap-5 max-w-lg mx-auto lg:grid-cols-3 lg:max-w-none">
 | 
			
		||||
      {%- for post in paginator.pages %} 
 | 
			
		||||
        {% if "Engineering" == "Engineering"%}
 | 
			
		||||
            {% include "partials/postCard.html" %} 
 | 
			
		||||
        {%endif%} {%- endfor %}
 | 
			
		||||
    </div>
 | 
			
		||||
    <hr class="mt-6" />
 | 
			
		||||
    <p class="text-center text-sm mt-2 mb-16">
 | 
			
		||||
      {% if paginator.previous %}
 | 
			
		||||
      <a
 | 
			
		||||
        class="border-transparent"
 | 
			
		||||
        aria-label="First page"
 | 
			
		||||
        href="{{ paginator.first }}"
 | 
			
		||||
        >{% include "partials/svgPrevPageIcon.html" %}{% include
 | 
			
		||||
        "partials/svgPrevPageIcon.html" %}</a
 | 
			
		||||
      >
 | 
			
		||||
               
 | 
			
		||||
      <a
 | 
			
		||||
        class="border-transparent"
 | 
			
		||||
        aria-label="Previous page"
 | 
			
		||||
        href="{{ paginator.previous }}"
 | 
			
		||||
        >{% include "partials/svgPrevPageIcon.html" %}</a
 | 
			
		||||
      >
 | 
			
		||||
               
 | 
			
		||||
                {% else %} {%
 | 
			
		||||
      include "partials/svgFirstPageIcon.html" %}{% include
 | 
			
		||||
      "partials/svgFirstPageIcon.html" %}
 | 
			
		||||
                {% include
 | 
			
		||||
      "partials/svgFirstPageIcon.html" %}
 | 
			
		||||
               
 | 
			
		||||
                {% endif %} {% if
 | 
			
		||||
      paginator.next %}
 | 
			
		||||
      <a
 | 
			
		||||
        class="border-transparent"
 | 
			
		||||
        aria-label="Next page"
 | 
			
		||||
        href="{{ paginator.next }}"
 | 
			
		||||
        >{% include "partials/svgNextPageIcon.html" %}</a
 | 
			
		||||
      >
 | 
			
		||||
               
 | 
			
		||||
      <a
 | 
			
		||||
        class="border-transparent"
 | 
			
		||||
        aria-label="Last page"
 | 
			
		||||
        href="{{ paginator.last }}"
 | 
			
		||||
        >{% include "partials/svgNextPageIcon.html" %}{% include
 | 
			
		||||
        "partials/svgNextPageIcon.html" %}</a
 | 
			
		||||
      >
 | 
			
		||||
      {% else %} {% include "partials/svgLastPageIcon.html" %}
 | 
			
		||||
                {% include
 | 
			
		||||
      "partials/svgLastPageIcon.html" %}{% include
 | 
			
		||||
      "partials/svgLastPageIcon.html" %} {% endif %}
 | 
			
		||||
    </p>
 | 
			
		||||
  </div>
 | 
			
		||||
</div>
 | 
			
		||||
 
 | 
			
		||||
@@ -15,7 +15,7 @@
 | 
			
		||||
      </div>
 | 
			
		||||
 | 
			
		||||
      <div class="mt-10 -mx-4 relative lg:mt-0 max-w-full">
 | 
			
		||||
        <img class="relative mx-auto max-w-full max-h-80" src={{section.extra.imgPath}} alt="" />
 | 
			
		||||
        <img class="relative mx-auto max-w-full max-h-80" src=/{{section.extra.imgPath}} alt="" />
 | 
			
		||||
      </div>
 | 
			
		||||
    </div>
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
@@ -7,7 +7,7 @@
 | 
			
		||||
          <div class="max-w-screen-xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
 | 
			
		||||
            <div class="xl:grid xl:grid-cols-3 xl:gap-8">
 | 
			
		||||
              <div class="space-y-8 xl:col-span-1">
 | 
			
		||||
                <img class="h-10" src="https://tailwindui.com/img/logos/v1/workflow-mark-gray-300.svg" alt="Company name" />
 | 
			
		||||
                <img class="h-10" src="/https://tailwindui.com/img/logos/v1/workflow-mark-gray-300.svg" alt="Company name" />
 | 
			
		||||
                <p class="text-gray-500 text-base leading-6">
 | 
			
		||||
                  Making the world a better place through constructing elegant hierarchies.
 | 
			
		||||
                </p>
 | 
			
		||||
 
 | 
			
		||||
@@ -31,12 +31,12 @@
 | 
			
		||||
</script>
 | 
			
		||||
 | 
			
		||||
<body>
 | 
			
		||||
        <div class="z-10 bg-semi-white fixed w-screen">
 | 
			
		||||
        <div class="z-10 bg-white fixed w-screen">
 | 
			
		||||
          <div class="relative z-10 shadow">
 | 
			
		||||
            <div class="max-w-7xl mx-auto flex justify-between items-center px-4 py-5 sm:px-6 sm:py-4 lg:px-8 md:justify-start md:space-x-10">
 | 
			
		||||
              <div>
 | 
			
		||||
                <a href="#" class="flex">
 | 
			
		||||
                  <img class="w-20 h-auto sm:w-32" src="images/ourworld_logo.png" alt="Workflow" />
 | 
			
		||||
                <a href="/" class="flex">
 | 
			
		||||
                  <img class="w-20 h-auto sm:w-32" src="/images/ourworld_logo.png" alt="Workflow" />
 | 
			
		||||
                </a>
 | 
			
		||||
              </div>
 | 
			
		||||
              <div class="-mr-2 -my-2 md:hidden">
 | 
			
		||||
@@ -70,23 +70,12 @@
 | 
			
		||||
                  <a href="/blog" class="text-sm leading-6 font-normal text-gray-500 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
 | 
			
		||||
                    Community
 | 
			
		||||
                  </a>
 | 
			
		||||
                  <a href="/blog" class="text-sm leading-6 font-normal text-gray-500 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
 | 
			
		||||
                    Blog
 | 
			
		||||
                  </a>
 | 
			
		||||
                  <a href="/blog" class="text-sm leading-6 font-normal text-gray-500 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
 | 
			
		||||
                    Career
 | 
			
		||||
                  </a>
 | 
			
		||||
                  <div class="relative">
 | 
			
		||||
                    <!-- Item active: "text-gray-900", Item inactive: "text-gray-500" -->
 | 
			
		||||
                    <button type="button" class="text-gray-500 group inline-flex items-center space-x-2 text-sm leading-6 font-normal hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
 | 
			
		||||
                      <span>Menu</span>
 | 
			
		||||
                      <!--
 | 
			
		||||
                        Heroicon name: chevron-down
 | 
			
		||||
        
 | 
			
		||||
                        Item active: "text-gray-600", Item inactive: "text-gray-400"
 | 
			
		||||
                      -->
 | 
			
		||||
                    </button>
 | 
			
		||||
                  </div>
 | 
			
		||||
                  <a href="/blog" class="text-sm leading-6 font-normal text-gray-500 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150 mt-0">
 | 
			
		||||
                    Blog
 | 
			
		||||
                  </a>
 | 
			
		||||
                </nav>
 | 
			
		||||
                <div class="flex items-center space-x-8">
 | 
			
		||||
                  <a href="#" class="text-sm leading-6 font-normal text-gray-500 hover:text-gray-900 focus:outline-none focus:text-gray-900 transition ease-in-out duration-150">
 | 
			
		||||
@@ -117,7 +106,7 @@
 | 
			
		||||
          <div id="learn" class="opacity-0 -translate-y-1 absolute inset-x-0 transform shadow-lg backdrop-blur">
 | 
			
		||||
            <div class="bg-semi-white">
 | 
			
		||||
              <div class="max-w-7xl mx-auto grid gap-y-6 px-4 py-6 sm:grid-cols-2 sm:gap-8 sm:px-6 sm:py-8 lg:grid-cols-4 lg:px-8 lg:py-12 xl:py-16">
 | 
			
		||||
                <a href="#" class="-m-3 p-3 flex flex-col justify-between space-y-6 rounded-lg transition ease-in-out duration-150">
 | 
			
		||||
                <div href="#" class="-m-3 p-3 flex flex-col justify-between space-y-6 rounded-lg transition ease-in-out duration-150">
 | 
			
		||||
                  <div class="space-x-4 flex md:h-full lg:flex-col lg:space-x-0 lg:space-y-4">
 | 
			
		||||
                    <div class="flex-shrink-0">
 | 
			
		||||
                      <span class="inline-flex items-center justify-center h-10 w-10 rounded-md bg-indigo-500 text-white sm:h-12 sm:w-12">
 | 
			
		||||
@@ -128,27 +117,27 @@
 | 
			
		||||
                      </span>
 | 
			
		||||
                    </div>
 | 
			
		||||
                    <div class="space-y-2 md:flex-1 md:flex md:flex-col md:justify-between lg:space-y-4">
 | 
			
		||||
                      <div class="space-y-1">
 | 
			
		||||
                      <a href="" class="space-y-1 border-transparent">
 | 
			
		||||
                        <p class="text-sm leading-6 font-normal text-gray-900">
 | 
			
		||||
                          Analytics
 | 
			
		||||
                        </p>
 | 
			
		||||
                        <p class="text-sm leading-5 text-gray-500">
 | 
			
		||||
                          Get a better understanding of where your traffic is coming from.
 | 
			
		||||
                        </p>
 | 
			
		||||
                      </div>
 | 
			
		||||
                    </a>
 | 
			
		||||
                    </div>
 | 
			
		||||
                    <div class="space-y-2 md:flex-1 md:flex md:flex-col md:justify-between lg:space-y-4">
 | 
			
		||||
                        <div class="space-y-1">
 | 
			
		||||
                        <a href="" class="space-y-1 border-transparent">
 | 
			
		||||
                          <p class="text-sm leading-6 font-normal text-gray-900">
 | 
			
		||||
                            Analytics
 | 
			
		||||
                          </p>
 | 
			
		||||
                          <p class="text-sm leading-5 text-gray-500">
 | 
			
		||||
                            Get a better understanding of where your traffic is coming from.
 | 
			
		||||
                          </p>
 | 
			
		||||
                        </div>
 | 
			
		||||
                        </a>
 | 
			
		||||
                      </div>
 | 
			
		||||
                  </div>
 | 
			
		||||
                </a>
 | 
			
		||||
                </div>
 | 
			
		||||
                <a href="#" class="-m-3 p-3 flex flex-col justify-between space-y-6 rounded-lg transition ease-in-out duration-150">
 | 
			
		||||
                  <div class="space-x-4 flex md:h-full lg:flex-col lg:space-x-0 lg:space-y-4">
 | 
			
		||||
                    <div class="flex-shrink-0">
 | 
			
		||||
@@ -253,12 +242,7 @@
 | 
			
		||||
            <a href="#" class="-m-3 p-3 flex flex-col justify-between space-y-6 rounded-lg transition ease-in-out duration-150">
 | 
			
		||||
              <div class="space-x-4 flex md:h-full lg:flex-col lg:space-x-0 lg:space-y-4">
 | 
			
		||||
                <div class="flex-shrink-0">
 | 
			
		||||
                  <span class="inline-flex items-center justify-center h-10 w-10 rounded-md bg-indigo-500 text-white sm:h-12 sm:w-12">
 | 
			
		||||
                    <!-- Heroicon name: chart-bar -->
 | 
			
		||||
                    <svg class="h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 | 
			
		||||
                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" />
 | 
			
		||||
                    </svg>
 | 
			
		||||
                  </span>
 | 
			
		||||
                  <h3>BASICS</h3>
 | 
			
		||||
                </div>
 | 
			
		||||
                <div class="space-y-2 md:flex-1 md:flex md:flex-col md:justify-between lg:space-y-4">
 | 
			
		||||
                  <div class="space-y-1">
 | 
			
		||||
@@ -373,7 +357,7 @@
 | 
			
		||||
                <div class="pt-5 pb-6 px-5 space-y-6 sm:space-y-8 sm:pb-8">
 | 
			
		||||
                  <div class="flex items-center justify-between">
 | 
			
		||||
                    <div>
 | 
			
		||||
                      <img class="h-8 w-auto" src="https://tailwindui.com/img/logos/v1/workflow-mark-on-white.svg" alt="Workflow" />
 | 
			
		||||
                      <img class="h-8 w-auto" src="/https://tailwindui.com/img/logos/v1/workflow-mark-on-white.svg" alt="Workflow" />
 | 
			
		||||
                    </div>
 | 
			
		||||
                    <div class="-mr-2">
 | 
			
		||||
                      <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out">
 | 
			
		||||
 
 | 
			
		||||
@@ -1,16 +1,11 @@
 | 
			
		||||
<div class="flex flex-col rounded-lg shadow-lg overflow-hidden">
 | 
			
		||||
    <div class="flex-shrink-0">
 | 
			
		||||
      <img class="h-48 w-full object-cover" src={{post.extra.imgPath}} alt="" />
 | 
			
		||||
      <img class="h-48 w-full object-cover" src=/{{post.extra.imgPath}} alt="" />
 | 
			
		||||
    </div>
 | 
			
		||||
    <div class="flex-1 bg-white p-6 flex flex-col justify-between">
 | 
			
		||||
      <div class="flex-1">
 | 
			
		||||
        <p class="text-sm leading-5 font-medium text-indigo-600">
 | 
			
		||||
          <a href="#" class="hover:underline">
 | 
			
		||||
            Blog
 | 
			
		||||
          </a>
 | 
			
		||||
        </p>
 | 
			
		||||
        <a href={{ post.permalink }} class="block">
 | 
			
		||||
          <h3 class="mt-2 text-xl leading-7 font-semibold text-gray-900">
 | 
			
		||||
          <h3 class="mt-2 text-xl leading-7 font-semibold text-gray-900 text-left not-italic">
 | 
			
		||||
            {{ post.title }}
 | 
			
		||||
          </h3>
 | 
			
		||||
          {% if post.description %}
 | 
			
		||||
@@ -23,7 +18,7 @@
 | 
			
		||||
      <div class="mt-6 flex items-center">
 | 
			
		||||
        <div class="flex-shrink-0">
 | 
			
		||||
          <a href="#">
 | 
			
		||||
            <img class="h-10 w-10 rounded-full" src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="" />
 | 
			
		||||
            <img class="h-10 w-10 rounded-full" src="/https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="" />
 | 
			
		||||
          </a>
 | 
			
		||||
        </div>
 | 
			
		||||
        <div class="ml-3">
 | 
			
		||||
 
 | 
			
		||||
@@ -16,7 +16,7 @@
 | 
			
		||||
      </div>
 | 
			
		||||
 | 
			
		||||
      <div class="mt-10 -mx-4 relative lg:mt-0 max-w-full">
 | 
			
		||||
        <img class="relative mx-auto max-w-full max-h-80 mr-0" src={{section.extra.imgPath}} alt="" />
 | 
			
		||||
        <img class="relative mx-auto max-w-full max-h-80 mr-0" src=/{{section.extra.imgPath}} alt="" />
 | 
			
		||||
      </div>
 | 
			
		||||
 | 
			
		||||
    </div>
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user