diff --git a/public/icons/README.md b/public/icons/README.md index 60bd483..9056787 100644 --- a/public/icons/README.md +++ b/public/icons/README.md @@ -4,6 +4,7 @@ This directory holds the traced SVGs used by moq.dev: | Directory | Used by | | --- | --- | +| `alliance/` | Homepage MoQ Alliance members | | `cards/` | Announcement cards generated by `tools/cards/render.ts` | | `social/` | Author links on the site | | `use-case/` | Homepage use case cards | @@ -16,6 +17,8 @@ The homepage also uses eight language drawings from `cards/` in its library link The **Voice and video AI** and **Interactive** use-case icons were traced from the hand-drawn `~/art/icons3/camera.PNG` and `~/art/icons3/gameboy.PNG`. +The `alliance/` logos were traced from the hand-drawn `~/art/pitch/2.kra` slide. + The Rust card's Ferris drawing is based on the [CC0 original by Karen Rustad Tölva](https://rustacean.net/). moq.dev owns the originals. The `moq` documentation already has its own hand-drawn feature icons, while its player and publisher controls use a separate interface icon set. diff --git a/public/icons/alliance/akamai.svg b/public/icons/alliance/akamai.svg new file mode 100644 index 0000000..a264188 --- /dev/null +++ b/public/icons/alliance/akamai.svg @@ -0,0 +1,46 @@ + + Akamai + + + + + + + + + + + + + + diff --git a/public/icons/alliance/aws.svg b/public/icons/alliance/aws.svg new file mode 100644 index 0000000..8c568cb --- /dev/null +++ b/public/icons/alliance/aws.svg @@ -0,0 +1,60 @@ + + AWS + + + + + + + + + + + + + + + + + diff --git a/public/icons/alliance/cisco.svg b/public/icons/alliance/cisco.svg new file mode 100644 index 0000000..fff0497 --- /dev/null +++ b/public/icons/alliance/cisco.svg @@ -0,0 +1,72 @@ + + Cisco + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/icons/alliance/cloudflare.svg b/public/icons/alliance/cloudflare.svg new file mode 100644 index 0000000..c43124f --- /dev/null +++ b/public/icons/alliance/cloudflare.svg @@ -0,0 +1,44 @@ + + Cloudflare + + + + + + + + + + + + + + diff --git a/public/icons/alliance/fastly.svg b/public/icons/alliance/fastly.svg new file mode 100644 index 0000000..64359d6 --- /dev/null +++ b/public/icons/alliance/fastly.svg @@ -0,0 +1,36 @@ + + Fastly + + + + + + + + + + + diff --git a/public/icons/alliance/intel.svg b/public/icons/alliance/intel.svg new file mode 100644 index 0000000..af18e7a --- /dev/null +++ b/public/icons/alliance/intel.svg @@ -0,0 +1,46 @@ + + Intel + + + + + + + + + + + + + + diff --git a/public/icons/alliance/mux.svg b/public/icons/alliance/mux.svg new file mode 100644 index 0000000..bf971f3 --- /dev/null +++ b/public/icons/alliance/mux.svg @@ -0,0 +1,46 @@ + + Mux + + + + + + + + + + + + diff --git a/public/icons/alliance/oracle.svg b/public/icons/alliance/oracle.svg new file mode 100644 index 0000000..8dff12f --- /dev/null +++ b/public/icons/alliance/oracle.svg @@ -0,0 +1,55 @@ + + Oracle + + + + + + + + + + + + diff --git a/src/pages/index.astro b/src/pages/index.astro index 5c80688..270c296 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,5 +1,4 @@ --- -import Users from "@/components/users.astro"; import Layout from "@/layouts/global.astro"; interface Post { @@ -38,9 +37,17 @@ const languages = [ { name: "C", icon: "c", href: "https://doc.moq.dev/lib/c/" }, ]; -// A few members of the MoQ Alliance. Most build their own MoQ stack, so they -// sit apart from the users above. -const alliance = ["Cloudflare", "Akamai", "AWS", "Fastly", "Cisco", "Intel", "Oracle", "Mux"]; +// A few members of the MoQ Alliance. `icon` is hand-drawn art in public/icons/alliance/. +const alliance = [ + { name: "Cloudflare", icon: "cloudflare" }, + { name: "Akamai", icon: "akamai" }, + { name: "AWS", icon: "aws" }, + { name: "Fastly", icon: "fastly" }, + { name: "Cisco", icon: "cisco" }, + { name: "Intel", icon: "intel" }, + { name: "Oracle", icon: "oracle" }, + { name: "Mux", icon: "mux" }, +]; // `icon` is hand-drawn art in public/icons/use-case/. const useCases = [ @@ -187,19 +194,26 @@ const useCases = [ - + - - Already in the wild. - Using MoQ? Tell us - - - - Building the standard with - - {alliance.map((name) => {name})} - and the rest of the MoQ Alliance - + Not just us. + + The MoQ Alliance is a group of CDNs, vendors, and open + source projects building MoQ together, with independent implementations that interoperate. + + + { + alliance.map((member) => ( + + + {member.name} + + )) + } + + and many more + → +
+ The MoQ Alliance is a group of CDNs, vendors, and open + source projects building MoQ together, with independent implementations that interoperate. +