From d1fb98df546d6ba97f61bbca965876067c208ac3 Mon Sep 17 00:00:00 2001
From: Fernando Guisso <fguisso@gmail.com>
Date: Fri, 14 Feb 2025 11:24:07 -0300
Subject: [PATCH] new: linktree component

---
 exampleSite/content/links.md        |  5 +++++
 layouts/_default/linktree.html      | 20 +++++++++++++++++
 layouts/partials/linktree-list.html | 34 +++++++++++++++++++++++++++++
 3 files changed, 59 insertions(+)
 create mode 100644 exampleSite/content/links.md
 create mode 100644 layouts/_default/linktree.html
 create mode 100644 layouts/partials/linktree-list.html

diff --git a/exampleSite/content/links.md b/exampleSite/content/links.md
new file mode 100644
index 00000000..dc0b20e7
--- /dev/null
+++ b/exampleSite/content/links.md
@@ -0,0 +1,5 @@
+---
+layout: linktree
+links:
+    - "Awesome Master Class": "https://example.com"
+---
\ No newline at end of file
diff --git a/layouts/_default/linktree.html b/layouts/_default/linktree.html
new file mode 100644
index 00000000..7127b103
--- /dev/null
+++ b/layouts/_default/linktree.html
@@ -0,0 +1,20 @@
+{{ define "main" }}
+<div class="flex flex-col items-center justify-center text-center">
+    <img class="mb-2 rounded-full h-36 w-36 medium-zoom-image" width="144" height="144" alt="{{ .Params.Author.name }}" src="{{ .Params.Author.image }}">
+      {{ with .Site.Params.Author.name | markdownify }}
+    <div class="font-extrabold leading-6 text-neutral-800 dark:text-neutral-300">
+      {{ . }}
+    </div>
+    {{ end }}
+</div>
+  <article class="max-w-full">
+    <header>
+      <h1 class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">
+        {{ .Title | emojify }}
+      </h1>
+    </header>
+    <section class="max-w-full mt-6 prose dark:prose-invert">
+      {{ partial "linktree_list.html" . }}
+    </section>
+  </article>
+{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/linktree-list.html b/layouts/partials/linktree-list.html
new file mode 100644
index 00000000..f755c851
--- /dev/null
+++ b/layouts/partials/linktree-list.html
@@ -0,0 +1,34 @@
+<div class="flex flex-col items-center justify-center min-h-screen bg-gray-100 p-4">
+    <div class="w-full max-w-md">
+      {{ $siteLinks := .Site.Params.Author.Links | default (slice) }}
+      {{ $pageLinks := .Params.Links | default (slice) }}
+      {{ $allLinks := slice }}
+  
+      {{ range $link := $pageLinks }}
+        {{ $allLinks = $allLinks | append $link }}
+      {{ end }}
+  
+      {{ range $link := $siteLinks }}
+        {{ $allLinks = $allLinks | append $link }}
+      {{ end }}
+  
+      {{ if gt (len $allLinks) 0 }}
+        {{ range $links := $allLinks }}
+          {{ range $name, $url := $links }}
+            <a class="text-center justify-center flex w-full h-24 mb-6 fold-bold relative inline-flex items-center justify-center rounded border-2 border-black bg-white px-3 py-2 text-base font-bold text-black transition duration-100 hover:bg-primary-400 hover:text-primary-900" href="{{ $url }}" target="_blank" rel="noopener">
+              {{ $icon := resources.Get (print "icons/" $name ".svg") }}
+              {{ if $icon }}
+                <span class="w-6 h-6 mr-2 inline-block">
+                  {{ $icon.Content | safeHTML }}
+                </span>
+              {{ end }}
+              <span>{{ $name }}</span>
+            </a>
+          {{ end }}
+        {{ end }}
+      {{ else }}
+        <p class="text-gray-500">No links configured.</p>
+      {{ end }}
+    </div>
+  </div>
+  
\ No newline at end of file