Hai Luo — Academic Homepage

A bilingual personal academic homepage built with HTML and CSS. The English and Chinese pages present Hai Luo's name, university, graduate school, and university email directly, so they are easy to find when visiting the homepage for identity verification. A small language switch links the two static pages.

Project files

.
├── index.html    # English homepage and metadata (default)
├── zh.html       # Chinese homepage and metadata
├── style.css     # Responsive layout and typography
├── photo.jpg     # Personal portrait, displayed beside the name
├── .nojekyll     # Serve the static files without Jekyll processing
├── .gitignore    # Keep local preview artifacts out of Git
└── README.md     # Preview, deployment, and maintenance instructions

There is no JavaScript, framework, package installation, database, or backend. The page uses local CSS and system fonts. No build command is needed.

Personal information

Both language versions use the supplied information:

• Name: Hai Luo / 罗海
• University: Tsinghua University
• Graduate school: Tsinghua Shenzhen International Graduate School
• Position: Master's Student
• Public contact email: h-luo26@mails.tsinghua.edu.cn
• GitHub: https://github.com/lightninnng
• Master's education: September 2026–Present; Civil and Hydraulic Engineering, Tsinghua University
• Bachelor's education: September 2022–June 2026; Bachelor of Engineering, Civil Engineering, Southwest Jiaotong University, School of Civil Engineering
• Undergraduate academic rank: 2/505 (top 0.40%)
• Undergraduate honors: Si-Shi-Yang-Hua Medal; Excellent Top 100 Undergraduate Graduation Design (Thesis), Southwest Jiaotong University (2026); Excellent Graduate of Sichuan Province; Scholarship for Gratitude to Modern Chinese Scientists (8th edition); National Scholarship for three consecutive years; Three Good Student Model, Southwest Jiaotong University, for three consecutive years
• Undergraduate thesis: Rapid Prediction of Structural Response of Key Components of Offshore Bridges Based on Deep Learning / 基于深度学习的海上桥梁关键构件结构响应快速预测
• Research interests: Civil Engineering; Artificial Intelligence for Engineering; Structural Response Prediction

No personal information needs replacing before deployment. The education dates include the corrected undergraduate end date of June 2026. Publications currently read: “Publications will be updated here.” Update this section only when actual publication information is available.

The Git commit email 3102054116@qq.com is separate from the university contact email displayed on the homepage.

Local preview

Open index.html directly in any modern browser, or preview zh.html for Chinese. To check language switching, use the local server below. Check both a wide desktop window and a narrow phone-sized window.

Optionally, if Python is installed, run the following in the project directory:

python -m http.server 8000 --bind 127.0.0.1

Then open http://127.0.0.1:8000/. Press Ctrl+C in the terminal to stop the server. Python is only an optional preview tool; it is not needed for the published website.

Target repository and URL

• Owner: lightninnng
• Repository name: lightninnng.github.io
• Repository: lightninnng/lightninnng.github.io
• Website after deployment: https://lightninnng.github.io/
• Chinese version: https://lightninnng.github.io/zh.html

This repository name creates a GitHub user site at the account's root Pages URL. Make the repository Public. See GitHub's guide to creating a Pages site.

Push to GitHub

Run commands from this directory in PowerShell. Install Git if git --version is unavailable. The optional GitHub CLI is available from cli.github.com.

1. Check the current local repository

git status
git branch --show-current
git remote -v

If the directory is not yet a Git repository, initialize it:

git init -b main

If it already is a repository, keep its history. Check its branch and existing remote before continuing. The instructions below assume the publication branch is main; for a different existing branch, use its name consistently in both push commands and Pages settings.

Set the author details for this repository only:

git config user.name "Hai Luo"
git config user.email "3102054116@qq.com"

Review and commit the website files:

git add index.html zh.html style.css README.md .nojekyll .gitignore photo.jpg
git diff --cached
git commit -m "Create academic homepage"

If these files are already committed and there are no changes, skip the commit command.

