{% include sidebar.html %} diff --git a/assets/css/main.scss b/assets/css/main.scss index e0ff6ec9a5..07484c2645 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -186,3 +186,28 @@ html.theme-dark .toc .nav__title { html.theme-dark .theme-toggle button { border-color: #333; } + +.theme-toggle-fixed { + position: fixed; + top: 0.5rem; + right: 0.5rem; + z-index: 1000; +} + +.theme-toggle-fixed button { + background: transparent; + border: 1px solid $border-color; + border-radius: 999px; + padding: 0.25em 0.5em; + font-size: 1rem; + line-height: 1; + color: $dark-gray; +} + +.theme-toggle-fixed .icon-sun { display: none; } +.theme-toggle-fixed .icon-moon { display: inline; } + +html.theme-dark .theme-toggle-fixed button { color: #e0e0e0; } +html.theme-dark .theme-toggle-fixed .icon-sun { display: inline; } +html.theme-dark .theme-toggle-fixed .icon-moon { display: none; } +html.theme-dark .theme-toggle-fixed button { border-color: #333; } From 4e3c39b01aedca9a46fcded0a71e1617308ae4f6 Mon Sep 17 00:00:00 2001 From: Yuhao Date: Sun, 23 Nov 2025 17:55:01 +0800 Subject: [PATCH 100/171] fix(theme): remove duplicate JS handlers; enlarge top-right toggle; improve dark-mode icon colors; improve avatar rendering; update About title to Bio; update publication flags --- _pages/includes/intro.md | 2 +- _pages/includes/pub.md | 2 +- _sass/_sidebar.scss | 5 ++++- assets/css/main.scss | 30 ++++++++++++++++++++++++++---- assets/js/_main.js | 33 +-------------------------------- 5 files changed, 33 insertions(+), 39 deletions(-) diff --git a/_pages/includes/intro.md b/_pages/includes/intro.md index c069c3c84f..400fe30cdf 100644 --- a/_pages/includes/intro.md +++ b/_pages/includes/intro.md @@ -1,4 +1,4 @@ -# 👤 About Me +# 👤 Bio I am currently a **M.Phil Student** in **Computer Science** at the [School of Data Science (SDS)](https://sds.cuhk.edu.cn/), The Chinese University of Hong Kong, Shenzhen. I am a member of the **HEAL Group**, advised by [Prof. Juexiao Zhou](https://www.joshuachou.ink/about/). diff --git a/_pages/includes/pub.md b/_pages/includes/pub.md index a6e65b24d4..a3d2ca8ad8 100644 --- a/_pages/includes/pub.md +++ b/_pages/includes/pub.md @@ -1,5 +1,5 @@ # Publications -*# equal contribution, * corresponding author* +*# Equal Contribution* ## 🩺 AI-Driven Intelligence System for Dermtoalogy
CVPR 2026 · Under Review
SkinGPT-R1
diff --git a/_sass/_sidebar.scss b/_sass/_sidebar.scss index 2b635af623..601fe0aba0 100644 --- a/_sass/_sidebar.scss +++ b/_sass/_sidebar.scss @@ -97,7 +97,10 @@ border-radius: 50%; @include breakpoint($large) { - padding: 5px; + width: 175px; + height: 175px; + object-fit: cover; + padding: 0; border: 1px solid $border-color; } } diff --git a/assets/css/main.scss b/assets/css/main.scss index 07484c2645..fb5fb85a89 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -186,11 +186,28 @@ html.theme-dark .toc .nav__title { html.theme-dark .theme-toggle button { border-color: #333; } +html.theme-dark .author__avatar img { + border-color: #444; + box-shadow: 0 0 0 1px #444; +} + +html.theme-dark .author__urls .fas, +html.theme-dark .author__urls .fab, +html.theme-dark .author__urls .far, +html.theme-dark .author__urls .fal { + color: #ddd; +} +html.theme-dark .author__urls a { + color: #ddd; +} +html.theme-dark .author__urls_sm a { + color: #ddd; +} .theme-toggle-fixed { position: fixed; - top: 0.5rem; - right: 0.5rem; + top: 0.75rem; + right: 0.75rem; z-index: 1000; } @@ -198,12 +215,17 @@ html.theme-dark .theme-toggle button { background: transparent; border: 1px solid $border-color; border-radius: 999px; - padding: 0.25em 0.5em; - font-size: 1rem; + padding: 0.4em 0.6em; + font-size: 1.2rem; line-height: 1; color: $dark-gray; } +.theme-toggle-fixed svg { + width: 26px; + height: 26px; +} + .theme-toggle-fixed .icon-sun { display: none; } .theme-toggle-fixed .icon-moon { display: inline; } diff --git a/assets/js/_main.js b/assets/js/_main.js index 6629740f1f..91b162fba7 100644 --- a/assets/js/_main.js +++ b/assets/js/_main.js @@ -103,36 +103,5 @@ $(document).ready(function () { midClick: true, // allow opening popup on middle mouse click. Always set it to true if you don't provide alternative source. }); - var getPreferredTheme = function () { - var saved = localStorage.getItem('theme'); - if (saved === 'dark' || saved === 'light') return saved; - return window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'; - }; - - var setIcon = function (theme) { - var $btn = $("#theme-toggle-btn"); - if ($btn.length) { - $btn.text(theme === 'dark' ? '☀️' : '🌙'); - $btn.attr('title', theme === 'dark' ? '切换为浅色' : '切换为深色'); - } - }; - - var applyTheme = function (theme) { - if (theme === 'dark') { - document.documentElement.classList.add('theme-dark'); - } else { - document.documentElement.classList.remove('theme-dark'); - } - localStorage.setItem('theme', theme); - setIcon(theme); - }; - - var currentTheme = getPreferredTheme(); - applyTheme(currentTheme); - - $(document).on('click', '#theme-toggle-btn', function (e) { - e.preventDefault(); - var t = document.documentElement.classList.contains('theme-dark') ? 'light' : 'dark'; - applyTheme(t); - }); + // theme toggle handled inline in scripts.html to avoid duplicate handlers }); From 5a922769cac23784ee18d4c030f59daa627891c9 Mon Sep 17 00:00:00 2001 From: Yuhao Date: Sun, 23 Nov 2025 18:01:09 +0800 Subject: [PATCH 101/171] feat(theme): default dark mode applied early; reliable click binding; enlarge toggle; improve masthead and nav colors in dark; smooth avatar border via box-shadow; refine sidebar icon colors --- _includes/head.html | 9 +++++++++ _includes/scripts.html | 17 +++++++++-------- _sass/_sidebar.scss | 3 ++- assets/css/main.scss | 5 ++--- 4 files changed, 22 insertions(+), 12 deletions(-) diff --git a/_includes/head.html b/_includes/head.html index 216a8fd5e0..d68aba0414 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -10,6 +10,15 @@ document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/g, '') + ' js '; + + diff --git a/_includes/scripts.html b/_includes/scripts.html index d7bb3a6a8b..6872ae9c4e 100644 --- a/_includes/scripts.html +++ b/_includes/scripts.html @@ -5,9 +5,10 @@ diff --git a/_sass/_sidebar.scss b/_sass/_sidebar.scss index 601fe0aba0..88805235db 100644 --- a/_sass/_sidebar.scss +++ b/_sass/_sidebar.scss @@ -101,7 +101,8 @@ height: 175px; object-fit: cover; padding: 0; - border: 1px solid $border-color; + border: 0; + box-shadow: 0 0 0 1px $border-color; } } } diff --git a/assets/css/main.scss b/assets/css/main.scss index fb5fb85a89..232553973a 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -127,9 +127,7 @@ html.theme-dark .greedy-nav { background: #1a1a1a; } -html.theme-dark .greedy-nav a { - color: #ddd; -} +html.theme-dark .greedy-nav a { color: #f0f0f0; } html.theme-dark .greedy-nav .visible-links a:before { background: rgba(255, 255, 255, 0.3); @@ -190,6 +188,7 @@ html.theme-dark .author__avatar img { border-color: #444; box-shadow: 0 0 0 1px #444; } + .author__avatar img { box-shadow: 0 0 0 1px $border-color; } html.theme-dark .author__urls .fas, html.theme-dark .author__urls .fab, From 929d44090406d6cae8941aa672cf922873658d08 Mon Sep 17 00:00:00 2001 From: Yuhao Date: Sun, 23 Nov 2025 18:20:37 +0800 Subject: [PATCH 102/171] fix(avatar): restore original sizing with smooth border; fix(dark): ensure location icon visibility (.fa); feat(pub): add emoji to Publications; style(font): switch to system UI font stack --- _pages/includes/pub.md | 2 +- _sass/_sidebar.scss | 5 ++--- _sass/_variables.scss | 2 +- assets/css/main.scss | 1 + 4 files changed, 5 insertions(+), 5 deletions(-) diff --git a/_pages/includes/pub.md b/_pages/includes/pub.md index a3d2ca8ad8..aa2c7a143d 100644 --- a/_pages/includes/pub.md +++ b/_pages/includes/pub.md @@ -1,4 +1,4 @@ -# Publications +# 📚 Publications *# Equal Contribution* ## 🩺 AI-Driven Intelligence System for Dermtoalogy diff --git a/_sass/_sidebar.scss b/_sass/_sidebar.scss index 88805235db..64c5629941 100644 --- a/_sass/_sidebar.scss +++ b/_sass/_sidebar.scss @@ -97,9 +97,8 @@ border-radius: 50%; @include breakpoint($large) { - width: 175px; - height: 175px; - object-fit: cover; + width: auto; + height: auto; padding: 0; border: 0; box-shadow: 0 0 0 1px $border-color; diff --git a/_sass/_variables.scss b/_sass/_variables.scss index c7ffff96e0..39b4d4e9d5 100644 --- a/_sass/_variables.scss +++ b/_sass/_variables.scss @@ -14,7 +14,7 @@ $indent-var : 0.5em; /* system typefaces */ $serif : Georgia, Times, serif; -$sans-serif : "Trebuchet MS", Helvetica, sans-serif; +$sans-serif : -apple-system, system-ui, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; // $sans-serif : Georgia, serif, sans-serif; // $sans-serif : -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif; diff --git a/assets/css/main.scss b/assets/css/main.scss index 232553973a..3cb96aa61e 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -196,6 +196,7 @@ html.theme-dark .author__urls .far, html.theme-dark .author__urls .fal { color: #ddd; } +html.theme-dark .author__urls .fa { color: #ddd; } html.theme-dark .author__urls a { color: #ddd; } From b39c9df2e754ad849fd4598127d9858ba9ae86d3 Mon Sep 17 00:00:00 2001 From: Yuhao Date: Sun, 23 Nov 2025 18:30:33 +0800 Subject: [PATCH 103/171] feat(layout): widen left sidebar and keep author name on one line; style(masthead/paper): add subtle glass and card hover; content(pub): strengthen SkinGPT-R1 description; style(font): load Inter; --- _config.yml | 2 +- _includes/head/custom.html | 4 ++++ _pages/includes/pub.md | 3 +-- _sass/_masthead.scss | 4 +++- _sass/_page.scss | 2 +- _sass/_sidebar.scss | 3 ++- assets/css/main.scss | 14 ++++++++++++++ 7 files changed, 26 insertions(+), 6 deletions(-) diff --git a/_config.yml b/_config.yml index 63ddc0f8bb..fac1dbbe54 100644 --- a/_config.yml +++ b/_config.yml @@ -21,7 +21,7 @@ baidu_site_verification : code-ZxFK3f4pfb # Site Author author: - name : "Yuhao Shen" + name : "Yuhao Shen 沈宇昊" avatar : "images/profile.jpg" bio : "" location : "Shenzhen, China" diff --git a/_includes/head/custom.html b/_includes/head/custom.html index cd01bc8b7e..29379936b3 100644 --- a/_includes/head/custom.html +++ b/_includes/head/custom.html @@ -9,6 +9,10 @@ + + + + - + From e5d5222ffd7a0d3a2ff25f99d2b14f1b3aa1f899 Mon Sep 17 00:00:00 2001 From: Yuhao Date: Sun, 23 Nov 2025 19:09:42 +0800 Subject: [PATCH 108/171] layout: remove Bio top whitespace; layout: increase gap between main and right sidebar; style(dark): improve emphasis contrast for headings/strong/mark and link states --- _sass/_page.scss | 14 ++------------ _sass/_sidebar.scss | 2 +- assets/css/main.scss | 10 ++++++++++ 3 files changed, 13 insertions(+), 13 deletions(-) diff --git a/_sass/_page.scss b/_sass/_page.scss index 249e79038a..b41ed5ec27 100644 --- a/_sass/_page.scss +++ b/_sass/_page.scss @@ -20,7 +20,7 @@ @include breakpoint($large) { @include span(9 of 12); @include prefix(0 of 12); - @include suffix(0 of 12); + @include suffix(0.5 of 12); } .page__inner-wrap { @@ -49,17 +49,7 @@ } .page__content { - #about-me{ - margin-top: -10em; - &:before { - content: ''; - display: block; - position: relative; - width: 0; - height: 10em; - margin-top: -10em; - } - } + #about-me{ margin-top: 0; } h1 { margin-top: 1em; padding-bottom: 0.5em; diff --git a/_sass/_sidebar.scss b/_sass/_sidebar.scss index cbdd76ccab..24237d0bdc 100644 --- a/_sass/_sidebar.scss +++ b/_sass/_sidebar.scss @@ -16,7 +16,7 @@ @include breakpoint($large) { @include span(3 of 12); float: right; - margin-left: span(0.5 of 12); + margin-left: span(1 of 12); opacity: 1; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; diff --git a/assets/css/main.scss b/assets/css/main.scss index b923e583a9..932854bb5f 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -132,6 +132,8 @@ html.theme-dark body { html.theme-dark a { color: #8ab4f8; } +html.theme-dark a:visited { color: #a0bdfc; } +html.theme-dark a:hover { color: #bcd2ff; } html.theme-dark .masthead { background-color: #1a1a1a; @@ -167,6 +169,9 @@ html.theme-dark .page__footer { html.theme-dark .page__content h1 { border-bottom-color: #333; } +html.theme-dark .page__content h1, +html.theme-dark .page__content h2, +html.theme-dark .page__content h3 { color: #f2f2f2; } html.theme-dark .page__share, html.theme-dark .page__related, @@ -186,6 +191,11 @@ html.theme-dark td > code { background: #1e1e1e; border-color: #333; } +html.theme-dark .page__content strong, +html.theme-dark .page__content b { color: #ffffff; } +html.theme-dark .page__content em, +html.theme-dark .page__content i { color: #e6e6e6; } +html.theme-dark .page__content mark { background: #3a5fff; color: #fff; border-radius: 2px; } html.theme-dark .toc { background-color: #1a1a1a; From cb3d3a5755dadf730b7949d94ecf6b9f26d44a27 Mon Sep 17 00:00:00 2001 From: Yuhao Date: Sun, 23 Nov 2025 19:15:23 +0800 Subject: [PATCH 109/171] layout(bio): remove global h1 anchor offset and set margin-top:0; add explicit #about-me anchor; style: limit anchor offset to anchors only --- _pages/includes/intro.md | 1 + _sass/_page.scss | 2 +- assets/css/main.scss | 1 - 3 files changed, 2 insertions(+), 2 deletions(-) diff --git a/_pages/includes/intro.md b/_pages/includes/intro.md index 67ca9362ab..d9184056ff 100644 --- a/_pages/includes/intro.md +++ b/_pages/includes/intro.md @@ -1,3 +1,4 @@ + # 👤 Bio I am currently a **M.Phil Student** in **Computer Science** at the [School of Data Science (SDS)](https://sds.cuhk.edu.cn/), The Chinese University of Hong Kong, Shenzhen. I am a member of the **HEAL Group**, advised by [Prof. Juexiao Zhou](https://www.joshuachou.ink/about/). diff --git a/_sass/_page.scss b/_sass/_page.scss index b41ed5ec27..2001ff411a 100644 --- a/_sass/_page.scss +++ b/_sass/_page.scss @@ -51,7 +51,7 @@ .page__content { #about-me{ margin-top: 0; } h1 { - margin-top: 1em; + margin-top: 0; padding-bottom: 0.5em; border-bottom: 1px solid $border-color; } diff --git a/assets/css/main.scss b/assets/css/main.scss index 932854bb5f..f35403a601 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -98,7 +98,6 @@ html.theme-dark .paper-box { } $scroll_offset: 2em; -h1:before, .anchor:before { content: ""; display: block; From 6bf900986be8cf64b803ae0c54e833cd4ac6a2e9 Mon Sep 17 00:00:00 2001 From: Yuhao Date: Sun, 23 Nov 2025 19:18:40 +0800 Subject: [PATCH 110/171] layout(bio): remove top gap by zeroing #main margin and disabling anchor scroll offset --- _sass/_page.scss | 2 +- assets/css/main.scss | 11 ++--------- 2 files changed, 3 insertions(+), 10 deletions(-) diff --git a/_sass/_page.scss b/_sass/_page.scss index 2001ff411a..abd27c386f 100644 --- a/_sass/_page.scss +++ b/_sass/_page.scss @@ -5,7 +5,7 @@ #main { @include container; @include clearfix; - margin-top: 1em; + margin-top: 0; padding-left: 1em; padding-right: 1em; animation: intro 0.3s both; diff --git a/assets/css/main.scss b/assets/css/main.scss index f35403a601..da78ee97f5 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -97,15 +97,8 @@ html.theme-dark .paper-box { box-shadow: 0 6px 20px rgba(0,0,0,0.4); } -$scroll_offset: 2em; -.anchor:before { - content: ""; - display: block; - position: relative; - width: 0; - height: $scroll_offset; - margin-top: -$scroll_offset; -} +$scroll_offset: 0; +.anchor:before { content: ""; display: block; width: 0; height: 0; margin-top: 0; } .badge { padding-left: 1rem; From 14f59d41f63381e53b75c6a5ea8263d53b13d4d7 Mon Sep 17 00:00:00 2001 From: Yuhao Date: Sun, 23 Nov 2025 19:24:56 +0800 Subject: [PATCH 111/171] layout(section): restore larger spacing between sections; layout(top): ensure no top gap by zeroing .page margin; rule: first section heading after anchor has no extra margin --- _sass/_page.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/_sass/_page.scss b/_sass/_page.scss index abd27c386f..bd6f310085 100644 --- a/_sass/_page.scss +++ b/_sass/_page.scss @@ -17,6 +17,7 @@ } .page { + margin-top: 0; @include breakpoint($large) { @include span(9 of 12); @include prefix(0 of 12); @@ -51,10 +52,11 @@ .page__content { #about-me{ margin-top: 0; } h1 { - margin-top: 0; + margin-top: 2.5em; padding-bottom: 0.5em; border-bottom: 1px solid $border-color; } + .anchor + h1 { margin-top: 0; } p, li, dl { font-size: 1em; From 3ce42ee734f8b11d3c0c076e7d8247c33f3c3854 Mon Sep 17 00:00:00 2001 From: Yuhao Date: Sun, 23 Nov 2025 19:27:07 +0800 Subject: [PATCH 112/171] fix(layout): remove grid overflow causing top blank; use fixed margin between sidebar and content; reset page suffix to 0 --- _sass/_page.scss | 2 +- _sass/_sidebar.scss | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/_sass/_page.scss b/_sass/_page.scss index bd6f310085..9d4389ef89 100644 --- a/_sass/_page.scss +++ b/_sass/_page.scss @@ -21,7 +21,7 @@ @include breakpoint($large) { @include span(9 of 12); @include prefix(0 of 12); - @include suffix(0.5 of 12); + @include suffix(0 of 12); } .page__inner-wrap { diff --git a/_sass/_sidebar.scss b/_sass/_sidebar.scss index 24237d0bdc..107ec48469 100644 --- a/_sass/_sidebar.scss +++ b/_sass/_sidebar.scss @@ -16,7 +16,7 @@ @include breakpoint($large) { @include span(3 of 12); float: right; - margin-left: span(1 of 12); + margin-left: 2em; opacity: 1; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; From a3717791ab031caf6514bc38c1ef26091904581a Mon Sep 17 00:00:00 2001 From: Yuhao Date: Sun, 23 Nov 2025 19:38:34 +0800 Subject: [PATCH 113/171] fix(layout): remove Susy break on page content to eliminate left top blank; keep section spacing --- _sass/_page.scss | 2 ++ 1 file changed, 2 insertions(+) diff --git a/_sass/_page.scss b/_sass/_page.scss index 9d4389ef89..cbaa702429 100644 --- a/_sass/_page.scss +++ b/_sass/_page.scss @@ -26,11 +26,13 @@ .page__inner-wrap { @include full(); + @include nobreak(); .page__content, .page__meta, .page__share { @include full(); + @include nobreak(); } } } From 7c35d5fd0b39841bfb96d475e669a273b96181a9 Mon Sep 17 00:00:00 2001 From: Yuhao Date: Sun, 23 Nov 2025 19:42:27 +0800 Subject: [PATCH 114/171] style(layout): enlarge gap between sidebar and content; ensure left column does not clear floats --- _sass/_page.scss | 1 + _sass/_sidebar.scss | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/_sass/_page.scss b/_sass/_page.scss index cbaa702429..a1eb14600f 100644 --- a/_sass/_page.scss +++ b/_sass/_page.scss @@ -22,6 +22,7 @@ @include span(9 of 12); @include prefix(0 of 12); @include suffix(0 of 12); + @include nobreak(); } .page__inner-wrap { diff --git a/_sass/_sidebar.scss b/_sass/_sidebar.scss index 107ec48469..43d64dada7 100644 --- a/_sass/_sidebar.scss +++ b/_sass/_sidebar.scss @@ -16,7 +16,7 @@ @include breakpoint($large) { @include span(3 of 12); float: right; - margin-left: 2em; + margin-left: 3em; opacity: 1; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; From 1847d9a2e744006f0da0a9506869e3765545b9b2 Mon Sep 17 00:00:00 2001 From: Yuhao Date: Sun, 23 Nov 2025 19:47:32 +0800 Subject: [PATCH 115/171] style(layout): set sidebar gap to 8em; fix clearfix not to clear element; ensure .page floats left on large screens --- _sass/_mixins.scss | 2 -- _sass/_page.scss | 1 + _sass/_sidebar.scss | 2 +- 3 files changed, 2 insertions(+), 3 deletions(-) diff --git a/_sass/_mixins.scss b/_sass/_mixins.scss index 14782b1942..09b6a83b05 100644 --- a/_sass/_mixins.scss +++ b/_sass/_mixins.scss @@ -43,8 +43,6 @@ */ @mixin clearfix { - clear: both; - &::after { clear: both; content: ""; diff --git a/_sass/_page.scss b/_sass/_page.scss index a1eb14600f..efd620276f 100644 --- a/_sass/_page.scss +++ b/_sass/_page.scss @@ -23,6 +23,7 @@ @include prefix(0 of 12); @include suffix(0 of 12); @include nobreak(); + float: left; } .page__inner-wrap { diff --git a/_sass/_sidebar.scss b/_sass/_sidebar.scss index 43d64dada7..986bf26818 100644 --- a/_sass/_sidebar.scss +++ b/_sass/_sidebar.scss @@ -16,7 +16,7 @@ @include breakpoint($large) { @include span(3 of 12); float: right; - margin-left: 3em; + margin-left: 8em; opacity: 1; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; From 54d04f6ab39c49b62c54af5fbbc9135cd767810d Mon Sep 17 00:00:00 2001 From: Yuhao Date: Sun, 23 Nov 2025 19:51:29 +0800 Subject: [PATCH 116/171] refactor(layout): switch #main to flex with 8em gap; remove floats and rely on flex to align sidebar and content; address top blank by eliminating float clearing interactions --- _sass/_page.scss | 9 ++++++++- _sass/_sidebar.scss | 5 +++-- 2 files changed, 11 insertions(+), 3 deletions(-) diff --git a/_sass/_page.scss b/_sass/_page.scss index efd620276f..34c018d419 100644 --- a/_sass/_page.scss +++ b/_sass/_page.scss @@ -14,6 +14,12 @@ @include breakpoint($x-large) { max-width: $x-large; } + + @include breakpoint($large) { + display: flex; + align-items: flex-start; + gap: 8em; + } } .page { @@ -23,7 +29,8 @@ @include prefix(0 of 12); @include suffix(0 of 12); @include nobreak(); - float: left; + float: none; + flex: 1 1 auto; } .page__inner-wrap { diff --git a/_sass/_sidebar.scss b/_sass/_sidebar.scss index 986bf26818..daca041299 100644 --- a/_sass/_sidebar.scss +++ b/_sass/_sidebar.scss @@ -15,8 +15,9 @@ @include breakpoint($large) { @include span(3 of 12); - float: right; - margin-left: 8em; + float: none; + margin-left: 0; + flex: 0 0 auto; opacity: 1; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; From a0f7355a996deafd0230341eacc75f840fc5c9ae Mon Sep 17 00:00:00 2001 From: Yuhao Date: Sun, 23 Nov 2025 19:54:36 +0800 Subject: [PATCH 117/171] fix(layout): keep sidebar on right via flex order; content on left; gap remains 8em --- _sass/_page.scss | 1 + _sass/_sidebar.scss | 1 + 2 files changed, 2 insertions(+) diff --git a/_sass/_page.scss b/_sass/_page.scss index 34c018d419..752edb1d27 100644 --- a/_sass/_page.scss +++ b/_sass/_page.scss @@ -31,6 +31,7 @@ @include nobreak(); float: none; flex: 1 1 auto; + order: 1; } .page__inner-wrap { diff --git a/_sass/_sidebar.scss b/_sass/_sidebar.scss index daca041299..e0214cc992 100644 --- a/_sass/_sidebar.scss +++ b/_sass/_sidebar.scss @@ -18,6 +18,7 @@ float: none; margin-left: 0; flex: 0 0 auto; + order: 2; opacity: 1; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; From 80e66204a4644afef564946bbdf686e4d5a42421 Mon Sep 17 00:00:00 2001 From: Yuhao Date: Sun, 23 Nov 2025 19:56:54 +0800 Subject: [PATCH 118/171] =?UTF-8?q?style(layout):=20reduce=20content?= =?UTF-8?q?=E2=80=93sidebar=20gap=20to=203em=20to=20widen=20left=20column?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- _sass/_page.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_sass/_page.scss b/_sass/_page.scss index 752edb1d27..f2fdd8284f 100644 --- a/_sass/_page.scss +++ b/_sass/_page.scss @@ -18,7 +18,7 @@ @include breakpoint($large) { display: flex; align-items: flex-start; - gap: 8em; + gap: 3em; } } From e7bad2fb3ad1097b4084dc44f2e19e79e2e1bdb3 Mon Sep 17 00:00:00 2001 From: Yuhao Date: Sun, 23 Nov 2025 20:00:32 +0800 Subject: [PATCH 119/171] style(layout): widen left content by fixing sidebar width to 300px; keep gap 3em; allow content to grow (width:auto, min-width:0) --- _sass/_page.scss | 2 ++ _sass/_sidebar.scss | 5 +++-- 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/_sass/_page.scss b/_sass/_page.scss index f2fdd8284f..735de6dc8e 100644 --- a/_sass/_page.scss +++ b/_sass/_page.scss @@ -32,6 +32,8 @@ float: none; flex: 1 1 auto; order: 1; + width: auto; + min-width: 0; } .page__inner-wrap { diff --git a/_sass/_sidebar.scss b/_sass/_sidebar.scss index e0214cc992..33fe2d7b69 100644 --- a/_sass/_sidebar.scss +++ b/_sass/_sidebar.scss @@ -14,10 +14,11 @@ margin-bottom: 1em; @include breakpoint($large) { - @include span(3 of 12); float: none; margin-left: 0; - flex: 0 0 auto; + width: 300px; + max-width: 300px; + flex: 0 0 300px; order: 2; opacity: 1; -webkit-transition: opacity 0.2s ease-in-out; From fea9380fc77b56249cb5d6053257af29abab6a1a Mon Sep 17 00:00:00 2001 From: Yuhao Date: Sun, 23 Nov 2025 20:03:56 +0800 Subject: [PATCH 120/171] style(pub): lengthen publication cards by increasing vertical padding and min-height --- assets/css/main.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/assets/css/main.scss b/assets/css/main.scss index da78ee97f5..8fb6645b8b 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -47,7 +47,8 @@ flex-direction: row; flex-wrap: wrap; border-bottom: 1px #efefef solid; - padding: 2em 0 2em 0; + padding: 3em 0 3em 0; + min-height: 280px; background: rgba(255,255,255,0.6); border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.06); From ffeb0a4ac758c74381b438b784fca45f4025ccc4 Mon Sep 17 00:00:00 2001 From: Yuhao Date: Sun, 23 Nov 2025 20:05:49 +0800 Subject: [PATCH 121/171] style(pub): widen text area by reducing image column to 32% and expanding text to 68%; tighten padding --- assets/css/main.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/assets/css/main.scss b/assets/css/main.scss index 8fb6645b8b..1fd454bf1b 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -80,14 +80,14 @@ .paper-box-image { justify-content: left; min-width: 200px; - max-width: 40%; + max-width: 32%; order: 1; } .paper-box-text { justify-content: left; - padding-left: 2em; - max-width: 60%; + padding-left: 1.5em; + max-width: 68%; order: 2; } } From 2cb2ae186d1594ea778e3d0a81edb95a112435d9 Mon Sep 17 00:00:00 2001 From: Yuhao Date: Sun, 23 Nov 2025 20:08:24 +0800 Subject: [PATCH 122/171] style(pub): further widen text area to 72% and reduce image to 28% --- assets/css/main.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/assets/css/main.scss b/assets/css/main.scss index 1fd454bf1b..a8ecdbdf26 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -80,14 +80,14 @@ .paper-box-image { justify-content: left; min-width: 200px; - max-width: 32%; + max-width: 28%; order: 1; } .paper-box-text { justify-content: left; - padding-left: 1.5em; - max-width: 68%; + padding-left: 1.2em; + max-width: 72%; order: 2; } } From dedf3958bbb8dc831859f04bc72b392d751172f3 Mon Sep 17 00:00:00 2001 From: Yuhao Date: Sun, 23 Nov 2025 20:12:08 +0800 Subject: [PATCH 123/171] style(pub): increase horizontal ratio with wider text (75%), side paddings 2.5em, lower vertical padding and min-height; content: update SkinGPT-R1 title --- _pages/includes/pub.md | 2 +- assets/css/main.scss | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/_pages/includes/pub.md b/_pages/includes/pub.md index d853293434..7747b68224 100644 --- a/_pages/includes/pub.md +++ b/_pages/includes/pub.md @@ -5,7 +5,7 @@
CVPR 2026 · Under Review
SkinGPT-R1
-[SkinGPT-R1: A Minimal-Parameter Dermatology Reasoning Model via Adapter-Only Dual Distillation on Vision–R1](https://arxiv.org/abs/2511.15242) \\ +[SkinGPT-R1: Adapter-Only Dual Distillation for Efficient Dermatology Reasoning](https://arxiv.org/abs/2511.15242) \\ **Yuhao Shen#**, Jiahe Qian#, Zhangtianyi Chen, Yuanhao He, Juexiao Zhou diff --git a/assets/css/main.scss b/assets/css/main.scss index a8ecdbdf26..c672786603 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -47,8 +47,8 @@ flex-direction: row; flex-wrap: wrap; border-bottom: 1px #efefef solid; - padding: 3em 0 3em 0; - min-height: 280px; + padding: 1.8em 2.5em; + min-height: 220px; background: rgba(255,255,255,0.6); border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.06); @@ -80,14 +80,14 @@ .paper-box-image { justify-content: left; min-width: 200px; - max-width: 28%; + max-width: 25%; order: 1; } .paper-box-text { justify-content: left; padding-left: 1.2em; - max-width: 72%; + max-width: 75%; order: 2; } } From a46780766e0455472ed2bb30688452ad89f08d4e Mon Sep 17 00:00:00 2001 From: Yuhao Date: Sun, 23 Nov 2025 20:15:28 +0800 Subject: [PATCH 124/171] style(pub): flatten cards; reduce vertical padding/min-height; enforce horizontal row at medium+; widen text to 78% with 22% image; more side paddings --- assets/css/main.scss | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/assets/css/main.scss b/assets/css/main.scss index c672786603..dcfdd7943b 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -47,8 +47,8 @@ flex-direction: row; flex-wrap: wrap; border-bottom: 1px #efefef solid; - padding: 1.8em 2.5em; - min-height: 220px; + padding: 1em 3em; + min-height: 0; background: rgba(255,255,255,0.6); border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.06); @@ -77,17 +77,20 @@ } @include breakpoint($medium) { + flex-wrap: nowrap; + align-items: flex-start; .paper-box-image { justify-content: left; min-width: 200px; - max-width: 25%; + max-width: 22%; order: 1; } .paper-box-text { justify-content: left; padding-left: 1.2em; - max-width: 75%; + max-width: 78%; + flex: 1 1 auto; order: 2; } } From 742be5d8d2a1aeeb4f09551f94d69616e5305240 Mon Sep 17 00:00:00 2001 From: Yuhao Date: Sun, 23 Nov 2025 20:19:33 +0800 Subject: [PATCH 125/171] style(pub): restore image/text 4:6 ratio; further reduce vertical padding to keep blocks flatter; moderate side paddings --- assets/css/main.scss | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/assets/css/main.scss b/assets/css/main.scss index dcfdd7943b..5f6335a566 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -47,7 +47,7 @@ flex-direction: row; flex-wrap: wrap; border-bottom: 1px #efefef solid; - padding: 1em 3em; + padding: 0.8em 2em; min-height: 0; background: rgba(255,255,255,0.6); border-radius: 12px; @@ -82,14 +82,14 @@ .paper-box-image { justify-content: left; min-width: 200px; - max-width: 22%; + max-width: 40%; order: 1; } .paper-box-text { justify-content: left; - padding-left: 1.2em; - max-width: 78%; + padding-left: 1em; + max-width: 60%; flex: 1 1 auto; order: 2; } From 4a78bb21a0882cbb49884d40dd6b920251e9a26c Mon Sep 17 00:00:00 2001 From: Yuhao Date: Sun, 23 Nov 2025 20:22:21 +0800 Subject: [PATCH 126/171] style(pub): center image vertically; restore 4:6 ratio; expand image to container width; flatten blocks by reducing bottom gap; keep side paddings --- assets/css/main.scss | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/assets/css/main.scss b/assets/css/main.scss index 5f6335a566..1b9c2fe44d 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -49,6 +49,7 @@ border-bottom: 1px #efefef solid; padding: 0.8em 2em; min-height: 0; + margin-bottom: 0.6em; background: rgba(255,255,255,0.6); border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.06); @@ -61,11 +62,12 @@ .paper-box-image { justify-content: center; + align-items: center; display: flex; width: 100%; order: 2; img { - max-width: 400px; + max-width: 100%; box-shadow: 3px 3px 6px #888; object-fit: cover; } @@ -81,6 +83,8 @@ align-items: flex-start; .paper-box-image { justify-content: left; + align-items: center; + align-self: stretch; min-width: 200px; max-width: 40%; order: 1; @@ -91,6 +95,7 @@ padding-left: 1em; max-width: 60%; flex: 1 1 auto; + font-size: 1.02em; order: 2; } } From dbdb050e82b94eb0fa920f00fe2da66cbffb0309 Mon Sep 17 00:00:00 2001 From: Yuhao Date: Sun, 23 Nov 2025 20:24:57 +0800 Subject: [PATCH 127/171] style(pub): lengthen blocks horizontally by capping image height to 140px; reduce vertical padding and bottom gap; keep 4:6 layout --- assets/css/main.scss | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/assets/css/main.scss b/assets/css/main.scss index 1b9c2fe44d..90076eb345 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -47,9 +47,9 @@ flex-direction: row; flex-wrap: wrap; border-bottom: 1px #efefef solid; - padding: 0.8em 2em; + padding: 0.6em 1.2em; min-height: 0; - margin-bottom: 0.6em; + margin-bottom: 0.3em; background: rgba(255,255,255,0.6); border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.06); @@ -68,8 +68,9 @@ order: 2; img { max-width: 100%; + height: 140px; box-shadow: 3px 3px 6px #888; - object-fit: cover; + object-fit: contain; } } From 318f60d7d01d797103d7850a4c3c5170a0b5524a Mon Sep 17 00:00:00 2001 From: Yuhao Date: Sun, 23 Nov 2025 20:29:09 +0800 Subject: [PATCH 128/171] =?UTF-8?q?style(pub):=20auto-fit=20images=20via?= =?UTF-8?q?=20clamp=20height=20(180px=E2=80=93240px)=20and=20unified=20con?= =?UTF-8?q?tainer=20min-height;=20keep=204:6=20ratio=20and=20vertical=20ce?= =?UTF-8?q?ntering?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/main.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/assets/css/main.scss b/assets/css/main.scss index 90076eb345..cd2e96645f 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -68,7 +68,8 @@ order: 2; img { max-width: 100%; - height: 140px; + width: auto; + height: clamp(180px, 18vw, 240px); box-shadow: 3px 3px 6px #888; object-fit: contain; } @@ -86,6 +87,7 @@ justify-content: left; align-items: center; align-self: stretch; + min-height: clamp(180px, 18vw, 240px); min-width: 200px; max-width: 40%; order: 1; From 578fcbf1fd7dee0cfa025fb90c7e23c4de559bfd Mon Sep 17 00:00:00 2001 From: Yuhao Date: Sun, 23 Nov 2025 20:31:57 +0800 Subject: [PATCH 129/171] style(pub): make all images equal height and fill container (height: clamp; img height:100%) for consistent longest display --- assets/css/main.scss | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/assets/css/main.scss b/assets/css/main.scss index cd2e96645f..26a4b343b1 100644 --- a/assets/css/main.scss +++ b/assets/css/main.scss @@ -65,11 +65,13 @@ align-items: center; display: flex; width: 100%; + height: clamp(180px, 18vw, 240px); order: 2; img { - max-width: 100%; width: auto; - height: clamp(180px, 18vw, 240px); + height: 100%; + max-width: 100%; + max-height: 100%; box-shadow: 3px 3px 6px #888; object-fit: contain; } @@ -87,7 +89,7 @@ justify-content: left; align-items: center; align-self: stretch; - min-height: clamp(180px, 18vw, 240px); + height: clamp(180px, 18vw, 240px); min-width: 200px; max-width: 40%; order: 1; From 2cc17fcf3857187f0a426c4bcfd82da17bbddd7c Mon Sep 17 00:00:00 2001 From: Yuhao Date: Sun, 23 Nov 2025 20:35:06 +0800 Subject: [PATCH 130/171] content(pub): remove second bullet in four blocks; style(pub): vertically center images relative to block (align-items:center, align-self:center) --- _pages/includes/pub.md | 8 ++++---- assets/css/main.scss | 4 ++-- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/_pages/includes/pub.md b/_pages/includes/pub.md index 7747b68224..ba0e433bdd 100644 --- a/_pages/includes/pub.md +++ b/_pages/includes/pub.md @@ -11,7 +11,7 @@ - Introduce **SkinGPT-R1**, a dermatology-focused VLM that performs explicit, step-by-step, verifiable diagnostic chain-of-thought reasoning through DermCoT supervision and dermatology-aware visual distillation. -- Establish **DermBench** and **DermEval** as the first physician-aligned framework for dermatologic narrative evaluation, enabling reliable benchmarking of VLMs across six clinically grounded dimensions. +
@@ -25,7 +25,7 @@ - Release **SkinCaRe**, unifying SkinCAP (medical captions) and SkinCoT (clinician-verified chains-of-thought) for transparent dermatologic reasoning. -- Enables training and evaluation of VLMs that both **describe** findings and **explain** diagnostic steps. +