Skip to content

README.md

Latest commit

 

History

History
36 lines (28 loc) · 1.57 KB

README.md

File metadata and controls

36 lines (28 loc) · 1.57 KB
Raw

Yawar Hussain — personal website

Folder structure

index.html              the page itself (About / Works / Publications, one file,
                         JS shows/hides the right section — no page reloads)
assets/css/main.css     all styling, incl. the light/dark theme toggle
assets/js/main.js       page behaviour: theme toggle, mobile menu, section routing
images/profile.jpg      your photo (About section)

Editing content

Open index.html and search for the section you want:

  • id="page-home" — About page (intro line, bio timeline, interests, links)
  • id="page-works" — Works page (employment, projects, editorial, education, conferences)
  • id="page-fieldwork" — Fieldwork page (field deployments, grid of entries)
  • id="page-blog" — Blog page (empty state for now — add post cards here later)
  • id="page-pubs" — Publications page (grouped, collapsible by topic)

Swapping the photo

Overwrite images/profile.jpg with a similar-ish aspect ratio image (it's cropped into a circle, so a centred headshot works best) — no HTML changes needed.

Deploying on GitHub Pages

Plain HTML/CSS/JS, no build step, no framework. Design based on Takuya Matsuyama's craftzdog-homepage

  1. Create a repo named <your-username>.github.io.
  2. Push this whole folder's contents to the repo root (so index.html sits at the top level, not inside a subfolder).
  3. Settings → Pages → should already serve from main / root for this repo name. Wait a minute, then visit https://<your-username>.github.io.