64 lines
2.1 KiB
HTML
64 lines
2.1 KiB
HTML
{%- import "components/social_card.html" as sc -%}
|
|
{% extends "base.html" %}
|
|
|
|
{% block og_meta %}
|
|
<meta property="og:title" content="{{og_title}} @michalvankodev" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://michalvanko.dev{{current_url}}" />
|
|
<meta property="og:image" content="https://michalvanko.dev/images/m-logo.svg" />
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
|
|
<section id="blog-container" class="lg:grid lg:grid-cols-[2fr_1fr] lg:grid-rows-[min-content_1fr] xl:gap-x-32 max-w-maxindex mx-auto">
|
|
<section id="blog-list" class="lg:row-span-2">
|
|
{% if posts.len() == 0 %}
|
|
<p class="no-posts">You've found void in the space.</p>
|
|
{% else %}
|
|
<h1 class="m-5 text-4xl text-blue-950 font-extrabold md:text-6xl">
|
|
{{title}}
|
|
</h1>
|
|
|
|
<section id="blog-tags">
|
|
<ul class="mx-5">
|
|
{% for tag in tags %}
|
|
<li class="inline-block mx-0.5 p-0.5 md:text-xl">
|
|
<a href="/{{segment}}/tags/{{tag}}" class="text-pink-950">#{{tag|capitalize}}</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</section>
|
|
|
|
<hr class="border-slate-300 m-5 md:my-8">
|
|
|
|
<ul class="mx-5">
|
|
{% for post in posts %}
|
|
<li>
|
|
{% include "components/blog_post_preview.html" %}
|
|
<hr class="border-slate-300 my-5 md:my-8">
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
</section> <!-- /#blog-list -->
|
|
<section id="socials" class="hidden lg:block">
|
|
{% include "sections/social.html" %}
|
|
</section> <!-- /#socials -->
|
|
|
|
<section id="showcase" class="hidden lg:block">
|
|
<h2 class="text-blue-950 font-bold text-2xl m-5 md:text-4xl"><a href="/showcase" class="text-blue-950 no-underline">Showcase</a></h2>
|
|
|
|
<ul class="mx-6">
|
|
{% for project in featured_projects %}
|
|
<li class="my-4">
|
|
{% include "components/project_preview_card.html" %}
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
<section class="text-center my-3 md:text-lg">
|
|
<a href="/showcase">check out more projects</a>
|
|
</section>
|
|
</section> <!-- /#showcase -->
|
|
</section> <!-- /#blog-container -->
|
|
{% endblock %}
|