Skip to content

README: show feature gifs in a 2x2 grid#609

Merged
FuJacob merged 1 commit into
mainfrom
docs/readme-2x2-gif-grid
Jun 5, 2026
Merged

README: show feature gifs in a 2x2 grid#609
FuJacob merged 1 commit into
mainfrom
docs/readme-2x2-gif-grid

Conversation

@FuJacob
Copy link
Copy Markdown
Owner

@FuJacob FuJacob commented Jun 5, 2026

Summary

Adds the new autocorrect and macros gifs to the README header, and lays all four gifs out in an evenly sized 2x2 grid so they line up cleanly on GitHub.

Validation

Visual only. Rendered locally; all four gifs resolve and the grid is symmetric.

Linked issues

None.

Greptile Summary

Restructures the README demo section from two side-by-side <img> tags into an HTML <table>-based 2×2 grid, and introduces two new gif references (autocorrect.gif, macros.gif) alongside the existing slack.gif and imessage.gif.

  • The table layout change is straightforward and renders correctly on GitHub for the two existing gifs.
  • gifs/autocorrect.gif and gifs/macros.gif are referenced but not committed to the repository, so those two cells will show as broken images until the assets are added.

Confidence Score: 3/5

Two of the four referenced gif assets are not present in the repository, so merging as-is will display broken images in the README demo grid.

The grid layout itself is correct, but gifs/autocorrect.gif and gifs/macros.gif are absent from the repo. Visitors to the project page will see broken image placeholders in the bottom row until those files are committed.

README.md — the two new gif paths need their corresponding asset files added to the gifs/ directory.

Important Files Changed

Filename Overview
README.md Replaces two side-by-side <img> tags with an HTML <table> 2×2 grid; adds two new gif references (autocorrect.gif, macros.gif) that do not exist in the repo.

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
    A[README Demo Section] --> B[Before: two img side-by-side]
    A --> C[After: table 2x2 grid]
    C --> D[Row 1: slack.gif checkmark]
    C --> E[Row 1: imessage.gif checkmark]
    C --> F[Row 2: autocorrect.gif missing]
    C --> G[Row 2: macros.gif missing]
Loading

Fix All in Codex Fix All in Claude Code

Reviews (1): Last reviewed commit: "README: show feature gifs in a 2x2 grid ..." | Re-trigger Greptile

Greptile also left 1 inline comment on this PR.

@FuJacob FuJacob merged commit 20134a2 into main Jun 5, 2026
4 checks passed
@FuJacob FuJacob deleted the docs/readme-2x2-gif-grid branch June 5, 2026 10:23
Comment thread README.md
Comment on lines +56 to +57
<td><img src="gifs/autocorrect.gif" alt="Cotabby autocorrect demo" width="460" height="260" /></td>
<td><img src="gifs/macros.gif" alt="Cotabby inline macros demo" width="460" height="260" /></td>
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P1 Missing gif assets in repository

gifs/autocorrect.gif and gifs/macros.gif are referenced here but neither file exists in the repository — only gifs/slack.gif and gifs/imessage.gif are present. On GitHub, these two cells will render as broken image icons rather than the intended demos.

Fix in Codex Fix in Claude Code

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.

1 participant