From 5bb924f78a91baae6f6d40203e6ddac9d07f85f2 Mon Sep 17 00:00:00 2001 From: hkding0125 Date: Wed, 10 Sep 2025 12:40:38 +0800 Subject: [PATCH] style: simplify contact icons --- index.html | 20 +++++++++++--------- styles.css | 10 ++++++---- 2 files changed, 17 insertions(+), 13 deletions(-) diff --git a/index.html b/index.html index eb169d4..2a1004a 100644 --- a/index.html +++ b/index.html @@ -6,12 +6,14 @@ - - - - - - + + + + + + + +
@@ -54,9 +56,9 @@

Haokai Ding (丁浩剀)

清华大学钱学森班 - 深圳零一学院 (中国, 深圳)

- Email - Google Scholar - ORCID + + +
diff --git a/styles.css b/styles.css index e9cf34e..e72a5e0 100644 --- a/styles.css +++ b/styles.css @@ -39,8 +39,9 @@ .contact-info p{margin:0;line-height:1.5;font-size:.95em;color:#444} .contact-info a{color:var(--brand);text-decoration:none} .contact-info a:hover{text-decoration:underline} - .contact-icons{margin-top:6px;display:flex;gap:10px;align-items:center} - .contact-icons img{width:24px;height:24px;display:block} + .contact-icons{margin-top:6px;display:flex;flex-direction:column;gap:6px} + .contact-icons a{width:32px;height:32px;border-radius:6px;background:#e0e0e0;color:#333;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.1em} + .contact-icons a:hover{background:var(--brand);color:#fff} .header-info{display:flex;flex-direction:column} .download-cv, .watch-video{ @@ -123,8 +124,9 @@ /* 深色 */ body.dark-mode{background:#1a1a1a;color:#f5f5f5} .dark-mode h2,.dark-mode h3,.dark-mode h4,.dark-mode .pub-index,.dark-mode .pub-authors b{color:#f5f5f5} - .dark-mode .contact-info p,.dark-mode .entry-date,.dark-mode .pub-authors,.dark-mode .pub-venue,.dark-mode .award-year{color:#aaa} - .dark-mode .contact-info a,.dark-mode .entry-details a,.dark-mode .pub-links > a,.dark-mode .pub-links > .pdf-link{color:#8ab4f8} + .dark-mode .contact-info p,.dark-mode .entry-date,.dark-mode .pub-authors,.dark-mode .pub-venue,.dark-mode .award-year{color:#aaa} + .dark-mode .contact-info a,.dark-mode .entry-details a,.dark-mode .pub-links > a,.dark-mode .pub-links > .pdf-link{color:#8ab4f8} + .dark-mode .contact-icons a{background:#444;color:#f5f5f5} .dark-mode hr{background:#444} .dark-mode nav.site-nav{background:#2a2a2a} .dark-mode nav.site-nav a{color:#8ab4f8;background:#333;border-color:#444}