Starting aboue me page!

layouts/shortcodes/appIcon.html

@@ -0,0 +1 @@
+<img class="icon-as-text icon-in-text" alt="{{ .Get 0 }}'s icon" src="https://dev.apps.ad5001.eu/icons/apps/{{ .Get 0 | safeURL }}.svg"></img>

layouts/shortcodes/card.html

@@ -0,0 +1,17 @@
+<div class="column col{{ .Get 0 | safeCSS }} vertical-center padding-container">
+ <div class="card {{ .Get 1 | safeCSS }} {{ .Get 2 | safeCSS }} padding-container text-content">
+  <h2 class="flex flex-center text-center">
+      <i class="icon-{{ .Get 3 | safeCSS }} icon-larger2-text"></i>
+      {{ .Get 4 | safeHTML }}
+  </h2>
+  <p>
+      {{ .Inner | markdownify }}
+  </p>
+  <br>
+  <div class="grid flex-center">&nbsp;
+      {{ if (.Get 5) }}
+      {{ partial "links.html" (slice (dict "Icon" (.Get 5) "Title" (.Get 6) "URL" (.Get 7) "Secondary" (.Get 8) "NewTab" (.Get 9) )) }}
+      {{ end }}
+  </div>
+ </div>
+</div>

layouts/shortcodes/previewSkills.html

@@ -0,0 +1,39 @@
+<div class="grid center section-max-108">
+{{ $blocks := index $.Site.Data.skills (.Get 0) }}
+{{ range $blocks }}
+ <div class="padding-container">
+  <div class="block-preview label expand">
+   <h2 class="flex">
+   &nbsp;<img src="/icons/skills/{{ .Icon }}.svg" loading="lazy" class="icon-larger-text" alt=""/> {{ .Name }}
+   </h2>
+   {{ if .WorkedWith }}
+   <p>{{ i18n "workedWith" }} {{ .WorkedWith }}</p>
+   {{ end }}
+   {{ if .Properties }}
+   <p>{{ i18n "properties" }} {{ .Properties }}</p>
+   {{ end }}
+   <p >{{ i18n .Text | markdownify }}</p>
+   {{ if .RelevantSoft }}
+   <p class="reduced-vertical-margin"><b>{{ i18n "relevantSoftware" }}</b></p>
+   <div class="grid flex">
+    {{ $scratch := newScratch }}
+    {{ range .RelevantSoft }}
+     {{ $scratch.Set "img" "/icons/apps/" }}
+     {{ $scratch.Add "img" (lower .) }}
+     {{ $scratch.Add "img" ".svg" }}
+     {{ $scratch.Set "url" "https://apps.ad5001.eu/" }}
+     {{ $scratch.Add "url" (lower .) }}
+     {{ $scratch.Add "url" "/" }}
+     {{ $scratch.Add "relevant" (slice (dict "Image" ($scratch.Get "img") "Title" . "URL" ($scratch.Get "url") "Tag" true)) }}
+    {{ end }}
+    {{ partial "links.html" ($scratch.Get "relevant") }}
+   </div>
+   <br>
+   {{ end }}
+   <div class="grid flex-right">&nbsp;
+    {{ partial "links.html" .Links }}
+   </div>
+  </div>
+ </div>
+{{ end }}
+</div>