This commit is contained in:
2025-06-15 12:26:55 +02:00
parent b47e8e18d0
commit fa9b104f60
11 changed files with 65 additions and 86 deletions

View File

@ -41,7 +41,7 @@
<section id="recommended-articles">
<hr class="border-slate-300 m-5 md:my-8">
<h2 class="m-5 text-2xl md:text-2xl lg:text-4xl lg:mt-8 text-blue-900 lg:mb-10 font-bold">Further reading</h2>
<h2 class="m-5 mt-8 text-2xl md:text-2xl lg:text-4xl lg:mt-10 text-blue-900 lg:mb-10 font-bold">Further reading</h2>
<ul class="mx-5 xl:flex xl:justify-start xl:gap-10">
{% for post in recommended_posts %}
<li class="flex-1">

View File

@ -17,7 +17,7 @@
<a rel="prefetch" href="/{{segment}}/{{post.slug}}" class="text-blue-950 visited:text-purple-700 no-underline">{{post.metadata.title}}</a>
</h3>
</header>
<section class="text-base leading-5 text-slate-800 md:text-xl text-justify">{{post.body|truncate_md(2)|parse_markdown|safe}}</section>
<section class="text-base leading-7 text-slate-800 md:text-xl text-justify">{{post.body|truncate_md(2)|parse_markdown|safe}}</section>
<footer class="text-sm md:text-base lg:text-lg mt-3 sm:mt-0 clear-both sm:clear-none">
<ul class="inline-block" style="view-transition-name: post_tags_{{post.slug}}">
{% for tag in post.metadata.tags %}

View File

@ -1,18 +0,0 @@
<section class="flex border rounded-sm bg-white p-3">
<aside class="flex justify-center items-center pr-3 shrink-0">
{% match education.thumbnail %}
{% when Some with (source) %}
{% let picture = crate::picture_generator::picture_markup_generator::generate_picture_markup(source, 64, 64, "education cover", Some("h-12 w-12 md:h-16 md:w-16")).unwrap_or("cover not found".to_string()) %}
<figure class="mx-4 my-2">
{{picture|safe}}
</figure>
{% when None %}
{% endmatch %}
</aside>
<section>
<header>
<h3 class="text-lg font-medium mb-1 md:text-2xl">{{education.name}}</h3>
</header>
<section class="text-sm leading-tight text-slate-800 md:text-lg md:leading-tight">{{education.description|parse_markdown|safe}}</section>
</section>
</section>

View File

@ -1,4 +1,4 @@
<section class="border rounded-md bg-white p-4 break-inside-avoid" style="view-transition-name: project_preview_{{project.slug}};">
<section class="border border-slate-200 rounded-md bg-white p-4 break-inside-avoid" style="view-transition-name: project_preview_{{project.slug}};">
<header class="px-4 mb-3">
<h2 class="text-xl font-semibold text-blue-900 md:text-2xl">
{% match project.metadata.link %}

View File

@ -1,4 +1,4 @@
<section class="flex border rounded bg-white p-3">
<section class="flex border border-slate-200 rounded bg-white p-3">
<aside class="flex justify-center items-center pr-3 shrink-0">
{% match skill.thumbnail %}
{% when Some with (source) %}

View File

@ -1,6 +1,6 @@
{% macro social_card_start(svg, url, heading, img, class) %}
<a href="{{url}}" class="block no-underline border rounded-md bg-pink-200 m-4 p-4 max-w-[392px] {{class}}">
<a href="{{url}}" class="block no-underline border border-slate-200 rounded-md bg-pink-200 m-4 p-4 max-w-[392px] {{class}}">
<header class="flex text-center justify-center items-center gap-2 mb-2">
<svg role="img" aria-label="{{svg}} icon" aria-hidden="true" class="h-7 w-7 fill-blue-950">
<use href="#{{svg}}" />

View File

@ -1,5 +1,5 @@
{% macro talent_card(svg, heading, description) %}
<section class="flex border rounded-sm bg-white p-3">
<section class="flex border border-slate-200 rounded-sm bg-white p-3">
<aside class="flex justify-center items-center pr-3">
<svg role="img" aria-label="{{svg}} icon" aria-hidden="true" class="fill-blue-950 h-12 w-12 md:h-16 md:w-16">
<use href="#{{svg}}" />

View File

@ -1,18 +0,0 @@
<section class="flex border rounded-sm bg-white p-3">
<aside class="flex justify-center items-center pr-3 shrink-0">
{% match workplace.thumbnail %}
{% when Some with (source) %}
{% let picture = crate::picture_generator::picture_markup_generator::generate_picture_markup(source, 64, 64, "Workplace cover", Some("h-12 w-12 md:h-16 md:w-16")).unwrap_or("cover not found".to_string()) %}
<figure class="mx-4 my-2">
{{picture|safe}}
</figure>
{% when None %}
{% endmatch %}
</aside>
<section>
<header>
<h3 class="text-lg font-medium mb-1 md:text-2xl">{{workplace.name}}</h3>
</header>
<section class="text-sm leading-tight text-slate-800 md:text-lg md:leading-tight">{{workplace.description|parse_markdown|safe}}</section>
</section>
</section>