RCC

Roxbury Community College

Strategic Framework Initiative

Champions Widget Generator

Customize and generate embed code for the Champions Leaderboard widget

Widget Configuration
Customize the appearance and behavior of your widget
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

  1. Copy the embed code above
  2. Paste it into your website's HTML where you want the widget to appear
  3. The widget will automatically load and refresh based on your settings
  4. 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