diff --git a/README.md b/README.md index 977128f..d884283 100644 --- a/README.md +++ b/README.md @@ -1 +1 @@ -- [ ] Cookie consent banner supported by cookieconsent +# pwnforfunandprofit diff --git a/TODO.md b/TODO.md new file mode 100644 index 0000000..4fd4cc9 --- /dev/null +++ b/TODO.md @@ -0,0 +1,77 @@ +# TODO — pwnforfunandprofit.xyz + +Feature backlog for the blog. Check off items as they're implemented. + +--- + +## Discovery & Navigation + +- [ ] **Client-side search** — enable `build_search_index = true` in `zola.toml`, add a search page/modal with Elasticlunr +- [ ] **Reading time estimate** — use `page.reading_time` to display "X min read" in post headers +- [ ] **Related posts** — show 2–3 posts with overlapping tags at the bottom of each post +- [ ] **Post series support** — `series` front-matter field; render a "Part N of X" callout with links to all parts in the series +- [ ] **Keyboard shortcuts** — `K` to open search, `T` to toggle theme; show a small hotkey hint overlay + +--- + +## Content Enhancements + +- [ ] **Callout / admonition shortcodes** — `{% note %}`, `{% warning %}`, `{% tip %}`, `{% danger %}` Tera shortcodes styled as terminal callout boxes + +- [x] **Updated-at badge** — show "Last updated: " on posts that have `updated` front-matter set, distinct from the published date + +--- + +## Post List & Filtering + +- [ ] **Tag filtering on posts page** — JS-powered tag chip filter; clicking a tag hides non-matching posts without a page reload +- [ ] **Reading progress bar** — thin accent-colored bar at the top of the viewport that fills as you scroll through a post +- [ ] **Post view count** — Cloudflare Worker + KV store to track and display view counts (fits existing `wrangler.toml` setup) +- [ ] **Sort / filter controls on posts page** — toggle between newest-first, oldest-first, and filter by tag or difficulty + +--- + +## UI / UX Polish + +- [ ] **Scroll-to-top button** — floating button that appears after scrolling down, smooth-scrolls back to top +- [ ] **Table of contents active-section highlight** — as you scroll, the current heading is highlighted in the TOC +- [ ] **Terminal-style command palette** — `Ctrl+K` opens a fuzzy-search palette over posts and nav links +- [ ] **Animated hero terminal prompt** — typewriter effect on the homepage subtitle / profile section +- [ ] **Back-to-top keyboard shortcut** — pressing `G` then `G` (vim-style) scrolls to the top of the page +- [ ] **Smooth page transitions** — CSS View Transitions API for navigation between pages +- [ ] **Image lightbox** — click any post image to view it full-screen with a keyboard-dismissible overlay +- [ ] **Footnote hover previews** — hover over a footnote ref to see its content in a tooltip without jumping to the bottom + +--- + +## Distribution & Reach + +- [ ] **Webmention support** — receive likes/reposts from the Fediverse / IndieWeb via webmention.io +- [ ] **Newsletter / email subscription** — integrate Buttondown or self-hosted Listmonk with a subscribe form +- [ ] **`/llms.txt` auto-generation** — generate an `/llms.txt` manifest from post front-matter for AI discovery (existing `llms/` dir) +- [ ] **JSON Feed** — add `feed_filenames = ["rss.xml", "feed.json"]` to `zola.toml` for JSON Feed support alongside RSS +- [ ] **Open Graph preview images per post** — auto-generate OG images with post title overlaid using a Cloudflare Worker or build script + +--- + +## Developer Experience + +- [ ] **Prettier / markdownlint** — add linting for content files to enforce consistent front-matter and formatting +- [ ] **`zola check` in CI** — GitHub Actions job that runs `zola check` on every PR to catch broken internal links +- [ ] **Automated post slug validation** — pre-commit hook to enforce kebab-case filenames and required front-matter fields +- [ ] **Cloudflare Pages preview deployments** — auto-deploy PR branches to a `*.pages.dev` preview URL for review +- [ ] **Content spell-check in CI** — run `cspell` or `vale` on markdown files in the GitHub Actions pipeline + +--- + +## Accessibility & Performance + +- [ ] **Skip-to-content link** — hidden link that becomes visible on focus, skips the nav for keyboard users +- [ ] **`prefers-reduced-motion` support** — disable/reduce animations when the OS accessibility preference is set +- [ ] **Color contrast audit** — run `axe` or Lighthouse against the full site and fix any contrast failures +- [ ] **Lazy-load images** — add `loading="lazy"` to all post body images via a Tera shortcode or post-processing +- [ ] **Self-host all remaining external resources** — audit for any remaining CDN-loaded fonts or scripts and bring them local + +--- + +*Last updated: 2026-03-11* diff --git a/sass/_article.scss b/sass/_article.scss index 31b9e9c..4438f5c 100644 --- a/sass/_article.scss +++ b/sass/_article.scss @@ -14,11 +14,41 @@ } .post-meta { + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 0.4rem 0.75rem; color: var(--text-muted); font-size: 0.9rem; font-style: italic; } +.post-meta-item { + display: inline-flex; + align-items: center; + gap: 0.35rem; +} + +.post-meta-label { + font-style: normal; + font-size: 0.75rem; + font-family: var(--font-mono); + text-transform: uppercase; + letter-spacing: 0.06em; + color: var(--accent-color); + opacity: 0.8; +} + +.post-meta-sep { + color: var(--border-color); + font-style: normal; + user-select: none; +} + +.post-meta-updated time { + color: var(--text-muted); +} + .post-toc { background: var(--surface-color); border: 1px solid var(--border-color); diff --git a/sass/_feed.scss b/sass/_feed.scss index 33bb4c1..cf649ac 100644 --- a/sass/_feed.scss +++ b/sass/_feed.scss @@ -1,3 +1,9 @@ +// Post Feed Page Container +.feed-page { + max-width: 800px; + margin: 0 auto; +} + // Post Feed .post-feed { display: flex; diff --git a/templates/page.html b/templates/page.html index e22163e..9ca599d 100644 --- a/templates/page.html +++ b/templates/page.html @@ -88,7 +88,17 @@

{{ page.title }}

{% if page.date %} - + + Posted + + + {% endif %} + {% if page.updated and page.updated != page.date %} + + + Updated + + {% endif %}
diff --git a/templates/posts.html b/templates/posts.html index bdfabc3..f23a1db 100644 --- a/templates/posts.html +++ b/templates/posts.html @@ -42,90 +42,92 @@ {% endblock head %} {% block content %} -
-
-

Posts

-

Exploring binary exploitation, reverse engineering, and offensive security.

+
+
+
+

Posts

+

Exploring binary exploitation, reverse engineering, and offensive security.

+
-
-
- {% for page in paginator.pages %} - - {% endfor %} -
- -{% if paginator.number_pagers > 1 %} - + {% if paginator.number_pagers > 1 %} + + +

Page {{ paginator.current_index }} of {{ paginator.number_pagers }}

+ {% endif %} +
{% endblock content %}