fix: micro posts imprecise dt-published values

9 files changed, 133 insertions, 11 deletions

diff --git a/indieweb-micro/ping-bridgyfed.sh b/indieweb-micro/ping-bridgyfed.sh
new file mode 100755
index 0000000..22479f6
--- /dev/null
+++ b/indieweb-micro/ping-bridgyfed.sh
@@ -0,0 +1,16 @@
+#!/usr/bin/env bash
+
+# Usage:
+#   ./ping-bridgyfed.sh https://yoursite.com/posts/foo/
+
+SOURCE_URL="$1"
+
+if [ -z "$SOURCE_URL" ]; then
+  echo "Error: No source URL provided."
+  echo "Usage: $0 <source-url>"
+  exit 1
+fi
+
+curl -i https://fed.brid.gy/webmention \
+  -d "source=$SOURCE_URL" \
+  -d "target=https://fed.brid.gy"
diff --git a/indieweb-micro/prep-images.sh b/indieweb-micro/prep-images.sh
index e478348..2f41052 100755
--- a/indieweb-micro/prep-images.sh
+++ b/indieweb-micro/prep-images.sh
@@ -1,7 +1,7 @@
 #!/usr/bin/env bash
 
 # Usage:
-#   ./overwrite-to-webp.sh /path/to/folder jpg
+#   ./prep-images.sh /path/to/folder jpg
 #
 # Arguments:
 #   1 = folder containing images
@@ -12,7 +12,7 @@ EXT="$2"
 
 if [ -z "$SRC_DIR" ] || [ -z "$EXT" ]; then
     echo "Usage: $0 <folder> <extension>"
-    echo "Example: ./overwrite-to-webp.sh ./photos jpg"
+    echo "Example: ./prep-images.sh ./photos jpg"
     exit 1
 fi
 
diff --git a/indieweb-micro/themes/MinIndie/layouts/indie/single.html b/indieweb-micro/themes/MinIndie/layouts/indie/single.html
new file mode 100644
index 0000000..906b704
--- /dev/null
+++ b/indieweb-micro/themes/MinIndie/layouts/indie/single.html
@@ -0,0 +1,66 @@
+{{ define "main" }}
+{{ $ageDays := div (sub now.Unix .Date.Unix) 86400 }}
+    <main>
+        <article class="h-entry">
+            <a class="u-bridgy-fed" href="https://fed.brid.gy/" hidden="from-humans"></a>
+            <h1 class="p-name">{{ .Title }}</h1>
+            <div hidden>{{ partial "bio-hcard.html" . }}</div>
+
+            {{- if or .Params.categories .Params.tags -}}
+                <div class="article-meta">
+                    {{- with .Params.categories -}}
+                        <span class="categories">
+                            Categories:
+                            {{ range . }}
+                                <a href="{{ "/categories/" | relLangURL }}{{ . | urlize }}">{{ . }}</a>
+                            {{ end }}
+                        </span>
+                    {{- end -}}
+                    {{- if and .Params.categories .Params.tags -}}
+                        --
+                    {{- end -}}
+                    {{- with .Params.tags -}}
+                        <span class="tags">
+                            Tags:
+                            {{ range . }}
+                                #<a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}" class="p-category">{{ . }}</a>
+                            {{ end }}
+                        </span>
+                    {{- end -}}
+                </div>
+            {{- end -}}
+
+            {{- with .Site.Params.tagPostOlderThanXDays -}}
+                {{- if and (gt $ageDays .) (eq $.Type "posts") -}}
+                    {{ partial "article-old-content.html" . }}
+                {{- end -}}
+            {{- end -}}
+
+            {{- partial "article-precontent.html" . -}}
+
+            {{- if .Params.toc -}}
+                <div class="toc noprint">
+                    <h2>Table of Content</h2>
+                    <aside>
+                        {{ .TableOfContents }}
+                    </aside>
+                </div>
+            {{- end -}}
+
+            <div class="e-content">
+                {{ .Content }}
+            </div>
+
+            {{ partial "article-extra.html" . }}
+
+            {{ if .Site.Params.enableNextPrevPages }}
+                {{ partial "article-prevnext.html" . }}
+            {{ end }}
+
+            {{ if .Site.Params.enableRelatedPages }}
+                {{ partial "article-related.html" . }}
+            {{ end }}
+        </article>
+        <a class="u-bridgy-fed" href="https://fed.brid.gy/" hidden="from-humans"></a>
+    </main>
+{{ end }}
diff --git a/indieweb-micro/themes/MinIndie/layouts/shortcodes/follow.html b/indieweb-micro/themes/MinIndie/layouts/shortcodes/follow.html
new file mode 100644
index 0000000..27a1bdd
--- /dev/null
+++ b/indieweb-micro/themes/MinIndie/layouts/shortcodes/follow.html
@@ -0,0 +1,12 @@
+{{ $url := .Get 0 }}
+{{ $date := .Get 1 }}
+
+<div class="follow-card h-entry">
+  <a class="follow-target u-follow-of" href="{{ $url }}">
+    {{ $url }}
+  </a>
+
+  <time class="follow-date dt-published" datetime="{{ $date }}T00:00:00Z">
+    {{ $date }}
+  </time>
+</div>
diff --git a/indieweb-micro/themes/MinIndie/static/css/style.css b/indieweb-micro/themes/MinIndie/static/css/style.css
index bc04f86..73e3665 100644
--- a/indieweb-micro/themes/MinIndie/static/css/style.css
+++ b/indieweb-micro/themes/MinIndie/static/css/style.css
@@ -259,13 +259,13 @@ tbody tr:nth-child(even) {
     align-self: center;
     text-align: center;
   }
