Implement status function

public/css/index.css

@@ -618,6 +618,11 @@ header .home-link {
 	}
 }
 
+.microblog-emoji {
+	font-size: var(--step-6);
+	margin-right: var(--space-s);
+}
+
 .microblog-icon {
 	filter: var(--logo-filter);
 	height: var(--space-4xl);
@@ -639,6 +644,30 @@ header .home-link {
 	}
 }
 
+.microblog-status {
+	display: flex;
+	flex-flow: row nowrap;
+	&.card {
+		align-items: center;
+		padding: var(--space-s);
+	}
+	.microblog-status-copy {
+		align-items: center;
+		display: flex;
+		flex-flow: column nowrap;
+		p {
+			margin: 0;
+		}
+		.status-metadata {
+			font-family: var(--meta-font-family);
+			font-size: var(--meta-font-size);
+			font-style: var(--meta-font-style);
+			font-variation-settings: var(--meta-font-variation-settings);
+			line-height: calc(var(--meta-font-size) * 0.5 + var(--meta-font-size));
+		}
+	}
+}
+
 /* Info Box */
 
 .info {

public/img/icons/breeze/clock-symbolic.svg

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 22 22"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="clock-symbolic.svg"
+   inkscape:version="1.4.3 (0d15f75042, 2025-12-25)"
+   xml:space="preserve"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="41.5"
+     inkscape:cx="11"
+     inkscape:cy="11"
+     inkscape:window-width="2048"
+     inkscape:window-height="1080"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1" /><defs
+     id="defs3051"><style
+       type="text/css"
+       id="current-color-scheme">.ColorScheme-Text { color: #fcfcfc; } </style><style
+       type="text/css"
+       id="current-color-scheme-9">
+      .ColorScheme-Text {
+        color:#232629;
+      }
+      </style></defs><path
+     style="display:inline;fill:#faf5f5;fill-opacity:1;stroke:none;stroke-width:1.33333"
+     d="m 11,2.9999996 c -4.4182786,0 -7.9999999,3.5817218 -7.9999999,8.0000004 0,4.418277 3.5817213,8 7.9999999,8 4.418277,0 8,-3.581723 8,-8 0,-4.4182786 -3.581723,-8.0000004 -8,-8.0000004 z m 0,1.3333339 c 3.681899,0 6.666667,2.9847679 6.666667,6.6666665 0,3.681899 -2.984768,6.666667 -6.666667,6.666667 C 7.3181014,17.666667 4.3333334,14.681899 4.3333334,11 4.3333334,7.3181014 7.3181014,4.3333335 11,4.3333335 Z M 9.6666667,5.6666668 V 11 12.333333 H 16.333333 V 11 H 11 V 5.6666668 Z"
+     class="ColorScheme-Text"
+     id="path1-2" /></svg>