# Refresh homepage layout and social preview metadata · PR \#12 · screen/col

[View on GitCafe](https://git.cafe/screen/col/pull/12)

Repository: [screen/col](https://git.cafe/screen/col)

Visibility: public

State: merged

Source repository: screen/col

Source branch: feat/homepage-refresh

Target branch: main

Head commit: abcff9628a9dcc9f3aafcb3b66581b1591760461

[Discussion and reviews](https://git.cafe/screen/col/pull/12)

[Commits](https://git.cafe/screen/col/pull/12/commits?format=markdown)

[Files changed](https://git.cafe/screen/col/pull/12/diffs?format=markdown)

## Description

---

## What changed

Updated the homepage bento grid and library cards, improved directory search layout, and added a 1200×630 social preview image with Open Graph and Twitter metadata.

## Type

- [ ] New library
- [ ] Library metadata correction
- [ ] Bug fix
- [x] Feature
- [ ] Documentation

## Verification

- [x] I kept this pull request focused.
- [ ] I ran `npm run build` successfully.
- [ ] I checked light and dark modes when the interface changed.
- [ ] I checked keyboard access and reduced motion when interaction changed.
- [ ] I added screenshots or a recording for visible changes.

## Library submissions

## Related issue

Closes #

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->

## Summary by CodeRabbit

* **Improvements**
  * Updated social sharing previews with refreshed imagery and website details.
  * Made library cards easier to open by linking more of each card to its destination while keeping save and external-link actions accessible.
  * Adjusted directory and search-bar spacing for clearer layouts on smaller screens.
  * Refined the feature grid’s column and row layout across screen sizes.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->