@gurupanguji

Technical Specification: Semantic Temporal Data (#208)

Overview

This specification defines the migration of all user-facing dates in the gurupanguji.github.io project from non-semantic text/containers to the semantic HTML5 <time> tag. This change targets improved machine-readability, search engine optimization, and accessibility for assistive technologies.

Technical Details

1. Tag Structure

• Tag: <time>
• Mandatory Attribute: datetime
• Attribute Format: ISO 8601 (YYYY-MM-DD for dates, YYYY for years, YYYY-MM for months).

2. Liquid Implementation Patterns

A. Full Dates (Post/Page)

Target: <div class="post-meta"></div> Replacement: <div class="post-meta"><time datetime=""></time></div>

B. Copyright Years (Site-wide)

Target: © 2026 // gurupanguji // Replacement: © <time datetime="2026">2026</time> // gurupanguji //

3. Affected Files

• index.html: Homepage blog feed and footer.
• blog/index.html: Archive list items.
• _layouts/post.html: Post header meta and footer.
• labs/index.html: Footer copyright.
• reviews/index.html: Hardcoded camera/lens metadata and footer.
• AGENTS.md: Footer copyright.

Verification Requirements

• All rendered <time> tags must contain a valid datetime attribute.
• Visual presentation must remain identical to the current state (no styling regressions).
• Jekyll build must pass without Liquid syntax errors.