Skip to content

Commit 1d35702

Browse files
committed
style: 简化页面顶部与 Footer 展示
- 移除二级页面 hero 顶部的 kicker 文本 - 收窄工具页筛选栏高度并去掉底部分割线 - 精简 Footer 社交链接、回到顶部入口和状态版本文案 - 将 Twitter / X 显示文本改为 X,并去掉 RSS 前的分隔点
1 parent 11e1a77 commit 1d35702

15 files changed

Lines changed: 4 additions & 23 deletions

src/components/Footer.astro

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -33,14 +33,11 @@ const contributeLinks = [
3333
];
3434
const socials = [
3535
{ name: 'Telegram', href: 'https://t.me/MontageSubs' },
36-
{ name: 'Discord', href: 'https://discord.gg/montagesubs' },
3736
{ name: 'YouTube', href: 'https://youtube.com/@MontageSubs' },
3837
{ name: 'GitHub', href: 'https://github.com/MontageSubs' },
39-
{ name: 'Twitter / X',href: 'https://twitter.com/MontageSubs' },
38+
{ name: 'X', href: 'https://twitter.com/MontageSubs' },
4039
{ name: 'Bluesky', href: 'https://bsky.app/profile/montagesubs.bsky.social' },
4140
{ name: 'Mastodon', href: 'https://mastodon.social/@MontageSubs' },
42-
{ name: 'B站', href: 'https://space.bilibili.com/MontageSubs' },
43-
{ name: '微博', href: 'https://weibo.com/MontageSubs' },
4441
{ name: 'Instagram', href: 'https://instagram.com/MontageSubs' },
4542
];
4643
const legalLinks = [
@@ -61,7 +58,6 @@ const colYear = new Date().getFullYear();
6158
<div class="max-w-[1400px] mx-auto px-5 sm:px-8 lg:px-12 pt-20 pb-10">
6259
<div class="flex items-end justify-between gap-6 flex-wrap">
6360
<div>
64-
<p class="micro-label mb-6">{isZh ? '回到顶部 ↑' : 'Back to top ↑'} <a href="#top" class="text-bone-dim hover:text-signal-yellow ml-2">↑</a></p>
6561
<h2 class="font-display text-[clamp(3rem,10vw,9rem)] leading-[0.9] tracking-tightest text-bone">
6662
Montage<span class="font-display-italic text-signal-yellow">Subs.</span>
6763
</h2>
@@ -82,7 +78,7 @@ const colYear = new Date().getFullYear();
8278
<div class="mt-6 flex items-center gap-3">
8379
<span class="inline-flex w-2 h-2 rounded-full bg-live"></span>
8480
<span class="font-mono text-[11px] text-bone-mute uppercase tracking-[0.18em]">
85-
{isZh ? '社区开放中' : 'Community online'} · v0.1
81+
{isZh ? '社区开放中' : 'Community online'}
8682
</span>
8783
</div>
8884
</div>
@@ -136,7 +132,6 @@ const colYear = new Date().getFullYear();
136132
{name}
137133
</a>
138134
))}
139-
<span class="text-bone-mute self-center">·</span>
140135
<a href={`/${lang}/rss.xml`} class="text-bone-mute hover:text-signal-yellow text-[13px] transition-colors">RSS</a>
141136
<a href="https://substack.com/@montagesubs" target="_blank" rel="noopener noreferrer"
142137
class="text-bone-mute hover:text-bone text-[13px] transition-colors">Substack</a>

