remove old svelte web source

templates/components/blog_post_default_thumbnail.html

@@ -0,0 +1,3 @@
+<div class="w-[180px] h-[240px] bg-blue-100 flex justify-center items-center">
+  <span class="text-blue-500 text-8xl -translate-y-1.5">{{post.metadata.title|fmt("{:.1}")|lower}}</span>
+</div> 

templates/components/blog_post_preview.html

@@ -0,0 +1,30 @@
+<article class="sm:grid sm:grid-cols-[max-content_1fr] sm:grid-rows-[max-content_1fr_max-content] sm:grid-flow-col sm:gap-4 md:gap-x-8 break-inside-avoid clear-both sm:clear-none">
+	<aside class="row-span-3 self-center float-start sm:float-none mr-3 mb-3 sm:ml-0 sm:mb-0">
+		{% match post.metadata.thumbnail %}
+		{% when Some with (orig_path) %}
+		{{ crate::picture_generator::picture_markup_generator::generate_picture_markup(orig_path, 180, 240, "Article thumbnail", None, true).unwrap_or("thumbnail not found".to_string())|safe }}
+		{% when None %}
+		<div> 
+			{% include "components/blog_post_default_thumbnail.html" %}
+		</div>
+		{% endmatch %}
+	</aside>
+	<header>
+		<h3 class="text-lg font-bold mb-1 md:text-3xl">
+		  <a rel="prefetch" href="/blog/{{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|description_filter|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">
+     {% for tag in post.metadata.tags %}
+      <li class="inline-block">
+        <a href="/blog/tags/{{tag}}" class="text-pink-950 no-underline">#{{tag|capitalize}}</a>
+      </li>
+      {% endfor %}
+    </ul>
+		|
+    <time datetime="{{post.metadata.date}}" class="text-pink-950"> {{post.metadata.date|pretty_date}} </time>
+	</footer>
+</article>
+

templates/components/project_preview_card.html

@@ -0,0 +1,49 @@
+<section class="border rounded-md bg-white p-4 break-inside-avoid">
+  <header class="px-4 mb-3"> 
+    <h2 class="text-xl font-semibold text-blue-900 md:text-2xl">
+      {% 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>
+    <section class="description text-slate-800 my-2 md:text-xl text-justify">
+      {{project.body|safe}}
+    </section>
+  </header>
+  <!-- <hr class="border-blue-950 my-5"> -->
+
+  {% match project.metadata.cover_image %}
+  {% when Some with (source) %}
+  {% let picture = crate::picture_generator::picture_markup_generator::generate_picture_markup(source, 420, 236, "Project cover", Some("max-h-[236px]"), true).unwrap_or("cover not found".to_string()) %}
+  <figure class="mx-4 my-2 flex justify-center">
+      {% match project.metadata.link %}
+      {% when Some with (href) %}
+      <a href="{{href}}">
+       {{picture|safe}}
+      </a>
+      {% when None %}
+       {{picture|safe}}
+      {% endmatch %}
+		<!-- TODO <figure> generate_image -->
+  </figure>
+  {% when None %}
+  {% endmatch %}
+
+
+	<footer class="text-sm px-4 md:text-base">
+    <h3 class="text-xl font-semibold text-blue-900 my-2 md:text-2xl">
+      {{crate::projects::project_model::translate_classification(project.metadata.classification)}}
+    </h3>
+    <ul class="inline-block">
+     {% for tag in project.metadata.tags %}
+      <li class="inline-block text-pink-950">
+        {{tag}}
+      </li>
+      {% endfor %}
+    </ul>
+	</footer>
+</section>

templates/components/social_card.html

@@ -0,0 +1,14 @@
+{% 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}}">
+	<header class="flex text-center justify-center items-center gap-2 mb-2">
+		 <svg aria-hidden="true" class="h-7 w-7 fill-blue-950">
+	    <use href="#{{svg}}" />
+	  </svg>
+		<h3 class="text-lg font-medium mb-1 text-blue-950 visited:text-blue-950">{{heading|safe}}</h3>
+	</header>
+	{% let alt_text = format!("{svg} thumbnail") %}
+
+	{{ crate::picture_generator::picture_markup_generator::generate_picture_markup(img, 360, 128, alt_text, Some("h-auto mx-auto rounded-sm"), true).unwrap_or("thumbnail not found".to_string())|safe }}
+</a>
+{% endmacro %}

templates/components/talent_card.html

@@ -0,0 +1,18 @@
+{% macro talent_card(svg, heading, description) %}
+
+<section class="flex border rounded bg-white m-4 p-3 max-w-[32rem]">
+	<aside class="flex justify-center items-center pr-3">
+	  <svg aria-hidden="true" class="fill-blue-950 h-12 w-12 md:h-16 md:w-16">
+	    <use href="#{{svg}}" />
+	  </svg>
+	</aside>
+	<section>
+		<header>
+			<h3 class="text-lg font-medium mb-1 md:text-2xl">{{heading}}</h3>
+		</header>
+		<p class="text-sm leading-5 text-slate-800 md:text-lg">{{description|safe}}</p>
+	</section>
+</section>
+
+{% endmacro %}
+

templates/components/terminal.svg

@@ -0,0 +1,32 @@
+<svg
+  width="200"
+  height="150"
+  viewBox="0 0 200 150"
+  xmlns="http://www.w3.org/2000/svg"
+  fill="none"
+  stroke="none"
+  stroke-width="0"
+>
+  <!-- Background of the terminal window -->
+  <rect x="10" y="10" width="180" height="130" rx="8" ry="8" fill="#F5F5F5" />
+
+  <!-- Close, Minimize, Maximize buttons (moved to the right side) -->
+  <circle cx="155" cy="25" r="5" fill="#FF5F56" />
+  <circle cx="175" cy="25" r="5" fill="#FFBD2E" />
+  <circle cx="195" cy="25" r="5" fill="#27C93F" />
+
+  <!-- Terminal Text (Example commands, updated to dark color for light theme) -->
+  <text x="20" y="55" font-family="monospace" font-size="12" fill="#333333">
+    $ ls -l
+  </text>
+  <text x="20" y="75" font-family="monospace" font-size="12" fill="#333333">
+    Desktop Documents Downloads
+  </text>
+  <text x="20" y="95" font-family="monospace" font-size="12" fill="#333333">
+    Music Pictures Videos
+  </text>
+  <text x="20" y="115" font-family="monospace" font-size="12" fill="#333333">
+    $
+  </text>
+</svg>
+