I wanted a portfolio project that showed real digital marketing skills, not just a template. So I built the Library of Philosophy, a multi-page site covering thinkers, schools, branches and history, using only HTML, CSS and vanilla JavaScript.

The stack

  • HTML, CSS and JS only, with shared style.css and script.js across pages.
  • GitHub Pages for hosting
  • Formspree for the contact form (submitted with fetch())

SEO decisions that mattered

  1. One clear H1 per page, with the primary keyword in it.
  2. H2s written as questions, with the answer in the first sentence (good for featured snippets and AI answers).
  3. JSON-LD schema: Person + FAQPage on thinker pages, ItemList/Book on the books page.
  4. Title tags around 60 characters, meta descriptions around 155.
  5. Image SEO: clean filenames, descriptive alt text, lazy loading.
  6. Internal linking between related thinkers, schools and branches.

What went wrong

  • Broken image paths and an undefined CSS variable took me longer to catch than I'd like to admit.
  • One page got strong impressions in its first days and then dropped, which taught me to audit on-page, technical and content depth separately instead of guessing.

What's next
Building backlinks, adding a blog, and expanding the schools pages.

Live site:https://libraryofphilosophy.com/index.html

I'd love feedback on the structure. What would you change?