38 lines
1.1 KiB
HTML
38 lines
1.1 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block og_meta %}
|
|
<meta property="og:title" content="{{title}} @michalvankodev" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://michalvanko.dev/showcase" />
|
|
<meta property="og:image" content="https://michalvanko.dev/images/m-logo.svg" />
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
|
|
<section id="project-list-container" class="max-w-maxindex mx-auto">
|
|
<section id="project-list">
|
|
{% if project_list.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">
|
|
Showcase
|
|
</h1>
|
|
|
|
<ul class="m-6 grid grid-flow-row gap-6 md:grid-cols-2 md:grid-rows-[masonry] md:justify-stretch md:items-stretch xl:grid-cols-3">
|
|
{% for project in project_list %}
|
|
<li>
|
|
{% include "components/project_preview_card.html" %}
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
</section> <!-- /#project-list -->
|
|
|
|
</section> <!-- /#project-list-container -->
|
|
|
|
<section class="text-center my-3 md:text-lg">
|
|
<a href="/portfolio">see complete portfolio</a>
|
|
</section>
|
|
|
|
{% endblock %}
|