Champions Widget Generator

Customize and generate embed code for the Champions Leaderboard widget

Widget Configuration

Customize the appearance and behavior of your widget

Theme

Primary Color (Navy)

Accent Color (Orange)

Show Department Names

Auto-Refresh Interval

Number of Champions to Display

Embed Code

Copy this code and paste it into your website's HTML

<!-- RCC Champions Leaderboard Widget -->
<div id="rcc-champions-widget"></div>
<script>
  window.RCCChampionsConfig = {
  "theme": "light",
  "primaryColor": "#003366",
  "accentColor": "#FF6600",
  "showDepartment": true,
  "refreshInterval": 300000,
  "maxChampions": 5
};
</script>
<script src="https://rccsummary-gnwuwbmu.manus.space/widget/champions-leaderboard.js" async></script>

Installation Instructions

Copy the embed code above
Paste it into your website's HTML where you want the widget to appear
The widget will automatically load and refresh based on your settings
The widget is responsive and will adapt to its container width

Widget Features

Automatically updates with latest Champion data
Fully responsive design adapts to any screen size
Lightweight and fast-loading (less than 10KB)
Customizable colors to match your website branding
Links back to full Champions Dashboard
No external dependencies required