Starting aboue me page!

layouts/apps-list.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
     {{ partial "section1.html" (dict "Image" "/img/app0.webp" "Content" .Content) }}
-    <div id="appslist" class="grid center">
+    <div id="appslist" class="grid center section-max-108">
     {{ $site := .Site }}
     {{ range .Site.Data.list }}
         {{ $index := . }}

layouts/partials/links.html

@@ -1,7 +1,7 @@
 {{ range . }}
-<div role="button" class="{{ if .Secondary }}secondary{{ else }}primary{{ end }}">
-    <a href="{{ .URL | safeURL }}" role="button" title="{{ .Title }}" rel="{{ if .NewTab }}nofollow {{ end }}noreferrer" {{ if .NewTab }}target="_blank"{{ end }}>
-        <i class="icon-{{ lower .Icon }} icon-as-text" alt="{{ .Icon }}"></i>{{ .Title }}
-    </a>
+<div role="button" class="{{ if .Secondary }}secondary{{ else if .Tag }}tag{{ else }}primary{{ end }}">
+<a href="{{ .URL | safeURL }}" role="button" title="{{ .Title }}" rel="{{ if .NewTab }}nofollow {{ end }}noreferrer" {{ if .NewTab }}target="_blank"{{ end }}>
+ {{ if .Icon }}<i class="icon-{{ lower .Icon }} icon-as-text" alt="{{ .Icon }}"></i>{{ end }}{{ if .Image }}<img class="icon-as-text" alt="{{ .Icon }}" src="{{ .Image }}" loading="lazy"></img>{{ end }}{{ .Title }}
+</a>
 </div>
 {{ end }}

layouts/partials/social-buttons.html

@@ -1,6 +1,6 @@
 {{ $lang := .Lang }}
 {{ range .Buttons }}
-<a role="button" alt="{{ .name }}" title="{{ .name }}" href="{{ replace .URL "<lang>" $lang }}">
+<a rel="me" role="button" alt="{{ .name }}" title="{{ .name }}" href="{{ replace .URL "<lang>" $lang }}">
     <i class="icon-{{ .icon }}" alt="{{ .icon }} social icon"></i>
 </a>
 {{ end }}

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>