Personal Academic Homepage

A bilingual static academic homepage for GitHub Pages. The site is intentionally framework-free: index.html loads language data from JavaScript files, and app.js renders the sections.

Structure

• index.html: page shell and static entry point
• style.css: layout, theme, and responsive rules
• app.js: rendering, language switching, navigation, and lightbox behavior
• content/en.js: English content data
• content/zh.js: Chinese content data
• assets/avatar/: profile and navigation avatar images
• assets/documents/: downloadable files such as CV
• assets/publications/: paper and project figures
• assets/logos/: school and organization logos
• assets/icons/: favicon and touch icons
• assets/awards/full/: full-size award and certificate images
• assets/awards/thumbs/: award thumbnails used by the homepage
• scripts/make-thumbs.ps1: helper script for award thumbnails

Editing

• Update page content in content/en.js and content/zh.js.
• Update layout and responsive behavior in style.css.
• Update interactions and rendering behavior in app.js.
• Update static head resources or script loading in index.html.

Content Conventions

News items support:

{ date: "2026.05", text: "...", url: "https://...", linkText: "CCF News" }

Award items support either one image:

{
  title: "Award title",
  date: "2026.05",
  description: "First Prize | 2026.05",
  image: "./assets/awards/full/example-full.jpg",
  thumb: "./assets/awards/thumbs/example-thumb.jpg",
  alt: "Certificate description"
}

or multiple images through an images array.

Award Thumbnails

Put full-size award images in assets/awards/full/, then run:

powershell -ExecutionPolicy Bypass -File scripts/make-thumbs.ps1

The script creates missing thumbnails in assets/awards/thumbs/ with height 240px and JPEG quality 85. Use -Force to regenerate existing thumbnails.

Preview

The live version is hosted on GitHub Pages: https://jord8061.github.io/

For local preview, open index.html directly in a browser. A local static server is only needed when testing browser behavior that blocks file:// access.

Updates

2026.07

• Reorganized content files into content/.
• Reorganized static assets by purpose, including award full images and thumbnails.
• Added a reusable thumbnail generation script.
• Documented content and asset maintenance conventions.

2026.03

• Split homepage content into English and Chinese data files.
• Added language switching, award thumbnails, full-image preview, and responsive refinements.