Claude Code Prompt: Add Teaching Page to clukewatson.github.io

Overview

Add a new Teaching page to my academic research website and update site-wide navigation to include it. See teaching_page_context.md for full content details and style guidance.

Instructions

Step 1: Read the existing site first

Before writing any code, read the following files to understand the existing HTML structure, navigation pattern, CSS classes, and visual style:

  • index.html
  • research/index.html
  • Any shared CSS or layout files

Do not introduce any new frameworks, styles, or external dependencies. The new page must be visually indistinguishable from existing pages.

Step 2: Create teaching/index.html

Create a new file at teaching/index.html. Use the same HTML structure, header, footer, nav, and CSS as the existing pages.

The page should contain four sections in this order:

  1. Instructor of Record
  2. Teaching Assistant
  3. Other Teaching Materials

Full content for each section is specified in teaching_page_context.md.

Placeholder links: For any item marked as a placeholder, use href="#" and include an inline HTML comment: <!-- TODO: add link when available -->. Do not omit the link element — leave it present so it is easy to find and update later.

No teaching philosophy or evaluations section. Keep the page simple.

Include the standard site disclaimer in the footer: > The views and opinions expressed on this website do not reflect those of the FDIC, the United States, nor anyone else.

Step 3: Update navigation on all existing pages

Add a “Teaching” nav link pointing to /teaching/index.html (or ../teaching/index.html depending on relative path) in the nav bar of every page that contains the site navigation, including at minimum:

  • index.html
  • research/index.html
  • blog.html (if it exists and contains nav)

Place “Teaching” after “Research” and before “Blog” in the nav order: Home · Research · Teaching · Blog · CV

Step 4: Verify consistency

Check that: - The Teaching page nav highlights “Teaching” as active (if the site uses active link styling) - All internal links are correct relative paths - The page renders cleanly with no broken links or missing styles