Skip to content
View in the app

A better way to browse. Learn more.

ernestdefoe.online

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.
ernestdefoe.online

Extensions, themes & support for Flarum and Invision Community

Vibe coding for the community web. Report a bug, request a feature, or dig into the source — this is where the tools you use get built, in the open.

We do custom Bespoke Invision Community apps. If you have an idea for something you want then use the contact form to get in touch with us.

ESPN CFB Ticker — Flarum 2 Extension

Featured Replies

  • Administrators
  • Community Expert

ESPN CFB Ticker — Flarum 2 Extension

License: MIT

Flarum

A live FBS college football scores ticker for Flarum 2 forums, powered by the free public ESPN API. Scores scroll automatically across a sticky banner at the top (or bottom) of your forum, updating on a configurable interval.


Features

  • 🏈 FBS-only — filters ESPN's API to Group 80 (NCAA Division I FBS)

  • 📡 Live scores with a pulsing green dot for in-progress games

  • 🏆 AP/Coaches rankings — shows #N next to ranked teams (Top 25)

  • 🖼️ Team logos pulled directly from ESPN's CDN

  • ⚙️ Admin settings — toggle on/off, top/bottom position, refresh interval, scroll speed

  • 📱 Responsive — logos hidden on narrow screens to keep ticker readable

  • 🔁 Seamless loop — CSS-only marquee with no layout jank

  • ♻️ Auto-refresh — polls ESPN API on a configurable interval (default 60s)


Requirements

  • Flarum ^2.0

  • PHP ^8.3

  • No external PHP dependencies


Installation

composer require ernestdefoe/espn-cfb-ticker

Then enable the extension in your Flarum admin panel under Extensions.


Building JavaScript

If you're contributing or modifying the extension:


npm install
npm run build   # production build
npm run dev     # watch mode```

---

## Admin Settings

| Setting | Default | Description |

|---|---|---|

| Enable Ticker | `true` | Show/hide the ticker sitewide |

| Position | `top` | Sticky top or fixed bottom |

| Refresh Interval | `60` seconds | How often to poll ESPN API (min 15s) |

| Scroll Speed | `40` | Per-game animation multiplier (lower = faster) |

---

## How It Works

1. On page load the extension mounts a Mithril component outside Flarum's main app node.
2. The component `fetch()`es `https://site.api.espn.com/apis/site/v2/sports/football/college-football/scoreboard?groups=80&limit=50` — the public ESPN API, no key required.
3. Games are rendered in a CSS `@keyframes` scroll animation. The track is duplicated so the loop is seamless.
4. A `setInterval` re-fetches on the configured interval, causing a Mithril redraw.

---

## ESPN API Notes

The ESPN public scoreboard API (`site.api.espn.com`) is unofficial and undocumented but has been widely used by developers for years. It requires no API key and returns JSON. The `groups=80` parameter restricts results to FBS schools.

---

## License

[MIT](https://github.com/ernestdefoe/espn-cfb-ticker/blob/main/LICENSE) © 2026 ernestdefoe

<https://ernestdefoe.online/extension/ernestdefoe/espn-cfb-ticker>
  • 2 weeks later...
  • Replies 2
  • Views 49
  • Created
  • Last Reply

Top Posters In This Topic

  • 4 weeks later...
  • Ernest Defoe changed the title to ESPN CFB Ticker — Flarum 2 Extension
Guest
Reply to this topic...

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.