Classic Serif Personal Homepage — Design Spec

Date: 2026-07-13 Owner: Xiangwen (Wayne) Yang Repo: chnyangs/chnyangs.github.io (GitHub Pages, Jekyll) Status: Approved (in-chat) — implementation on branch classic-serif-redesign

Goal

Redesign the personal GitHub Pages site into a classic serif document aesthetic — timeless, formal, understated, like a finely typeset printed CV / journal article. Replace the current bare README-as-homepage and the flashy purple-gradient publications page with a consistent, restrained serif design.

Locked decisions

Architecture

Jekyll / GitHub Pages. Files:

• _layouts/default.html — shared classic-serif base layout. Centered single column (max-width ≈ 760px), header photo/identity block, minimal top nav (Home · Publications), footer. Links one shared stylesheet. Renders `<section aria-labelledby="publications-heading">

  Publications

  Works currently listed on my Google Scholar profile, ordered by final publication year.

  Final venue metadata and publisher links are used where available. For live citation counts, please see my Google Scholar profile.

  2025

  Dynamic Graph Unlearning: A General and Efficient Post-Processing Method via Gradient Transformation

  He Zhang, Bang Wu, Xiangwen Yang, Xingliang Yuan, Xiaoning Liu, Xun Yi

  The ACM Web Conference (WWW), pp. 931–944.

  2024

  GraphGuard: Detecting and Counteracting Training Data Misuse in Graph Neural Networks

  Bang Wu, He Zhang, Xiangwen Yang, Shuo Wang, Minhui Xue, Shirui Pan, Xingliang Yuan

  Network and Distributed System Security Symposium (NDSS).

  2023

  Demystifying Uneven Vulnerability of Link Stealing Attacks against Graph Neural Networks

  He Zhang, Bang Wu, Shuo Wang, Xiangwen Yang, Minhui Xue, Shirui Pan, Xingliang Yuan

  40th International Conference on Machine Learning (ICML).

  A New Look at Blockchain Leader Election: Simple, Efficient, Sustainable and Post-Quantum

  Muhammed F. Esgin, Oguzhan Ersoy, Veronika Kuchta, Julian Loss, Amin Sakzad, Ron Steinfeld, Xiangwen Yang, Raymond K. Zhao

  18th ACM ASIA Conference on Computer and Communications Security (AsiaCCS).

  Defeating Misclassification Attacks against Transfer Learning

  Bang Wu, Shuo Wang, Xingliang Yuan, Cong Wang, Carsten Rudolph, Xiangwen Yang

  IEEE Transactions on Dependable and Secure Computing, 20(2), pp. 886–901.

  2022

  CVallet: A Blockchain-Oriented Application Development for Education and Recruitment

  Zoey Ziyi Li, Joseph K. Liu, Jiangshan Yu, Dragan Gašević, Wayne Yang

  16th International Conference on Network and System Security (NSS), pp. 580–597.

  Model Extraction Attacks on Graph Neural Networks: Taxonomy and Realisation

  Bang Wu, Xiangwen Yang, Shirui Pan, Xingliang Yuan

  17th ACM ASIA Conference on Computer and Communications Security (AsiaCCS), pp. 337–350.

  2021

  Adapting Membership Inference Attacks to GNN for Graph Classification: Approaches and Implications

  Bang Wu, Xiangwen Yang, Shirui Pan, Xingliang Yuan

  IEEE International Conference on Data Mining (ICDM), pp. 1421–1426.

  Projective Ranking: A Transferable Evasion Attack Method on Graph Neural Networks

  He Zhang, Bang Wu, Xiangwen Yang, Chuan Zhou, Shuo Wang, Xingliang Yuan, Shirui Pan

  30th ACM International Conference on Information and Knowledge Management (CIKM), pp. 3617–3621.

</section> `.

• assets/css/main.css — all styling in one shared file (DRY). No per-page inline <style> blocks (removes the duplicated-CSS smell of the current pages).
• index.html — homepage, layout: default. Sections in order: Header (photo + name + title + location + contact links: email · LinkedIn · Scholar · GitHub) → About (Summary) → Highlights → Professional Experience → Selected Projects → Technical Skills → Selected Publications (a few, + “All publications →” link) → Education. Content migrated from current README.md.
• publication/overview.md — full publications list, layout: default, restyled to the same serif system. Grouped by year. Remove purple gradient, hover-lift cards, FontAwesome chrome. Venue shown as a small understated tag/italic; links in maroon.
• Gemfile (+ Gemfile.lock) — enables faithful local preview. Already excluded from the build in _config.yml.

Visual system

• Typography: EB Garamond body; section headers in small-caps with a hairline rule above, generous letter-spacing — classic CV sectioning. System serif fallback so the page is readable before/without the web font.
• Palette: as in Locked decisions. Body black on ivory; maroon only for links/accents; hairline rules for separation instead of boxes/shadows.
• Layout: single centered column, line-height ~1.6, ample whitespace between sections. Photo square / lightly rounded corners (not a large circular avatar).
• Responsive: on narrow screens the header photo and identity stack; type scale and margins tighten. Body must never scroll horizontally.

Non-goals (YAGNI)

• No gradients, floating cards, box-shadow stacks, or hover animations.
• No JS framework; keep it static. Optional tiny native-JS niceties (e.g. abstract toggle) are out of scope for v1.
• No dark mode.
• No unrelated refactor of _config.yml collections beyond what the redesign needs.

Content source note

README.md stays as the GitHub repository landing page. The website homepage becomes index.html with full styling control. Content is migrated (some duplication is acceptable — different audiences). Long-term sync between the two is out of scope for v1.

Verification

1. bundle install then bundle exec jekyll serve; site builds without errors.
2. Load / and /publications/ at http://127.0.0.1:4000; verify layout, links, section hierarchy, and responsive behavior (narrow viewport).
3. Screenshot both pages to confirm the classic-serif look before delivery.
4. All external links (email, LinkedIn, Scholar, GitHub, paper PDFs) resolve to correct URLs.

Delivery

Work on branch classic-serif-redesign. After live-render verification, present to user for review, then merge to main (which auto-deploys via GitHub Pages).