From a1ca32b7a6b30de10bcc3bc2f24ed8feba3a49b9 Mon Sep 17 00:00:00 2001 From: Antony Nasce Date: Mon, 11 May 2026 22:17:50 +0300 Subject: [PATCH 1/2] Add supporter metadata and badge for listings --- README.md | 4 ++++ src/components/SiteCard.tsx | 17 ++++++++++++----- src/components/SiteRow.tsx | 5 +++++ src/data.ts | 5 +++++ src/types.ts | 10 ++++++++++ 5 files changed, 36 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index 325aee6..21f1001 100644 --- a/README.md +++ b/README.md @@ -120,6 +120,10 @@ If you are browsing on **iOS**, **iPadOS**, **macOS**, or **visionOS**, MIDIWeb Find out more at **[midiweb.cc](https://midiweb.cc)**. +## Sponsorship + +MIDIWeb Hub may recognise supporters who help fund the project. Sponsorship does not guarantee inclusion, ranking, endorsement, or editorial preference. All listed sites must still be relevant to WebMIDI, browser-based music-making, music learning, or creative music technology. + ## Independence and non-affiliation **MIDIWeb** and **MIDIWeb Hub** are independent projects created by **5of12**. diff --git a/src/components/SiteCard.tsx b/src/components/SiteCard.tsx index 3bba6b6..e264169 100644 --- a/src/components/SiteCard.tsx +++ b/src/components/SiteCard.tsx @@ -36,11 +36,18 @@ export function SiteCard({ site, status }: SiteCardProps) { -

- {site.name} -

+
+

+ {site.name} +

+ {site.sponsor?.active && ( + + Supporter + + )} +

{site.description || 'A WebMIDI-capable website.'} diff --git a/src/components/SiteRow.tsx b/src/components/SiteRow.tsx index 4ee33c2..7a81b09 100644 --- a/src/components/SiteRow.tsx +++ b/src/components/SiteRow.tsx @@ -35,6 +35,11 @@ export function SiteRow({ site, status }: SiteRowProps) { }`}> {site.name} + {site.sponsor?.active && ( + + Supporter + + )} {status === 'loading' && } {status === 'up' && } {status === 'down' && } diff --git a/src/data.ts b/src/data.ts index c290042..5d71fb5 100644 --- a/src/data.ts +++ b/src/data.ts @@ -179,6 +179,11 @@ export const initialSites: Site[] = [ ], description: 'Practice drums in the browser with 2000+ songs as drum sheet or rhythm game. AI-generated transcription from MP3/YouTube, MIDI input from electronic kits, real-time scoring, sheet editor, and PDF/MIDI export.', + sponsor: { + active: true, + tier: 'supporter', + since: '2026-05-11', + }, }, ]; diff --git a/src/types.ts b/src/types.ts index ffa2d06..2daf4b6 100644 --- a/src/types.ts +++ b/src/types.ts @@ -1,9 +1,19 @@ +export type SponsorTier = 'supporter' | 'sponsor' | 'featured-sponsor'; + +export interface SponsorInfo { + active: boolean; + tier: SponsorTier; + since?: string; + note?: string; +} + export interface Site { id: string; name: string; url: string; tags: string[]; description?: string; + sponsor?: SponsorInfo; } export type ViewMode = 'grid' | 'list'; From 2a11a8f632309346e586dd0f90afa2f3181fe3c0 Mon Sep 17 00:00:00 2001 From: Antony Nasce Date: Mon, 11 May 2026 21:36:09 +0100 Subject: [PATCH 2/2] Tweaks to readme --- README.md | 10 +++++----- index.html | 2 +- src/App.tsx | 6 +++--- src/data.ts | 2 +- 4 files changed, 10 insertions(+), 10 deletions(-) diff --git a/README.md b/README.md index 21f1001..6ec301d 100644 --- a/README.md +++ b/README.md @@ -112,21 +112,21 @@ A few practical suggestions: - use the canonical site URL - check that the link works before submitting -## About MIDIWeb +## About MIDIWeb Browser -**MIDIWeb** is a browser for Apple platforms that helps users explore websites using WebMIDI. +**[MIDIWeb Browser](https://apps.apple.com/gb/app/midiweb-browser/id6757226617)** is an App for Apple platforms that helps users explore websites using WebMIDI. -If you are browsing on **iOS**, **iPadOS**, **macOS**, or **visionOS**, MIDIWeb offers a dedicated way to access WebMIDI experiences on Apple devices. +If you are browsing on **iOS**, **iPadOS**, **macOS**, or **visionOS**, [MIDIWeb](https://apps.apple.com/gb/app/midiweb-browser/id6757226617) offers a dedicated way to access WebMIDI experiences on Apple devices. Find out more at **[midiweb.cc](https://midiweb.cc)**. ## Sponsorship -MIDIWeb Hub may recognise supporters who help fund the project. Sponsorship does not guarantee inclusion, ranking, endorsement, or editorial preference. All listed sites must still be relevant to WebMIDI, browser-based music-making, music learning, or creative music technology. +MIDIWeb Hub may recognise supporters who help fund the MIDIWeb Browser and/or MIDIWeb Hub projects. Sponsorship does not guarantee inclusion, ranking, endorsement, or editorial preference. All listed sites must still be relevant to WebMIDI, browser-based music-making, music learning, or creative music technology. ## Independence and non-affiliation -**MIDIWeb** and **MIDIWeb Hub** are independent projects created by **5of12**. +**MIDIWeb Browser** and **MIDIWeb Hub** are independent projects created by **5of12**. They are **not affiliated with, endorsed by, sponsored by, or officially connected with The MIDI Association**. Any references to MIDI, WebMIDI, MIDI standards, or related technologies are used for descriptive and informational purposes only. diff --git a/index.html b/index.html index b6ba607..2b61658 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - MIDIWeb Hub + MIDIWeb Hub - WebMIDI Directory

diff --git a/src/App.tsx b/src/App.tsx index 54775d5..371dc62 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -153,9 +153,9 @@ export default function App() {

- A curated directory of synthesizers, utilities, and experiments that + A lovingly curated directory of synths, utilities, teaching tools and experiments that leverage the Web MIDI API directly in your browser. Connect your - MIDI controller and start playing. + MIDI controller and start playing!

@@ -246,7 +246,7 @@ export default function App() {