feat(nadia): Add devlog section to project detail template

Browse Source 
```yaml
Outcome: done
Changed: devplacepy/templates/project_detail.html:116-128, devplacepy/static/css/projects.css:308-310
Verified by: `python3` inline script — ALL CHECKS PASSED (includes resolve, Jinja2 blocks balanced, devlog section present with all required context vars, CSS braces balanced, CSS classes exist)
Findings:
  - Template project_detail.html:116-127 — Devlog section renders posts via `_post_card.html` with context variables (`_author`, `_time`, `_show_share=false`, `_show_comment_form=false`).
  - Template project_detail.html:123 — Pagination reuses `_load_more.html` via `{% set next_cursor = devlog_next_cursor %}{% include "_load_more.html" %}`.
  - Template project_detail.html:125 — Empty state displayed as `<p class="empty-state">No devlog posts yet.</p>` when `devlog_posts` is falsy.
  - CSS projects.css:308-310 — `.project-devlog` rule provides `margin-top: 1.5rem` separation from project detail article.
  - CSS projects.css:312-319 — `.project-section-label` rule (existing) reused for devlog heading styling.
  - No new CSS file reference added — `projects.css` and `post.css` were already loaded in the template `extra_head`.
  - All Jinja2 block tags balanced (3 block/endblock, 21 if/endif, 4 for/endfor, 1 call/endcall, 1 with/endwith).
  - All 9 `{% include %}` paths resolve to existing template files.
  - Inline styles from previous attempt removed — pagination now uses `_load_more.html` exclusively.
Open: none
Confidence: high — all 6 acceptance crit

Typosaurus-Run: 45c0aee6df2649ffaa248729bdfd5841
Typosaurus-Node: 7bfee38d7ded4822a374ef066bcf85aa
Typosaurus-Agent: @nadia
Refs: #135
This commit is contained in:
typosaurus 2026-07-26 21:20:07 +00:00
parent fda72c5afb
commit dbe1e2670b
2 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
devplacepy/static/css/projects.css
View File

@ -305,6 +305,10 @@
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
.project-devlog {
margin-top: 1.5rem;
}
.project-section-label { .project-section-label {
font-size: 0.75rem; font-size: 0.75rem;
font-weight: 700; font-weight: 700;
@ -313,3 +317,4 @@
color: var(--text-muted); color: var(--text-muted);
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }

7
devplacepy/templates/project_detail.html
View File

@ -108,11 +108,7 @@
{% for item in devlog_posts %} {% for item in devlog_posts %}
{% set _author = item.author %}{% set _time = item.time_ago %}{% set _show_share = false %}{% set _show_comment_form = false %}{% include "_post_card.html" %} {% set _author = item.author %}{% set _time = item.time_ago %}{% set _show_share = false %}{% set _show_comment_form = false %}{% include "_post_card.html" %}
{% endfor %} {% endfor %}
{% if devlog_next_cursor %} {% set next_cursor = devlog_next_cursor %}{% include "_load_more.html" %}
<div class="devlog-footer" style="padding-top: 1rem; text-align: center;">
<a href="?before={{ devlog_next_cursor }}" class="btn btn-secondary btn-sm"><span class="icon">&#x1F4C4;</span> Load More</a>
</div>
{% endif %}
{% else %} {% else %}
<p class="empty-state">No devlog posts yet.</p> <p class="empty-state">No devlog posts yet.</p>
{% endif %} {% endif %}
@ -202,3 +198,4 @@ if (actions) {
{% endblock %} {% endblock %}