style updates & first article

themes/tella/layouts/blog/single.html

@@ -17,7 +17,7 @@
         <br>
         <section class="mb-4 text-lg">
             <h4 id="date" class="flex flex-row items-center"><span class="icon-access_time text-2xl mr-2"></span>
-                {{ .Date.Format "2006/01/02" }} </h4>
+                {{ .Date.Format "02.01.2006" }} </h4>
             {{ if .Params.author }}
             <h4 class="flex flex-row items-center"><span class="icon-person text-2xl mr-2"></span>{{.Params.author}}
             </h4>
@@ -34,8 +34,16 @@
             {{ end }}
         </section>
         {{ if .Params.image }}
-        <img class="my-4" src="{{ .Params.image | absURL }}">
+            {{ $image := .Resources.GetMatch .Params.image }}
+            {{ if $image }}
+            <!-- wenn Bild im Artikelordner -->
+                <img class="my-4" src="{{ $image.Permalink }}">
+            {{ else }}
+            <!-- falls Bild im static-Ordner oder extern -->
+                <img class="my-4" src="{{ .Params.image | absURL }}">
+            {{ end }}
         {{ end }}
+
         <div class="content text-white-custom header-green-custom md:prose-lg lg:prose-xl max-w-none py-1">{{.Content}}</div>
         <hr class="py-4">
         {{- with .Site.Params.disqusShortname }}

themes/tella/layouts/index.html

@@ -21,10 +21,15 @@
         <span class="icon-keyboard_arrow_up text-2xl"></span>
     </div>
     {{- partial "slide.html" . -}}
-    <!-- {{- partial "strip.html" . -}} -->
+    <div class="mx-auto my-10 max-w-6xl">
+        <h2 class="text-4xl ml-2 text-white-custom" style="margin-bottom: 12px;">Pakete</h2>
+        <hr style="border-color: #00ad8e;">
+        {{- partial "strip.html" . -}}
+    </div>
+    
     {{ if ne .Site.Params.showBlog false }}
     <div class="mx-auto my-10 max-w-6xl">
-        <h2 class="text-4xl ml-2 text-white-custom" style="margin-bottom: 12px;">Beiträge</h2>
+        <h2 class="text-4xl ml-2 text-white-custom" style="margin-bottom: 12px;">Neuigkeiten</h2>
         <hr style="border-color: #00ad8e;">
         {{- partial "recent.html" . -}}
     </div>

themes/tella/layouts/partials/summary.html

@@ -1,18 +1,29 @@
 <div
   class="sans w-full px-2 lg:max-w-full lg:flex mt-3 lg:px-0 duration-500 transform hover:-translate-y-1 hover:shadow-md">
-  {{ if .Params.image }}
-  <img id="thumb" alt="{{.Title}}" class="aspect-video object-cover w-auto lg:h-44"
-    src="{{ .Params.image | relURL }}" />
-  {{ else }}
-  <img id="thumb" alt="{{.Title}}" class="aspect-video object-cover w-auto lg:h-44"
-    src='{{ "/img/default.jpg" | relURL }}'>
-  {{ end }}
+  {{- $image := "" -}}
+  {{- if .Params.image -}}
+    {{- $image = .Resources.GetMatch .Params.image -}}
+  {{- end -}}
+
+  {{- if $image -}}
+    <!-- Wenn Bild im Artikelordner -->
+    <img id="thumb" alt="{{.Title}}" class="aspect-video object-cover w-auto lg:h-44"
+      src="{{ $image.RelPermalink }}" />
+  {{- else if .Params.image -}}
+    <!-- externer Link oder im static-Ordner -->
+    <img id="thumb" alt="{{.Title}}" class="aspect-video object-cover w-auto lg:h-44"
+      src="{{ .Params.image | relURL }}" />
+  {{- else -}}
+    <!-- Fallback-Bild -->
+    <img id="thumb" alt="{{.Title}}" class="aspect-video object-cover w-auto lg:h-44"
+      src='{{ "/img/default.jpg" | relURL }}'>
+  {{- end -}}
   <div
     class="border-r border-b border-l border-green-custom lg:border-l-0 lg:border-t lg:border-green-custom relative pl-4 p-6 justify-between leading-normal max-w-full w-full">
     <div class="text-green-custom font-bold text-xl mb-2">{{ .Title }}</div>
     <p class="text-white-custom text-base pb-5">{{ substr .Summary 0 130 | plainify | htmlUnescape }}...</p>
     <p class="text-sm text-lightgray-custom items-center">
-      <time>{{ .Date.Format "2006/01/02" }}</time>
+      <time>{{ .Date.Format "02.01.2006" }}</time>
     </p>
   </div>
 </div>