Luka Homepage

A warm, minimal, responsive homepage template for researchers, students, builders, and creators.

中文说明 · Live Demo · Use This Template

Luka Homepage is a standalone template version extracted from my own personal homepage. It is designed to feel warm, clean, and academic without adding any build tooling or framework overhead.

Why This Template

• Minimal but not plain: clean typography, warm colors, and balanced spacing.
• Academic-ready layout: built for homepage content, not generic portfolio blocks.
• Static by default: deploy directly to GitHub Pages with zero build steps.
• Easy to fork: replace a few text blocks and assets, then publish.
• Mobile-friendly: desktop and phone layouts are already tuned.

What You Get

Section	Included
Personal intro	About Me, avatar, email, social links
Academic timeline	Education, Experience
Showcase	Projects, Publications, Awards
UX details	Dark mode toggle, smooth entrance animation, responsive layout
Replaceable assets	Avatar, institution logo, favicon, CV link

Quick Start

1. Create your own copy

Use GitHub's Use This Template button, or copy this folder into a new repository.

Suggested repository names:

• luka-homepage
• luka-homepage-template
• luka-academic-homepage

2. Customize the content

You will mainly edit:

• index.html for all main content
• assets/css/theme-luka.css for colors, spacing, and layout
• assets/img/avatar.svg for the profile image
• assets/img/institution.svg for school or lab branding

3. Replace your assets

• Avatar: replace assets/img/avatar.svg with your own png, jpg, or svg
• Institution logo: replace assets/img/institution.svg
• Favicon: replace assets/img/favicon.svg
• Resume: update the Download my CV link in index.html

4. Deploy to GitHub Pages

1. Open repository Settings
2. Go to Pages
3. Choose Deploy from a branch
4. Select main and / (root)
5. Save and wait for deployment

Project Structure

.
├── index.html
├── README.md
├── README.zh-CN.md
├── LICENSE.md
└── assets
    ├── css
    │   ├── font_sans_serif.css
    │   └── theme-luka.css
    ├── cv
    ├── img
    └── js
        └── scale.fix.js

Design Notes

• The left sidebar stays top-aligned, matching the original personal homepage layout.
• The visual language is intentionally warm and understated rather than highly decorative.
• The template keeps just enough structure for academic use while remaining easy to personalize.

Attribution

The footer includes two lines by default:

1. Your own site copyright
2. Luka Homepage Template by Yuheng Yang

If you want to preserve template attribution, keep the second line.

License

This template includes its own LICENSE.md, so you can publish it as an independent repository immediately.