Admin Dashboard | Ali Khan Portfolio

Total Projects 0

Technical Skills 0

Experience Entries 0

Certificates & Events 0

Last Synchronized Just now

Master Specification Compliance

Key rules configured from the 11-page specification document

✓ Pure Vanilla Frontend

Public site uses 100% semantic HTML5, CSS3 and Vanilla JS. Zero React or Next.js.

✓ No Invented Data

Personal details strictly adhere to verified input: B.Tech ECE 2nd year at SoET Vikram University, Maksi MP.

✓ Supabase Ready

Row Level Security schema prepared in schema.sql. Connect via Database Config tab.

✓ Realistic Skill Levels

No fake 95% percentage bars. Displays honest Beginner / Learning / Intermediate levels.

Edit Hero & Header Experience

Manage oversized editorial display typography, story content, 3D visual, and parallax interaction

Oversized Editorial Typography (Headline Marquee)

Display-sized magazine typography inspired by the reference design. Line 2 features the glowing accent highlight.

Line 1 Text (e.g. BUILDING)

Line 2 Highlighted Text (Accent)

Line 3 Text (e.g. FUTURE.)

Status Badge Text

Main Story Headline

Supporting Bio / Subheadline

Button 1 Text (Projects) Enable Button

Button 2 Text (Contact) Enable Button

Button 3 Text (Resume) Enable Button

Interactive 3D Technology Visual & Parallax Controls

Control the 3D rotating cyber cube, orbit rings, floating satellite badges, and smooth mouse-based tilt.

Hero Visual Type

Mouse Parallax Intensity

Custom 3D Artwork Image URL (Optional)

Enable Hero Technology Visual Enable Mouse Parallax Interaction Enable Continuous 3D Animations

Edit About Me

Manage bio, educational affiliation, and learning methodology

Headline

Bio Summary (Natural English)

Institution

Degree Program

Current Academic Status

Additional Certification Track

Career Direction

Location

Interests & Focus List

Technical Skills Management

Add, edit, or adjust skills and proficiency levels

Skill Name	Category	Level	Status	Actions

Learning Focus Areas

Manage high-level technology domains highlighted on the hero

Title	Description	Icon	Status	Actions

Project Showcase Management

Create and update projects without editing code

Project Title	Category	Status	Visibility	Actions

Internships & Experience

Manage verified internship and professional roles

Company	Role	Period	Actions

Education & Diplomas

Manage academic degrees and diplomas

Degree / Program	Institution	Duration	Actions

Certifications & Developer Events

Strictly distinguished: 'Certified', 'Applied', 'Attended', 'Participated'

Title	Type	Date / Status	Issuer	Attached File	Actions

Learning Journey Timeline

Chronological progression and milestones

Date Label	Title	Type	Actions

Developer & Social Profiles

Enter your profile links when available. Leave blank to hide from public site.

Contact & Messaging Configuration

Manage public contact details and mailto dispatch fallback

Footer & Network Hub Controls

100% Admin-controlled interactive network footer with animated SVG connection lines, profile card, navigation, focus areas, and contact links.

1. Network & Visual Controls

Enable Public Footer

Toggle to show or completely hide the footer section on the public site.

Enable SVG Connection Animation

Controls traveling particles and flowing dash animations along connection lines.

Footer Accent Glow Color

Default matches the website primary theme (#6366f1).

Animation Speed / Intensity Controls particle traversal speed and dash animation cadence.

2. Profile Hub Card (Left Column)

Badge Status Text Displayed in the small status badge at the top of the profile card.

Card Title / Brand Name

Tagline / Specialization

Short Intro / Bio

3. Navigation Links (Center Left)

These links generate interactive network nodes connected directly to the central hub.

4. Focus Areas (Center Right)

Primary technical services and focus domains connected through network lines.

5. Social Links Dock (Under Profile Card)

6. Contact Details & Resume

Direct Contact Email Displayed in the far-right Contact column with node connection.

Location Text

Resume PDF / Download Link

7. Copyright Notice

Resume PDF Manager

Upload and replace your resume PDF. Updates the public download button automatically.

No custom resume PDF uploaded yet.

Asset & Image Uploader

Upload project screenshots, profile pictures, and certificate files

Click to upload image or PDF

Supports PNG, JPG, WEBP, GIF, and PDF (max 5 MB for assets)

Section Visibility Controls

Toggle entire sections on or off without altering HTML templates

Theme & Global Settings

Customize branding, accent color, and maintenance mode

Website Title

Navbar Brand Logo Text

Navbar Brand Badge Small pill badge beside the logo in the glass navbar.

Navbar Resume Button Label Text shown on the glass navbar action CTA.

Primary Accent Color

Default Theme

Navbar Glass Transparency / Opacity

25%

Kitni rakhni hai (Recommended Guide):
• 25% (Recommended): Modern Apple-style frosted glass effect with background blur.
• 10% (Crystal Clear): Sheer, highly transparent glass.
• 50% (Semi-Opaque): Balanced, higher contrast.
• 85% (Solid): Almost solid, maximum readability.

Direct Resume URL (Optional)

Enable Maintenance Mode

Displays a friendly maintenance screen to public visitors while allowing admin editing.

SEO & Open Graph Configuration

Search engine title, meta description, and social preview card settings

Supabase Database & Auth Connection

Link your free Supabase project for persistent multi-device management

Row Level Security Note: You only need to enter your public Supabase URL and Anon Public Key here. Never enter your service-role key in frontend code.