Skip to content

docs: add the Product Hunt launch badge to the README and the homepage #1108

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.

Sign up for GitHub

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

Merged
EtienneLescot merged 3 commits into from
Oct 10, 2026
Merged

docs: add the Product Hunt launch badge to the README and the homepage #1108

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
974653d
docs: add the Product Hunt launch badge to the README and the homepage
EtienneLescot Oct 10, 2026
c86f7fa
docs(website): show the Product Hunt badge next to the download button
EtienneLescot Oct 10, 2026
d1a53ee
docs(website): match the Product Hunt badge to the download button he…
EtienneLescot Oct 10, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,7 @@

<p align="center">
<a href="https://trendshift.io/repositories/57147?utm_source=repository-badge&amp;utm_medium=badge&amp;utm_campaign=badge-repository-57147" target="_blank" rel="noopener noreferrer"><img src="https://trendshift.io/api/badge/repositories/57147" alt="getopenscreen/openscreen | Trendshift" width="250" height="55" /></a>
<a href="https://www.producthunt.com/posts/openscreen-2-3?embed=true&amp;utm_source=badge-featured&amp;utm_medium=badge&amp;utm_campaign=badge-openscreen-2-3" target="_blank" rel="noopener noreferrer"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=1263181&amp;theme=light" alt="OpenScreen 2 on Product Hunt" width="250" height="54" /></a>
</p>

> [!NOTE]
Expand Down
11 changes: 11 additions & 0 deletions website/src/pages/index.module.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -61,9 +61,20 @@
gap: 12px;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: 32px 0 0;
}

.productHunt {
display: inline-flex;
}

/* Same height as the download button beside it. */
.productHunt img {
height: 50px;
width: auto;
}

.platforms {
margin: 8px 0 0;
font-size: 12px;
Expand Down
13 changes: 13 additions & 0 deletions website/src/pages/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -55,6 +55,19 @@ export default function Home() {
</p>
<div className={styles.actions}>
<PlatformDownload className={styles.primaryCta} />
<a
className={styles.productHunt}
href="https://www.producthunt.com/posts/openscreen-2-3?embed=true&utm_source=badge-featured&utm_medium=badge&utm_campaign=badge-openscreen-2-3"
target="_blank"
rel="noopener noreferrer"
>
<img
src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=1263181&theme=light"
alt="OpenScreen 2 on Product Hunt"
width="250"
height="54"
/>
</a>
</div>
<p className={styles.reassurance}>
<Translate id="home.hero.reassurance">
Expand Down
Loading