Projects moved and finished to showcase on index
This commit is contained in:
@ -1,34 +1,45 @@
|
||||
<article>
|
||||
<article class="border rounded-md bg-white m-4 p-4">
|
||||
<header class="px-4 mb-3">
|
||||
<h2 class="text-3xl font-semibold text-blue-900">
|
||||
{{project.metadata.title}}
|
||||
<h2 class="text-xl font-semibold text-blue-900">
|
||||
{% match project.metadata.link %}
|
||||
{% when Some with (href) %}
|
||||
<a href="{{href}}" class="text-blue-900 no-underline">
|
||||
{{project.metadata.title}}
|
||||
</a>
|
||||
{% when None %}
|
||||
{{project.metadata.title}}
|
||||
{% endmatch %}
|
||||
</h2>
|
||||
<p class="px-5 text-gray-800">
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make</p>
|
||||
<p class="text-gray-800 text-lg my-2">
|
||||
{{project.metadata.description|safe}}
|
||||
</p>
|
||||
</header>
|
||||
<!-- <hr class="border-blue-950 my-5"> -->
|
||||
|
||||
{% match project.metadata.cover_image %}
|
||||
{% when Some with (source) %}
|
||||
<figure>
|
||||
<!-- <img src="{{source}}" /> -->
|
||||
<figure class="my-2">
|
||||
{% match project.metadata.link %}
|
||||
{% when Some with (href) %}
|
||||
<a href="{{href}}">
|
||||
<img src="{{source}}" />
|
||||
</a>
|
||||
{% when None %}
|
||||
<img src="{{source}}" />
|
||||
{% endmatch %}
|
||||
<!-- TODO <figure> -->
|
||||
<svg aria-hidden="true" class="h-12 w-12 fill-blue-950">
|
||||
<use xlink:href="/svg/icons-sprite.svg#mail" />
|
||||
</svg>
|
||||
|
||||
</figure>
|
||||
{% when None %}
|
||||
{% endmatch %}
|
||||
|
||||
|
||||
<footer class="text-sm">
|
||||
<h3 class="text-3xl font-semibold text-blue-900">
|
||||
TODO classification
|
||||
<footer class="text-sm px-4">
|
||||
<h3 class="text-xl font-semibold text-blue-900 my-2">
|
||||
{{crate::pages::project::translate_classification(project.metadata.classification)}}
|
||||
</h3>
|
||||
<ul class="inline-block">
|
||||
{% for tag in project.metadata.tags %}
|
||||
<li class="inline-block">
|
||||
<li class="inline-block text-blue-700 italic">
|
||||
{{tag}}
|
||||
</li>
|
||||
{% endfor %}
|
||||
|
Reference in New Issue
Block a user