Polly — Setup Guide | Sapp's O-Line Academy

File Overview

FILES YOU HAVE

index.html

The live public website. This is the only file that goes on Cloudflare.

→ Upload to Cloudflare Pages

sapp-admin.html

Admin panel for Coach Sapp to manage sessions. Keep private.

→ Send directly to Coach Sapp only

sapp-emailjs-setup.html

Your EmailJS configuration guide with code generator.

→ Internal use — follow steps 3 & 4 below

sapp-brand-kit.html

Full brand guide for Coach Sapp's social media and design.

→ Send to Coach Sapp

sapp-business-cards.html

Print-ready business cards front and back.

→ Send to Coach Sapp or print directly

sapp-emailjs-setup.html

EmailJS template guide with plug-and-play code generator.

→ Internal setup use only

Cloudflare Pages

DEPLOY THE WEBSITE

Log into the Cloudflare dashboard at dash.cloudflare.com using the Phoenix Blueprint account credentials.

Click Pages in the left sidebar
Click Create a project → select Direct Upload
Name the project: sapps-oline-academy
Upload the file named index.html (make sure it's named exactly index.html)
Click Deploy site
Wait ~30 seconds — Cloudflare will give you a live URL
Copy the URL (will look like sapps-oline-academy.pages.dev) and save it

✓ Site is live. Test it by opening the URL in a browser — you should see the full Sapp's O-Line Academy website.

Custom Domain (Optional)

CONNECT COACH SAPP'S DOMAIN

If Coach Sapp has a domain (e.g. sappsoline.com), connect it now. If not, skip to Step 3 — the .pages.dev URL works fine for now.

In Cloudflare Pages, open the sapps-oline-academy project
Click Custom domains → Set up a custom domain
Enter the domain name → Cloudflare will auto-configure DNS (since we're already on Cloudflare)
Wait 2–5 minutes for DNS propagation
SSL certificate is issued automatically — no action needed

Note: If the domain is registered elsewhere (GoDaddy, Namecheap etc.) the nameservers need to be pointed to Cloudflare first. Check with the account owner.

EmailJS

SET UP EMAIL CONFIRMATIONS

Open sapp-emailjs-setup.html in a browser and follow all 6 steps. This connects the registration form to send automatic emails to parents and Coach Sapp on every new signup.

Go to emailjs.com → create a free account
Add Gmail service → connect Coach Sapp's email: support@sappolineacademy.com
Create Template 1 (athlete confirmation) — copy from the setup guide
Create Template 2 (coach notification) — copy from the setup guide
Open the setup guide → enter Service ID, Template IDs, and Public Key → click Generate Code
Copy the generated code block
Open index.html in a text editor → search for EMAILJS_SERVICE_ID → replace the 4-line credentials block with the generated code
Re-upload the updated index.html to Cloudflare Pages (drag and drop again)

Search term in index.html: const EMAILJS_SERVICE_ID = 'YOUR_SERVICE_ID';

✓ Test by submitting the registration form on the live site with a real email address. Both emails should arrive within 60 seconds.

Admin Panel

DELIVER ADMIN PANEL TO COACH SAPP

The admin panel is a standalone file that Coach Sapp keeps on his own device. It does NOT go on Cloudflare.

Send sapp-admin.html to Coach Sapp via email or text (AirDrop works great for iPhone)
Tell him to save it to his phone or laptop — he opens it in Safari or Chrome like a normal website
Default login: Username coachsapp / Password OLine75!
Recommend he changes the password — open the file in a text editor and change the CREDENTIALS line near the bottom
Confirm he can log in and add a test session
Have him open the live website on the same device/browser and confirm the session ticker appears

Important: The admin panel and the website must be opened in the same browser on the same device for the session ticker to sync (they use localStorage). Recommend Chrome or Safari.

Deliverables

SEND THESE FILES TO COACH SAPP

sapp-admin.html — his session management panel
sapp-brand-kit.html — his brand and social media guide
sapp-business-cards.html — tell him to open it and Ctrl+P to print
The live website URL from Cloudflare
His login credentials for the admin panel

Final Checks

PRE-LAUNCH CHECKLIST

Website loads correctly on desktop browser
Website loads correctly on mobile (iPhone Safari)
Session ticker shows when admin saves a session
Registration form submits successfully
Parent confirmation email received
Coach Sapp notification email received
Calendar .ics file downloads on "Add to Calendar" click
Partner fields show Eagle Nest Park and Central Florida Christian Academy
All nav links scroll to correct sections
Booking form visible and functional
Waiver checkbox required before form submits
Headshot upload shows preview
Brand kit opens and displays correctly
Business cards print correctly (Ctrl+P from browser)

✓ All checks pass = ready to go live. Send the URL to Coach Sapp.