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