src/pages/en/about.astro

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,6 @@ const contacts = [
2626
<section class="relative pt-24 md:pt-32 pb-16 border-b border-bone/[0.08]">
2727
<div class="absolute inset-0 bg-grid opacity-50 pointer-events-none"></div>
2828
<div class="relative max-w-[1400px] mx-auto px-5 sm:px-8 lg:px-12">
29-
<p class="font-mono text-[11px] text-signal-yellow tracking-[0.22em] uppercase mb-6 reveal">{t('about.kicker')}</p>
3029
<div class="grid lg:grid-cols-12 gap-10">
3130
<h1 class="lg:col-span-7 font-display text-display text-bone leading-[0.92] tracking-tightest reveal">Who <span class="font-display-italic text-signal-yellow">we are</span></h1>
3231
<p class="lg:col-span-5 self-end text-bone-dim text-lg leading-relaxed reveal">{t('about.lead')}</p>

src/pages/en/community.astro

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,6 @@ const conduct = [
1313
<section class="relative pt-24 md:pt-32 pb-16 border-b border-bone/[0.08]">
1414
<div class="absolute inset-0 bg-grid opacity-50 pointer-events-none"></div>
1515
<div class="relative max-w-[1400px] mx-auto px-5 sm:px-8 lg:px-12">
16-
<p class="font-mono text-[11px] text-signal-yellow tracking-[0.22em] uppercase mb-6 reveal">{t('community.kicker')}</p>
1716
<div class="grid lg:grid-cols-12 gap-10">
1817
<h1 class="lg:col-span-7 font-display text-display text-bone leading-[0.92] tracking-tightest reveal"><span class="font-display-italic text-signal-yellow">Comm</span>unity</h1>
1918
<p class="lg:col-span-5 self-end text-bone-dim text-lg leading-relaxed reveal">{t('community.lead')}</p>

src/pages/en/contribute.astro

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,6 @@ const supportOptions = [
2626
<section class="relative pt-24 md:pt-32 pb-16 border-b border-bone/[0.08]">
2727
<div class="absolute inset-0 bg-grid opacity-50 pointer-events-none"></div>
2828
<div class="relative max-w-[1400px] mx-auto px-5 sm:px-8 lg:px-12">
29-
<p class="font-mono text-[11px] text-signal-yellow tracking-[0.22em] uppercase mb-6 reveal">{t('contribute.kicker')}</p>
3029
<div class="grid lg:grid-cols-12 gap-10">
3130
<h1 class="lg:col-span-7 font-display text-display text-bone leading-[0.92] tracking-tightest reveal">Take <span class="font-display-italic text-signal-yellow">part</span></h1>
3231
<p class="lg:col-span-5 self-end text-bone-dim text-lg leading-relaxed reveal">{t('contribute.lead')}</p>

src/pages/en/learn.astro

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,6 @@ const statusMap = { published: t('learn.status.published'), draft: t('learn.stat
2020
<section class="relative pt-24 md:pt-32 pb-16 border-b border-bone/[0.08]">
2121
<div class="absolute inset-0 bg-grid opacity-50 pointer-events-none"></div>
2222
<div class="relative max-w-[1400px] mx-auto px-5 sm:px-8 lg:px-12">
23-
<p class="font-mono text-[11px] text-signal-yellow tracking-[0.22em] uppercase mb-6 reveal">{t('learn.kicker')}</p>
2423
<div class="grid lg:grid-cols-12 gap-10">
2524
<h1 class="lg:col-span-7 font-display text-display text-bone leading-[0.92] tracking-tightest reveal">Learning <span class="font-display-italic text-signal-yellow">resources</span></h1>
2625
<p class="lg:col-span-5 self-end text-bone-dim text-lg leading-relaxed reveal">{t('learn.lead')}</p>

src/pages/en/projects.astro

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,6 @@ const statusLabel = { active: t('common.status.active'), completed: t('common.st
1616
<section class="relative pt-24 md:pt-32 pb-16 border-b border-bone/[0.08]">
1717
<div class="absolute inset-0 bg-grid opacity-50 pointer-events-none"></div>
1818
<div class="relative max-w-[1400px] mx-auto px-5 sm:px-8 lg:px-12">
19-
<p class="font-mono text-[11px] text-signal-yellow tracking-[0.22em] uppercase mb-6 reveal">{t('projects.kicker')}</p>
2019
<div class="grid lg:grid-cols-12 gap-10">
2120
<h1 class="lg:col-span-7 font-display text-display text-bone leading-[0.92] tracking-tightest reveal">Subtitle <span class="font-display-italic text-signal-yellow">projects</span></h1>
2221
<p class="lg:col-span-5 self-end text-bone-dim text-lg leading-relaxed reveal">{t('projects.lead')}</p>

src/pages/en/search.astro

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,6 @@ import BaseLayout from '../../layouts/BaseLayout.astro';
1010
<section class="relative pt-24 md:pt-32 pb-16 border-b border-bone/[0.08]">
1111
<div class="absolute inset-0 bg-grid opacity-50 pointer-events-none"></div>
1212
<div class="relative max-w-[1400px] mx-auto px-5 sm:px-8 lg:px-12">
13-
<p class="font-mono text-[11px] text-signal-yellow tracking-[0.22em] uppercase mb-6 reveal">Search</p>
1413
<h1 class="font-display text-display text-bone leading-[0.92] tracking-tightest reveal">
1514
<span class="font-display-italic text-signal-yellow">Search</span> the site
1615
</h1>

src/pages/en/tools.astro

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,14 +15,13 @@ const filters = [
1515
<section class="relative pt-24 md:pt-32 pb-16 border-b border-bone/[0.08]">
1616
<div class="absolute inset-0 bg-grid opacity-50 pointer-events-none"></div>
1717
<div class="relative max-w-[1400px] mx-auto px-5 sm:px-8 lg:px-12">
18-
<p class="font-mono text-[11px] text-signal-yellow tracking-[0.22em] uppercase mb-6 reveal">{t('tools.kicker')}</p>
1918
<div class="grid lg:grid-cols-12 gap-10">
2019
<h1 class="lg:col-span-7 font-display text-display text-bone leading-[0.92] tracking-tightest reveal"><span class="font-display-italic text-signal-yellow">Tool</span>kit</h1>
2120
<p class="lg:col-span-5 self-end text-bone-dim text-lg leading-relaxed reveal">{t('tools.lead')}</p>
2221
</div>
2322
</div>
2423
</section>
25-
<section class="py-12 border-b border-bone/[0.08] sticky top-16 z-30 bg-ink/95 backdrop-blur">
24+
<section class="py-6 sticky top-16 z-30 bg-ink/95 backdrop-blur">
2625
<div class="max-w-[1400px] mx-auto px-5 sm:px-8 lg:px-12 flex items-center justify-between gap-6 flex-wrap">
2726
<div class="flex flex-wrap gap-1">
2827
{filters.map(({ label, value }, i) => (

src/pages/zh-hans/about.astro

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,6 @@ const contacts = [
3333
<section class="relative pt-24 md:pt-32 pb-16 border-b border-bone/[0.08]">
3434
<div class="absolute inset-0 bg-grid opacity-50 pointer-events-none"></div>
3535
<div class="relative max-w-[1400px] mx-auto px-5 sm:px-8 lg:px-12">
36-
<p class="font-mono text-[11px] text-signal-yellow tracking-[0.22em] uppercase mb-6 reveal">{t('about.kicker')}</p>
3736
<div class="grid lg:grid-cols-12 gap-10">
3837
<h1 class="lg:col-span-6 font-display text-display text-bone leading-[0.92] tracking-tightest reveal">
3938
{t('about.title').slice(0,2)}<span class="font-display-italic text-signal-yellow">{t('about.title').slice(2)}</span>

src/pages/zh-hans/community.astro

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,6 @@ const conduct = [
1919
<section class="relative pt-24 md:pt-32 pb-16 border-b border-bone/[0.08]">
2020
<div class="absolute inset-0 bg-grid opacity-50 pointer-events-none"></div>
2121
<div class="relative max-w-[1400px] mx-auto px-5 sm:px-8 lg:px-12">
22-
<p class="font-mono text-[11px] text-signal-yellow tracking-[0.22em] uppercase mb-6 reveal">{t('community.kicker')}</p>
2322
<div class="grid lg:grid-cols-12 gap-10">
2423
<h1 class="lg:col-span-7 font-display text-display text-bone leading-[0.92] tracking-tightest reveal">
2524
社<span class="font-display-italic text-signal-yellow">区</span>

0 commit comments

Comments
 (0)