1
Choosing an Architecture
Selecting a simple, maintainable approach using static HTML, Bootstrap and GitHub Pages.
PlannedA practical series for building and maintaining a simple photography website
This guide is organised as a series of practical tutorials. Follow them in order, or jump directly to the topic you need.
The aim is to show how a simple, low-cost photography website can be built and maintained using static HTML, Bootstrap, GitHub Pages and AI-assisted development tools.
Planned tutorial series
Learning Path
These modules will become focused tutorials over time. For now, each topic is marked as planned.
2
Bootstrap Fundamentals
Creating responsive pages using containers, navigation bars, cards and grids.
Planned3
Setting Up GitHub Pages
Creating a repository, publishing a website and connecting a custom domain.
Planned4
Working with ChatGPT
Building the homepage, galleries, blog and other pages through iterative prompting.
Planned5
Working with Codex
Analysing the repository, planning changes, creating pull requests and improving code quality.
Planned6
Publishing and Maintenance
Repository organisation, testing, link audits, documentation and ongoing improvements.
PlannedWhat you’ll need
- A GitHub account
- ChatGPT access
- A collection of photographs
- Basic comfort editing text files
- No advanced web development experience required
Approach
- Start with a simple static site
- Use Bootstrap for responsive layout and common components
- Host with GitHub Pages
- Use ChatGPT for step-by-step page creation and learning
- Use Codex for repository-wide improvements and pull requests
- Keep changes small and reviewable
How to use this hub
Use this page as the starting point for the series. As tutorial pages are added, each planned module can be linked from the learning path without changing the overall structure.
Back to Technology