Add pantry inventory post with styled images

- Add "Where Did I Put the Mochi Flour?" post about pantry organization app
- Add img shortcode for figure/caption support across themes
- Add CSS styling for figures: rounded corners, shadows, centered captions
- Update standup post date to 2026-01-06

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Eric Wagoner
2025-12-24 16:29:55 -05:00
parent 3b30bd0323
commit b727f92496
7 changed files with 137 additions and 2 deletions

View File

@@ -153,6 +153,53 @@
}
}
// Image and figure styling
figure {
margin: 2rem 0;
img {
display: block;
max-width: 100%;
height: auto;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
figcaption {
margin-top: 0.75rem;
font-size: 0.9rem;
color: var(--secondary-text, #666);
text-align: center;
font-style: italic;
}
}
// Also style standalone images in posts
.post-content img:not(figure img) {
display: block;
max-width: 100%;
height: auto;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
margin: 2rem auto;
}
@media (prefers-color-scheme: dark) {
figure {
img {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}
figcaption {
color: rgba(255, 255, 255, 0.7);
}
}
.post-content img:not(figure img) {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}
}
// Dark mode support
@media (prefers-color-scheme: dark) {
.series-box {