Admin — Khalid "The Sword" Shakur

Dashboard

Overview of all site content

0

Upcoming Fights

0

Approved Reviews

0

Pending Reviews

0

Videos Linked

Quick Actions

Site Status

Hero & Record Stats

Updates the top section and win/loss/KO numbers instantly

Fighter Identity

Nickname (shown in gold)

Eyebrow Text

Record Stats (Hero Banner)

Wins

Losses

Draws

KOs

KO Rate

Bio & Facts

Controls the About / Story section

Bio Text

Section Heading (use \n for line break)

Paragraph 1

Paragraph 2

Fighter Facts

Nationality

Weight Class

Previous Trainer

Current Trainer

Stance

Pro Since

Videos

Add or edit YouTube video tabs. Paste any YouTube URL — watch, share, or short links all work.

Add New Video Tab

Tab Label *

Caption (shown below video)

YouTube URL *

Accepts youtube.com/watch?v=, youtu.be/, or youtube.com/embed/ links

YouTube preview will appear here after you paste a URL

VIDEO TABS

Fight Record Table

The professional record shown in the Fights section. Add each past bout here.

Add Bout

Result

Opponent Name *

Method

Round

Date

Location

BOUTS ON RECORD

Upcoming Fights

Manage the fight schedule shown publicly on the site

Add New Fight

Opponent Name *

Fight Date *

Venue

City / Country

Weight Class

Scheduled Rounds

Promoter(s)

Sponsor(s)

Ticket Rates (one per line, e.g. Free Seating: SGD 75)

Tickets Left (for urgency message — leave blank to hide)

Notes (shown in gold, optional)

Mark as Sold Out

SCHEDULED

Gallery Photos

Add photo URLs to display in the gallery. Use relative paths (images/photo.jpg) or full URLs from any image host.

Add Photo

Image URL or Path *

For images in your site folder: images/filename.jpg · For hosted images: paste full https:// URL

Alt Text (description for accessibility)

GALLERY PHOTOS (first photo spans 2 rows)

Achievements & Rankings

Controls the belt/title cards and the tagline

Tagline

Hero Tagline

Add Achievement Card

Icon (emoji)

Organisation / Label

Year

Achievement Name *

ACHIEVEMENT CARDS

Training & Packages

Manage the coaching section content and pricing

Section Content

Intro Paragraph

Quote (displayed in the gold box)

Location / Note (use \n for line break)

Add Training Package

Package Name *

Price

Price Unit / Period

Badge (optional)

Description

Feature Tags (comma-separated)

Featured package (gold border)

PACKAGES

Client Reviews

Only approved reviews show publicly. The homepage shows the 3 most recent approved reviews.

Add New Review

Client Name *

Company / Organisation

Role / Package

Star Rating

Review Text *

Tag Label (optional)

Approve immediately (show publicly)

ALL REVIEWS

Contact Info

Updates the contact section on the homepage

Intro Blurb

Management

Email Address

Promoter

Footer Copyright Text

Social Links

Updates the footer social link URLs

Instagram URL

LinkedIn URL

YouTube Channel URL

TikTok URL (optional)

Facebook URL (optional)

Google Sheets — Contact Form

Connect the contact form so enquiries go to a Google Sheet

The contact form submits to a Google Apps Script Web App which writes each submission as a row. Free, no server needed, works on GitHub Pages.

1

Create a Google Sheet
Go to sheets.google.com → New → name it "Khalid — Enquiries"
Add headers in Row 1: Timestamp | Name | Email | Enquiry Type | Message

2

Open Apps Script
Extensions → Apps Script → delete all code → paste:

function doPost(e) { var sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet(); var data = JSON.parse(e.postData.contents); sheet.appendRow([new Date().toLocaleString('en-SG'),data.name||'',data.email||'',data.type||'',data.message||'']); return ContentService.createTextOutput(JSON.stringify({result:'success'})).setMimeType(ContentService.MimeType.JSON); }

3

Deploy → New Deployment
Type: Web App · Execute as: Me · Access: Anyone → Deploy → Copy URL

4

Paste URL into index.html
Find the line const SHEETS_URL = 'YOUR_GOOGLE_APPS_SCRIPT_URL_HERE'; and replace the placeholder.

Save & Publish

When you're happy with your changes, download data.js and replace the file in your website folder. All visitors will see the updates immediately.

⬇ Download data.js

This downloads a fresh data.js file containing all your current content — bio, record, fights, reviews, gallery, packages, and settings.

To publish: Replace data.js in your website folder with this downloaded file. Works on file://, GitHub Pages, Netlify, or any static host.

📂 Load a data.js backup

Load a previously saved data.js file to restore its data into this admin session.

Select data.js file