Welcome to the BSSF Admin Panel
This is your complete control centre for the Bermuda School Sports Federation platform. From here you can manage every piece of content that appears on the public website — events, results, standings, teams, players, blog posts, photos, and more.
Dashboard
Your home screen. Shows live stats — total events, teams, blog posts, and gallery photos. Also displays recent events and latest published articles at a glance.
Public Site
Everything you manage here is reflected instantly on the public-facing website. Visitors can browse events, standings, teams, gallery albums, and blog posts without logging in.
Data Storage
All data is stored in your browser's localStorage. No external server is needed. Data persists across page refreshes but is browser-specific — clearing your cache will erase data.
Platform Sections at a Glance
| Section | What It Does | Who Sees It |
|---|
| Events Manager | Schedule and manage all fixtures across every sport | Admin only |
| Results Manager | Record and verify match scores; auto-updates standings | Admin only |
| Standings Manager | View and manually adjust league tables per sport | Admin only |
| Blog Manager | Write, publish, and organise news articles | Admin only |
| Gallery Manager | Create event albums and batch-upload photos | Admin only |
| Teams Manager | Add school teams with logos, colors, and coaches | Admin only |
| Players Manager | Maintain full athlete rosters with stats | Admin only |
| Schools Manager | Manage participating schools with logos and contacts | Admin only |
| Weekly Winners | Feature the athlete of the week on the home page | Admin only |
| Settings | Configure site name, contact info, social links | Admin only |
Events Manager
The Events Manager is where you schedule all fixtures — football matches, basketball games, cricket matches, track meets, and swimming galas. Events appear on the public Events page and feed into the live score ticker on the home page.
1Open Events ManagerClick Events in the left sidebar. You'll see a table of all existing events sorted by date.
2Add a New EventClick the + Add Event button. A form will appear asking for: Sport, Home Team, Away Team, Date & Time, Venue, and Status.
3Set the StatusChoose from Scheduled (upcoming), Live (in progress), or Completed (finished). You can update this at any time.
4Save the EventClick Save. The event immediately appears on the public Events page and in the home page upcoming events grid.
5Update During a MatchWhen a match starts, edit the event and change Status to Live. A pulsing green dot will appear on the public site. When it ends, change to Completed and record the result.
Pro Tip: Schedule all fixtures at the start of the season so the public calendar is always up to date. You can edit dates and venues at any time.
Event Status Guide
| Status | What It Means | Public Display |
|---|
| Scheduled | Match is upcoming and confirmed | Blue badge, shown in upcoming events |
| Live | Match is currently in progress | Pulsing green dot, appears in live ticker |
| Completed | Match has ended, result recorded | Gray badge, shows final score |
Results Manager
The Results Manager lets you record and verify match scores. When a result is saved and verified, the standings tables update automatically — no manual calculation needed.
1Go to Results ManagerClick Results in the sidebar. You'll see all events listed with their current score status.
2Find the MatchUse the sport filter or scroll to find the completed match. Events with no score show a Pending badge.
3Enter the ScoreClick the edit icon on the event row. Enter the Home Score and Away Score in the fields provided.
4Add Match Notes (Optional)Add notes like AET (after extra time), Pen (penalties), or any other relevant detail.
5Mark as VerifiedToggle the Verified switch to confirm the score is official. Standings recalculate immediately on save.
Important: Standings only update when a result is marked Verified. Always verify scores before moving on.
Standings Manager
League tables are calculated automatically from verified results. The Standings Manager lets you view all tables and make manual adjustments when needed (e.g. walkovers, forfeits, administrative changes).
Automatic Updates
Every time you verify a result in the Results Manager, the standings for that sport recalculate instantly. Win = 3 pts, Draw = 1 pt, Loss = 0 pts.
Manual Adjustments
Click the edit icon on any team row to manually change points, wins, draws, losses, goals for, or goals against. Use this for walkovers or administrative decisions.
Sort Order
Teams are sorted by Points (highest first). Ties are broken by Goal Difference, then Goals For. The top team is highlighted with a gold accent.
Sport Tabs
Click the sport tabs (Football, Basketball, Cricket, Track, Swimming) to switch between league tables. Each sport has its own independent table.
| Column | Meaning |
|---|
| Pos | League position (rank) |
| Team | Team name and school |
| P | Matches played |
| W | Wins |
| D | Draws |
| L | Losses |
| GF | Goals / Points For |
| GA | Goals / Points Against |
| GD | Goal / Point Difference (GF minus GA) |
| Pts | Total league points |
Blog Manager
The Blog Manager is a full publishing system. Write news articles, athlete profiles, event previews, and match reports. Posts appear on the public News & Blog page with categories, tags, featured images, and social sharing.
1Create a New PostClick + New Post. The post editor opens with a rich text editor (Quill), title field, category selector, tags, and featured image.
2Write Your ArticleUse the Quill editor toolbar to format text: bold, italic, headings, bullet lists, numbered lists, blockquotes, and links. Paste content from Word or Google Docs — formatting is preserved.
3Set Category & TagsSelect a category (e.g. Football, Basketball) from the dropdown. Add tags as comma-separated keywords (e.g. cup-final, warwick-academy, 2025). These power the filter tabs and tag cloud on the public blog.
4Add a Featured ImagePaste a direct image URL in the Featured Image field. This appears as the article's hero banner on the blog page and in the post grid thumbnail.
5Set Status & PublishChoose Draft to save without publishing, or Published to make it live immediately. Toggle Featured Post to display it as the large hero article at the top of the blog page.
Featured Post: Only one post can be featured at a time. Setting a new post as featured will automatically un-feature the previous one.
Managing Categories & Tags
Categories
Categories appear as filter tabs on the public blog. Add a category by entering a name and choosing a color. Delete categories with the trash icon. Recommended: keep to 5–7 categories maximum.
Tags
Tags appear in the tag cloud sidebar on the public blog. Readers can click a tag to filter posts. Use specific, descriptive tags like cup-final, saltus-grammar, or track-2025.
Gallery Manager — Event Albums
The Gallery is organised into Event Albums. Each album represents a single event (e.g. a match, gala, or ceremony) and can hold unlimited photos. Visitors browse albums on the public Gallery page and click into any album to view all its photos in a lightbox.
1Create an Event AlbumClick + New Event Album. Enter the album title (e.g. Eagles vs Griffins — Cup Final), select the sport, set the event date, and add an optional description. Click Save.
2Open the AlbumClick Manage Photos on any album card to open that album's photo editor.
3Batch Upload PhotosClick Upload Photos. Either drag and drop multiple image files onto the upload zone, or click to open your file browser and select multiple files at once (hold Ctrl/Cmd to select many).
4Preview & CaptionThumbnails of all selected photos appear in the preview grid. Remove any unwanted photos by clicking the × button. Optionally enter a Caption Prefix (e.g. Eagles vs Griffins) — photos will be named Eagles vs Griffins — Photo 1, Photo 2, etc.
5Save All PhotosClick Save All. All photos are saved to the album instantly and appear in the public gallery.
File Limits: Max 2MB per photo. Accepted formats: PNG, JPG, WebP. Photos are stored as base64 in localStorage — keep total photo data under ~8MB for best performance.
Public Lightbox
Visitors can click any photo to open the full-screen lightbox viewer. Use ← → arrow keys or the on-screen buttons to navigate between photos. Press Escape to close.
Deleting Content
Delete individual photos with the trash icon inside the album editor. Delete an entire album (and all its photos) with the trash icon on the album card. Both actions ask for confirmation first.
Teams Manager
Manage every school team competing in the federation. Teams appear on the public Teams page with their logo, colors, sport badge, and coach name.
1Add a TeamClick + Add Team. Fill in: Team Name, School, Sport, Coach Name, Primary Color, Secondary Color.
2Upload a Team LogoClick the circular logo upload area to select a PNG/JPG/WebP image (max 2MB, ideally 200×200px square). A live circular preview updates immediately. Alternatively, paste a direct image URL in the URL field below the upload area.
3No Logo? No ProblemIf no logo is uploaded, the system automatically generates a colored badge using the team's initials and primary color.
4Edit or DeleteClick the pencil icon to edit any team's details or replace its logo. Click the trash icon to delete a team (confirmation required).
Players Manager
Maintain a complete athlete directory. Player profiles include their team, school, sport, position, jersey number, and sport-specific stats.
1Add a PlayerClick + Add Player. Enter: Full Name, Team, School, Sport, Position, Jersey Number, and stats (Goals, Assists, Points — varies by sport).
2Update StatsAfter each match, click the edit icon on any player to update their season statistics. Stats are displayed on the player's public profile.
Schools Manager
The Schools Manager stores the full profile of every participating school — contact information, colors, and official logo. School data is referenced throughout the platform when displaying teams and events.
1Add a SchoolClick + Add School. Fill in: School Name, Short Name (abbreviation), Email, Phone, Website, Founded Year, Address, Primary Color, Secondary Color.
2Upload School LogoClick the upload area to select a logo image (PNG/JPG/WebP, max 2MB). A live preview appears immediately. Alternatively, paste a direct image URL — the preview updates instantly.
3Save & EditClick Save School. The school appears in the schools table. Click the edit icon at any time to update details or replace the logo.
Logo Tip: Use a square image (1:1 ratio) at least 200×200px for the best display quality across all screen sizes.
Weekly Winners Manager
The Weekly Winner is featured prominently on the public home page in a dedicated spotlight section. Use this to celebrate outstanding athlete performances each week.
1Add a WinnerClick + Add Winner. Enter: Athlete Name, School, Sport, Achievement description, Week/Date, and an optional Photo URL.
2Write a Strong AchievementBe specific and celebratory — e.g. "Scored a hat-trick in the Cup Final, leading Eagles to a 3–1 victory over Griffins." This text appears verbatim on the home page.
3The Most Recent Winner is FeaturedThe home page automatically displays the most recently added winner. Add a new winner each Monday to keep the spotlight fresh throughout the season.
Best Practice: Update the Weekly Winner every Monday morning before the school week begins for maximum visibility.
Admin Access & Security
The admin panel is protected by username and password authentication. Only authorised users should have access to these credentials.
| Username | Password | Role |
|---|
| admin | safehands | Super Admin |
| admin2 | A7B9C2D4 | Super Admin |
| admin3 | X5Y8Z1W3 | Super Admin |
| admin4 | M9N4P6Q2 | Super Admin |
Security Warning: Change default passwords before deploying to a live public URL. Share credentials only with authorised school staff.
Logging Out
Click the Logout button in the top-right of the admin panel header. This clears your session and returns you to the public home page.
Session Security
Your admin session is stored in sessionStorage and expires when you close the browser tab. Always log out on shared computers.
Troubleshooting
Most issues with the BSSF platform are quick to resolve. Here are the most common problems and their solutions.
| Problem | Cause | Solution |
|---|
| All data has disappeared | Browser localStorage was cleared | Re-enter data. Consider exporting a backup via browser DevTools → Application → localStorage |
| Blog post not visible on public site | Post status is set to Draft | Edit the post and change Status to Published |
| Standings not updating after result | Result not marked as Verified | Go to Results Manager, edit the result, toggle Verified on, and save |
| Logo / photo not showing | Image URL is broken or file too large | Re-upload the image or use a working direct URL. Max file size is 2MB |
| Admin login fails | Wrong credentials or caps lock on | Try username: admin / password: safehands. Check Caps Lock |
| Gallery photos not loading | External image URL is unavailable | Re-upload the photo from your device instead of using a URL |
| Site looks broken on mobile | Outdated browser | Update to the latest version of Chrome, Safari, or Firefox |
| Live ticker not scrolling | No events with Live status | Edit an event and set its status to Live |
| Data not syncing between devices | localStorage is browser-specific | This is by design. Contact UminDesign to upgrade to a cloud database version |