2. Authenticate as lightninnng

With GitHub CLI installed, sign in through the browser, verify the account, and configure Git authentication:

gh auth login --hostname github.com --git-protocol https --web
gh auth status
gh auth setup-git

Complete the browser flow using lightninnng. If another account is already authenticated, select the correct account before creating or pushing the repository. See the official GitHub CLI authentication guide.

3A. If the target repository does not exist

For a local repository that has no origin remote, create the public remote and push the existing commit:

gh repo create lightninnng/lightninnng.github.io --public --source=. --remote=origin --push

The command uses the current local Git repository and publishes its existing commits. See the official gh repo create manual.

Alternatively, create a public repository named lightninnng.github.io on GitHub while signed in as lightninnng. Leave the new remote empty: do not initialize another README, license, or .gitignore. Then follow section 3B.

3B. If the target repository already exists or was created in the browser

If there is no origin, add it:

git remote add origin https://github.com/lightninnng/lightninnng.github.io.git

If origin already points to that URL, keep it. If it points to another repository, preserve that remote and add a separate one:

git remote add homepage https://github.com/lightninnng/lightninnng.github.io.git

In that case, replace origin with homepage in the commands below.

Before pushing to an existing remote, fetch and inspect its branches:

git fetch origin
git branch -r

If the remote is empty, push directly:

git push -u origin main

If it already contains main, integrate its history first:

git pull --rebase origin main
git push -u origin main

Resolve any conflicts before pushing. If the remote was independently initialized and Git reports unrelated histories, inspect both versions and merge them deliberately rather than replacing the remote history. Do not use --force or delete existing remote content as a shortcut.

Enable GitHub Pages

After the files have been pushed to main:

1. Open the repository's Pages settings.
2. Under Build and deployment, set Source to Deploy from a branch.
3. Select branch main and folder /(root).
4. Click Save.
5. Check the repository's Actions tab for the Pages deployment result.
6. Open https://lightninnng.github.io/ after deployment succeeds.

index.html, zh.html, style.css, photo.jpg, and .nojekyll must be in the selected branch's root directory. No custom workflow or framework configuration is required. See GitHub's publishing-source instructions.

The empty .nojekyll file disables the default Jekyll processing for this static site. See GitHub's static-site instructions.

Changes can take up to 10 minutes to appear after a push. See GitHub Pages Quickstart. If the page returns 404, first check the deployment result, the repository name, the selected branch, and the location of index.html.

Verify the published homepage

Open the website in a private browser window without signing in to GitHub. Confirm that:

• The page is accessible at https://lightninnng.github.io/.
• Hai Luo, Tsinghua University, and Tsinghua Shenzhen International Graduate School are plainly visible.
• h-luo26@mails.tsinghua.edu.cn appears as readable text in Contact and links to the same email address.
• The layout remains readable on a phone.
• The GitHub link opens the correct account.
• The English / 中文 links switch between the two versions and indicate the current language.
• The Chinese page is accessible at https://lightninnng.github.io/zh.html and displays the same education, rank, honors, and contact information.

Once the public page is working, use https://lightninnng.github.io/ as the personal homepage URL on OpenReview. Public visibility provides the requested identity information; OpenReview's registration review remains its own process.

Maintain the homepage

Edit both index.html and zh.html when updating your biography, education, interests, contact details, or publications, keeping the two versions consistent. The English page remains the default homepage for OpenReview. Edit style.css to adjust the shared appearance. Replace photo.jpg to update your portrait; the current image is shown at its original 3:4 aspect ratio. After changing CSS, increase the version in the stylesheet link in both HTML files (for example, style.css?v=7 to style.css?v=8) so returning visitors receive the updated styles. Preview both pages locally, then commit and push:

git add index.html zh.html style.css README.md photo.jpg
git commit -m "Update academic homepage"
git push

GitHub Pages publishes updates from the configured source branch. Keep the public university email visible when changing the Contact section, and verify the published page after each content update.