ARCHIVE · Course Archive

Lecture & Slides Download

The companion Dunhuang Art lecture notes (Word) and teaching slides (PPT) are both auto-generated for this task, with eight-chapter text, key concepts, a related-relics table, and narration scripts. System architecture and visual-spec notes are included below.

📄

Dunhuang Art — Lecture Notes

DOCX · ~2.8MB · 8 chapters + intro & conclusion
Serif typesetting with cover image, table of contents, introduction, eight-chapter exposition, a related-relics table, and conclusion.
  • Dark-gold & ochre headings with header and footer
  • Each chapter has a cover image and a key-concepts list
  • Includes a readable narration script and a relic quick-reference table
Dunhuang-Art-Lecture-Notes.docx Download notes ↓
🎞️

Dunhuang & the Silk Road — Teaching Slides

PPTX · ~11MB · 12 slides
16:9 widescreen: cover + intro + eight chapters + data + conclusion. Dark-gold / azurite / ochre visual mains.
  • Each chapter: cover image + chapter number + summary text
  • Cover and chapter slides with translucent overlays
  • Data slide highlights key figures like 735 caves
Dunhuang-Silk-Road-Slides.pptx Download slides ↓

System Architecture & Visual Specification

Architecture Visual Spec

Tech Stack & Directory

A pure-front-end, multi-page static site (HTML5 + native CSS3 + native JS) with no back-end dependency, deployable as static hosting. The map uses Leaflet 1.9 + CartoDB dark tiles; the AI guide and chapter narration use the browser-native SpeechSynthesis (Web Speech API), with a local keyword-matched knowledge base for offline availability.

Directory Structure

index.html Home · chapters.html Chapter overview · chapter.html?id= Chapter detail · map.html Interactive map · gallery.html Relic gallery · archive.html Archive

css/style.css single design system · js/data.js seed content (chapters/cities/relics/knowledge base) · js/common.js cross-page logic (nav/music/guide/reveal) · assets/media/ generated resources (covers, chapter art, 40 relics, avatar, music, video) · assets/downloads/ lecture & slides

Cross-Page Consistency

Navigation, footer, background-music control, and the AI guide are uniformly injected by common.js, ensuring a consistent immersive shell across all six pages. Music preference is remembered across pages via localStorage.