Help: Updating Site Content

Updating Images

Movie poster images are stored in the project root folder (the same folder as index.php). To update an image:

1. Find a copyright-free image (e.g., from Unsplash or Pexels).
2. Save the image file into the project root folder. Accepted formats: .jpg, .jpeg, .png, .webp.
3. Open index.php and movies.php in a text editor.
4. Find the $posterMap array. Each line maps a movie ID number to a filename, for example:
   1 => '/my-poster.jpg',
5. Change the filename to match your new image file.
6. Save the file and refresh the page in your browser.

Tip: Keep images around 300×450 pixels for movie posters, or 300×200 for package thumbnails.

Updating Audio Files

Audio files live in the media/ folder. The About page currently features three audio clips. To replace or add audio:

1. Prepare your audio file in .wav or .mp3 format. Keep files under 1 MB for fast loading.
2. Copy the file into the media/ folder.
3. Open s.html in a text editor.
4. Search for <!-- PAGE: about --> and scroll to the Movie Night Sound Effects section.
5. To replace an existing clip: change the filename in the <source src="..."> tag. For example, change cinema-countdown.wav to my-new-clip.mp3.
6. To add a new clip: copy one of the existing <div> blocks and update the filename, title, and description.
7. Save and refresh the page.

Current audio files:

• media/cinema-countdown.wav – Dramatic countdown tones
• media/suspense-sting.wav – Rising tension hit
• media/intermission-jingle.wav – Upbeat break jingle

Adding or Changing Video

Movie trailers are currently embedded from YouTube using iframe tags. To change a trailer:

1. Log in as an admin.
2. Go to Admin > Movies and click Edit on the movie.
3. Update the Trailer URL field with a new YouTube embed link (format: https://www.youtube.com/embed/VIDEO_ID).
4. Click Save.

To use a local video file instead of YouTube:

1. Save the video as .mp4 or .webm in the media/ folder.
2. In s.html or the relevant template, replace the <iframe> with:
   <video controls width="100%"><source src="media/your-video.mp4" type="video/mp4"></video>

Adding or Removing Products

The admin panel makes it easy to manage the catalog without touching any code:

Movies

1. Log in as admin and go to Admin > Movies.
2. To edit a movie: click Edit, change the title, description, genre, or price, and click Save.
3. To add a new movie: insert a row in the database via phpMyAdmin (open http://localhost/phpmyadmin, select the movie_night_planner database, click the movies table, and use the Insert tab).
4. To remove a movie: delete its row from the movies table in phpMyAdmin.

Packages

1. Go to Admin > Packages.
2. Click Edit to update name, description, price, or included items.
3. Add or remove packages using phpMyAdmin on the packages table.

Changes are visible to users immediately after saving — no restart required.

File Structure Reference

Path	What it contains
/*.jpg, *.png, *.webp	Movie poster images
/media/	Audio and video files
/css/	Stylesheets (main.css + 3 theme files)
/js/main.js	JavaScript (nav toggle)
/templates/	HTML template fragments
/s.html	Master HTML shell (page blocks live here)
/admin/	Admin panel pages