From a0ae7e4ae6af6380ae97d648f7966c54a550b17c Mon Sep 17 00:00:00 2001 From: Eltrac Date: Fri, 6 Jun 2025 15:24:09 +0800 Subject: refactor: reuse card items Former-commit-id: b33acb90cc9c4eed5c442e1b2dbc2525211f5606 --- assets/css/components/_card.scss | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'assets/css') diff --git a/assets/css/components/_card.scss b/assets/css/components/_card.scss index 491604b6..8e03cc1d 100644 --- a/assets/css/components/_card.scss +++ b/assets/css/components/_card.scss @@ -25,6 +25,10 @@ .card-title { margin: 0; + a { + text-decoration: none; + color: inherit; + } } .card-content { -- cgit v1.2.3 From 279e6b2d33d2ca20777f9affd8c7cfe2b9ca228b Mon Sep 17 00:00:00 2001 From: Eltrac Date: Fri, 6 Jun 2025 15:25:46 +0800 Subject: remove: unnatural active icon link style Former-commit-id: a64a39181cc216c41b8b3b0ed6267b25d27e2027 --- assets/css/components/_postlist.scss | 4 ---- 1 file changed, 4 deletions(-) (limited to 'assets/css') diff --git a/assets/css/components/_postlist.scss b/assets/css/components/_postlist.scss index 022f97bd..171f2367 100644 --- a/assets/css/components/_postlist.scss +++ b/assets/css/components/_postlist.scss @@ -102,10 +102,6 @@ &.active .icon-link { opacity: 1; } - &.active .icon-link { - display: inline-block; - transform: scale(1.1) rotate(90deg); - } } #search-instruction { -- cgit v1.2.3 From fa48f611d0de8cbe389268ae3f356f307b6a4970 Mon Sep 17 00:00:00 2001 From: Eltrac Date: Fri, 6 Jun 2025 16:00:30 +0800 Subject: feat: brand new linkroll page (originally blogroll) Former-commit-id: 1de3fcd5b70746251b37f711e999c21f02f4b51d --- assets/css/components/_shortcodes.scss | 66 ++++++++++++++++++++++++++++++++++ 1 file changed, 66 insertions(+) (limited to 'assets/css') diff --git a/assets/css/components/_shortcodes.scss b/assets/css/components/_shortcodes.scss index 52de0999..934417d3 100644 --- a/assets/css/components/_shortcodes.scss +++ b/assets/css/components/_shortcodes.scss @@ -137,3 +137,69 @@ .sidenote-content { font-size: 1rem } + +/* blog links */ + +.linkroll { + display: flex; + flex-wrap: wrap; + gap: 1rem; +} + +a.blog-link { + position: relative; + background-color: var(--block-background-color); + text-decoration: none; + color: var(--text-color); + padding: 1rem 2rem; + padding-right: 4rem; + border-radius: 1rem; + width: calc(50% - 2rem); + box-sizing: border-box; + overflow: hidden; + + h4, p { + margin: 0; + font-size: 1.2rem; + } + + p { + line-height: 1.5; + } + + .link-content { + z-index: 10; + } + + img { + --size: 5rem; + display: block; + position: absolute; + right: -1rem; + bottom: -1rem; + width: var(--size); + height: var(--size); + border-radius: 100%; + z-index: 0; + } +} + +@media screen and (max-width: 768px) { + a.blog-link { + font-size: 1.2rem; + padding: 0.5rem 1rem; + padding-right: 2rem; + width: 100%; + } +} + +a.podcast-link { + text-decoration: none; + color: inherit; + width: calc(25% - 1rem); + .link-image { + overflow: hidden; + border-radius: 5px; + img { margin: 0 } + } +} -- cgit v1.2.3 From e954f0d0560f36948fb123539629085f128f64e8 Mon Sep 17 00:00:00 2001 From: Eltrac Date: Fri, 6 Jun 2025 16:08:37 +0800 Subject: refactor: reuse tag list Former-commit-id: 17cc7da7218f24775bcdcbd1631c1d9380492d1d --- assets/css/components/_post.scss | 2 +- assets/css/components/_postlist.scss | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) (limited to 'assets/css') diff --git a/assets/css/components/_post.scss b/assets/css/components/_post.scss index 8f937d11..798fd665 100644 --- a/assets/css/components/_post.scss +++ b/assets/css/components/_post.scss @@ -24,7 +24,7 @@ gap: 0.5rem; align-items: center; - .post-date, .post-tag { + .post-date, .tag { color: var(--secondary-text-color) } diff --git a/assets/css/components/_postlist.scss b/assets/css/components/_postlist.scss index 171f2367..57c6b18f 100644 --- a/assets/css/components/_postlist.scss +++ b/assets/css/components/_postlist.scss @@ -31,7 +31,7 @@ time { font-family: var(--mono-font-family); } - a.post-tag { + a.tag { font-size: 0.8rem; color: var(--secondary-text-color); } -- cgit v1.2.3