Band of Gold Site Manager
Booster Club Admin
Welcome back
Band of Gold · Miami Coral Park Senior High School · ● Live
10
Accomplishments
7
Leaders listed
2025
Champion year
Free
Hosting cost
Quick actions
Calendar
Events are managed directly in Google Calendar. Add rehearsals, competitions, and performances there — the website updates automatically.
Open Google Calendar →Calendar ID: [email protected]
How to update the site
1.Pick a section from the left menu
2.Add, edit, or remove any information
3.Hit "Save changes" — public site updates instantly
4.Click "Back to site" when done
Accomplishments
Add new titles, edit existing entries, or remove outdated ones.
Championship titles and awards
✓ Saved — site updated
📸 Legacy photos — through the years
These appear as a horizontal swipe strip below the accomplishments. Add a photo, year, and short caption for each milestone moment.
✓ Saved — site updated
Staff
Add, edit, or remove band directors and instructors. Role determines grouping — include "Instructor" in the role to appear under Instructors.
Band staff
✓ Saved — site updated
Student Leaders
Update the Leadership Council members. First member gets the featured highlight.
Leadership Council
✓ Saved — site updated
Leadership
Update school administration and booster club officers.
School administration
✓ Saved
Booster club officers
✓ Saved
Contact info
This information shows on the public website contact section.
Booster club details
💰 Donation links
✓ Saved
Photos
Upload photos from your device. They go straight to your Cloudinary account and appear in the gallery on the public site.
Hero background photo This photo appears as the full-screen background behind the Band of Gold title on the homepage. Best size: landscape, at least 1200px wide.
Click to upload or drag & drop
JPG, PNG, WEBP — max 10MB
JPG, PNG, WEBP — max 10MB
Uploading…
Photo gallery These photos appear in a grid gallery on the public site. Upload your best performance and event photos here.
Click to upload or drag & drop
Select multiple photos at once
Select multiple photos at once
Uploading…
Videos
Add YouTube links to showcase performances, hype reels, and competition footage on the public site.
YouTube videos Paste any YouTube video URL or share link. The video will embed directly on the site. Upload your videos to YouTube first, then paste the link here.
✓ Saved — videos updated
Admin Notes
Private notes for whoever manages the site. Not visible to the public. Use this to leave instructions, passwords, contact info, or reminders for future admins.
Internal notes Only visible here in the admin panel. Use it to leave notes for the next person who manages the site — passwords, contacts, what to update each season, etc.
✓ Notes saved
Setup Guide
Everything you need to run this site — no tech experience required. Tap any section to expand it.
📋 Quick reference — tap to go there now
▾
I want to…
🔑 Passwords & who has access
▾
1
There are two passwordsThe Admin password is for students and booster club members. The Director password is only for Mr. G (the director). The Director password unlocks extra settings like changing passwords.
2
Default passwords (change these!)Admin:
BandOfGold | Director: BOGDirector. Go to Password in the sidebar to change them. You need the Director password to change either one.3
Forgot the password?Contact whoever was the previous admin or Mr. G. The Director password can reset everything. If all passwords are lost, a developer needs to reset them in the database.
⚙️ First-time site setup
▾
1
Go to Site SettingsClick Site Settings in the sidebar. Fill in the band name, school name, season year, location, and contact email. Hit Save changes — these appear throughout the public site.
2
Add social media linksIn Site Settings, scroll to Social & Contact. Paste your Instagram, Facebook, TikTok, and YouTube links. These appear in the footer and Contact section of the public site.
3
Add donation linksIn Site Settings, scroll to Donations. Paste your Zeffy, Venmo, or Cash App links. These go into the fundraising section on the site.
4
Save everythingEach card in Site Settings has its own Save button. Make sure you save each section after editing.
📸 Photo uploads (Cloudinary)
▾
1
Create a free accountGo to
cloudinary.com and sign up with the booster club email. It's 100% free — no credit card needed.2
Get your Cloud NameAfter signing in, your Cloud Name appears on the dashboard (top-left corner). It looks like
dxyz12abc. Copy it.3
Create an upload presetIn Cloudinary, go to
Settings → Upload → Upload Presets → Add upload preset. Change Signing Mode to Unsigned. Click Save. Copy the preset name.4
Paste both into Site SettingsIn this admin panel, go to Site Settings → Photos (Cloudinary). Paste your Cloud Name and Upload Preset. Hit Save. After that, the Photos section will work for uploading.
5
Upload photosGo to Photos in the sidebar. Drag and drop or click to upload. Hero photo = the big background image. Gallery = competition & event photos.
📅 Google Calendar events
▾
1
What this doesWhen set up, the site pulls events from the band's Google Calendar and shows them automatically — dates, times, and locations included.
2
You need a Google API keyThis is a free code that lets the site read your calendar. Go to
console.cloud.google.com → create a project → enable the Google Calendar API → go to Credentials → Create an API Key. Copy the key.3
Save the keyIn this admin, go to Site Settings → Season. Paste the API key into the Google Calendar API key field and hit Save.
4
Already done for youThe API key has already been set up. You only need to redo this if the key stops working. Check Admin Notes for the key backup.
🎺 Next Show card
▾
1
What it isA highlighted card on the public site showing the next performance — name, date, time, venue, and a "Get tickets" button. It appears right above the calendar.
2
How to set itGo to Next Show in the sidebar. Fill in the show name, date, time, venue, and ticket link. Hit Save Next Show.
3
After the show is overGo back to Next Show and click Clear so it disappears from the public site. Then add the next one.
🤝 Sponsors
▾
1
What it isA section on the public site showing sponsor logos or names. Great for thanking businesses that support the band.
2
How to add a sponsorGo to Sponsors in the sidebar. Click + Add sponsor. Enter their name, website link, and upload their logo. Hit Save changes.
3
How to remove a sponsorClick the trash icon next to a sponsor and hit Save. They'll disappear from the public site immediately.
🎬 Videos
▾
1
Upload to YouTube firstGo to
youtube.com, sign in with the band's account, and upload the video. Set it to Public or Unlisted.2
Copy the video linkClick Share on the video and copy the URL. It looks like
youtube.com/watch?v=abc123.3
Add it to the siteGo to Videos in the sidebar. Click + Add video, paste the link, give it a title, and hit Save changes.
📢 Announcement banner
▾
1
What it isA gold bar at the very top of the public site. Use it for urgent news — upcoming show, fundraiser deadline, rain cancellation, etc.
2
How to turn it onGo to Announcement in the sidebar. Toggle it on, type your message, and optionally add a link. Hit Save changes.
3
Turn it off when doneAfter the event passes, go back to Announcement and toggle it off. Nobody wants to see a banner about a show from three weeks ago.
💾 Backup & restore
▾
1
Always back up before big changesGo to Backup & Restore in the sidebar. Click Download backup. Save the file somewhere safe — Google Drive, email to yourself, etc.
2
To restoreGo to Backup & Restore, click Choose file, select your backup file, and hit Restore. This brings back all content — announcements, photos, videos, sponsors, everything.
3
Backup scheduleBack up at least once at the start of each season and once at the end. Store the file somewhere that won't be deleted (not just on your phone).
🔄 What to update each season
▾
1
August — before season startsDownload a backup. Update the season year in Site Settings. Update Student Leaders. Update staff in Administration if anyone changed. Set the Next Show card.
2
During seasonUse the Announcement banner for show reminders. Clear the Next Show card after each competition and set the next one. Add photos after every show. Add YouTube videos after competitions.
3
After state competitionUpdate Accomplishments with any new titles. Add the championship video. Turn off the announcement banner. Clear the Next Show card. Download a final backup.
4
Passing it onWhen a new admin takes over, share the Admin password. Leave notes (Cloudinary login, contacts, what to do) in Admin Notes — it's private and won't be seen by the public.
Announcement Banner
Show a gold banner at the top of the public site — great for upcoming shows, fundraisers, or news.
Banner settings
✓ Saved — banner updated
Hero Text
Edit the main headline, description, and set a background photo for the hero section.
Hero text
✓ Saved — hero updated
Hero background photo
Paste a direct image URL (Google Drive, Dropbox, Instagram CDN, etc.). The image will appear behind the hero text.
✓ Saved
Site Settings
Update the season year and social media handles.
Season
✓ Saved
Social media handles
✓ Saved — settings updated
📸 Cloudinary photo uploads Get these from your free Cloudinary account. See the Setup Guide in the sidebar for step-by-step instructions.
Backup & Restore
Save a snapshot of all site content. If something goes wrong, restore any previous version instantly.
Create backup
Always create a backup before making big changes. Backups save everything — accomplishments, staff, leaders, settings, and more.
✓ Backup saved
Saved backups
Restoring a backup replaces all current content with the saved version. This cannot be undone — create a backup first if unsure.
Loading backups…
Next Show
Highlight the upcoming event. Shows as a banner on the public site. Leave blank to hide it.
📅 Upcoming performance
✓ Saved — site updated
Countdown Timer
Show a live countdown on the public site linked to an event from your Google Calendar. Auto-updates if the date changes.
⏰ Timer settings
✓ Saved — site updated
ℹ How it works
The timer reads directly from Google Calendar every 5 minutes. If you move the event in Google Calendar, the countdown updates automatically — no changes needed here. The timer hides itself once the event has passed.
Sponsors
Add businesses that sponsor the band. They'll appear in the Sponsors section of the site. Upload a logo image directly — if omitted, the name shows as text.
⭐ Current sponsors
✓ Saved — site updated
Password
The admin password is what students and leaders use to log in. The master password is the director-only override — keep it safe and private.
🔑 Admin password This is the password shared with students, drum majors, and anyone who needs to update the site. Change it each season or if it gets compromised.
✓ Password updated
🔐 Master password Director-only. Used to recover access if the admin password is lost or changed by a student. Never share this with students. Log in with this password to reset the admin password.
Only visible when logged in with the master password. Log out and log back in with the master password to change it.
