Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: add hero images to posts #10

Merged
merged 2 commits into from
Mar 29, 2024
Merged

feat: add hero images to posts #10

merged 2 commits into from
Mar 29, 2024

Conversation

rdela
Copy link
Owner

@rdela rdela commented Mar 29, 2024

feat: add hero images to posts

check

  • _includes/layouts/post.njk
  • _includes/postslist.njk

for layout changes and

  • content/archive/fourthpost/secondpost.md
  • content/archive/fourthpost/fourthpost.md

for usage

check

- `_includes/layouts/post.njk`
- `_includes/postslist.njk`

for layout changes and

- `content/archive/fourthpost/secondpost.md`
- `content/archive/fourthpost/fourthpost.md`

for usage
Copy link

netlify bot commented Mar 29, 2024

Deploy Preview for eleventeen ready!

Name Link
🔨 Latest commit 9245f4d
🔍 Latest deploy log https://app.netlify.com/sites/eleventeen/deploys/66061a3155690700081b43ec
😎 Deploy Preview https://deploy-preview-10--eleventeen.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 100 (no change from production)
Accessibility: 100 (no change from production)
Best Practices: 100 (no change from production)
SEO: 92 (🟢 up 1 from production)
PWA: -
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify site configuration.

@rdela rdela merged commit d17d336 into trunk Mar 29, 2024
6 checks passed
@rdela rdela deleted the imgs branch March 29, 2024 01:35
rdela added a commit that referenced this pull request Mar 30, 2024
- *new* post images (PR #10) in the post list now work much better on
  smaller screen sizes.

  + simplified hero thumb logic in postslist.njk so that
  postlist-text always visible.
  + `flex-wrap: wrap;` now only on postlist-item at < 320px screens.
  + add padding-bottom to postlist-text to balance vertical center.

- added `ellipsize` css using webkit-box and line-clamp to prevent extra long
  post title spill/overflow, tested with secondpost.md.

- added metadata.eleventeen for version report in footer
  (hover over eleventeen link).
rdela added a commit that referenced this pull request Mar 30, 2024
v9.2.2-alpha.5

* feat: refine post images + docs

- *new* post images (PR #10) in the post list now work much better on
  smaller screen sizes.

  + simplified hero thumb logic in postslist.njk so that
  postlist-text always visible.
  + `flex-wrap: wrap;` now only on postlist-item at < 320px screens.
  + add padding-bottom to postlist-text to balance vertical center.

- added `ellipsize` css using webkit-box and line-clamp to prevent extra long
  post title spill/overflow, tested with secondpost.md.

- added metadata.eleventeen for version report in footer
  (hover over eleventeen link).

* fix: add lighthouse config to netlify.toml
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

1 participant