-  
+
   /* Smaller avatar on mobile */
   .banner .avatar {
     width: 90px;
     height: 90px;
   }
-  
+
   .banner img:first-child {
     border-radius: 6px;
   }
diff --git a/micro.pinapelz.moe/css/follows.css b/micro.pinapelz.moe/css/follows.css
new file mode 100644
index 0000000..a6673af
--- /dev/null
+++ b/micro.pinapelz.moe/css/follows.css
@@ -0,0 +1,31 @@
+.follow-card {
+  display: flex;
+  flex-direction: column;
+  padding: 0.6rem 0.8rem;
+  margin: 0.6rem 0 0.6rem 0;
+  background: var(--card-bg, #f9f9f9);
+  border-radius: 8px;
+  border: 1px solid #e5e5e5;
+  font-size: 0.9rem;
+}
+
+.follow-card:hover {
+  background: var(--card-bg-hover, #f2f2f2);
+}
+
+.follow-target {
+  font-weight: 600;
+  text-decoration: none;
+  color: var(--link-color, #3366cc);
+  word-break: break-all;
+}
+
+.follow-target:hover {
+  text-decoration: underline;
+}
+
+.follow-date {
+  color: #777;
+  font-size: 0.8rem;
+  margin-top: 0.25rem;
+}
diff --git a/micro.pinapelz.moe/css/style.css b/micro.pinapelz.moe/css/style.css
index bc04f86..73e3665 100644
--- a/micro.pinapelz.moe/css/style.css
+++ b/micro.pinapelz.moe/css/style.css
@@ -259,13 +259,13 @@ tbody tr:nth-child(even) {
     align-self: center;
     text-align: center;
   }
-  
+
   /* Smaller avatar on mobile */
   .banner .avatar {
     width: 90px;
     height: 90px;
   }
-  
+
   .banner img:first-child {
     border-radius: 6px;
   }
diff --git a/pinapelz.moe/about.html b/pinapelz.moe/about.html
index aa09129..3075708 100644
--- a/pinapelz.moe/about.html
+++ b/pinapelz.moe/about.html
@@ -134,9 +134,6 @@
                         </a>
                     </div>
                 </div>
-                <div class="general-section">
-                  <iframe src="https://blog.pinapelz.com/blog/" width="100%" height="600px" frameborder="0"></iframe>
-                </div>
             </div>
             <div class="footer">
                 <div class="footer">
@@ -164,5 +161,3 @@
         </div>
     </body>
 </html>
-<link href="https://melonking.net/styles/flood.css" rel="stylesheet" type="text/css" media="all" />
-<script src="https://melonking.net/scripts/flood.js"></script>
diff --git a/pinapelz.moe/projects.html b/pinapelz.moe/projects.html
index e8d8509..94c4c53 100644
--- a/pinapelz.moe/projects.html
+++ b/pinapelz.moe/projects.html
@@ -210,3 +210,5 @@
     </script>
   </body>
 </html>
+<link href="https://melonking.net/styles/flood.css" rel="stylesheet" type="text/css" media="all" />
+<script src="https://melonking.net/scripts/flood.js"></script>