Skip to content

Commit 04f4236

Browse files
todaymvptodaymvp
committed
更新布局：2026-07-04 15:18
1 parent 3c33459 commit 04f4236

3 files changed

Lines changed: 55 additions & 34 deletions

File tree

‎src/components/Footer.astro‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,7 @@ import { Heading } from 'accessible-astro-components'
2828
<li><a href="/about" class="text-sm hover:underline" style="transition: color 0.2s;">关于我们</a></li>
2929
<li><a href="/portfolio" class="text-sm hover:underline" style="transition: color 0.2s;">成员</a></li>
3030
<li><a href="/contact" class="text-sm hover:underline" style="transition: color 0.2s;">加入我们</a></li>
31+
<li><a href="http://125.217.52.145/" target="_blank" rel="noopener noreferrer" class="text-sm hover:underline" style="transition: color 0.2s;">靶场</a></li>
3132
</ul>
3233
</div>
3334

@@ -36,8 +37,8 @@ import { Heading } from 'accessible-astro-components'
3637
<Heading level="h3" class="!mb-3 !text-lg !font-semibold">友情链接</Heading>
3738
<ul class="list-none space-y-2">
3839
<li>
39-
<a href="/contact" class="text-sm hover:underline" style="transition: color 0.2s;">
40-
招新靶场
40+
<a href="https://hello.kexie.space" target="_blank" rel="noopener noreferrer" class="text-sm hover:underline" style="transition: color 0.2s;">
41+
三院科协（上级组织）
4142
</a>
4243
</li>
4344
<li>

‎src/pages/contact.astro‎

Lines changed: 14 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,6 @@ import PageHeader from '@components/PageHeader.astro'
1717
<strong>花江安全</strong>（Huajiang Security，HJSec）隶属于桂林电子科技大学计算机与信息安全学院大学生科技协会，为科协安全部，招新由科协统筹进行。
1818
</p>
1919

20-
<!-- 我们是谁卡片 -->
2120
<div class="rounded-xl border border-[var(--border-color-subtle)] bg-[var(--background-color)] p-6 shadow-sm mb-8">
2221
<h2 class="text-xl font-bold mb-3 flex items-center gap-2">
2322
<span>🧩</span> 我们是谁
@@ -35,7 +34,6 @@ import PageHeader from '@components/PageHeader.astro'
3534
<p class="opacity-70 text-sm mt-2">——步六孤</p>
3635
</div>
3736

38-
<!-- 招新信息卡片 -->
3937
<div class="rounded-xl border border-[var(--border-color-subtle)] bg-[var(--background-color)] p-6 shadow-sm mb-8">
4038
<h2 class="text-xl font-bold mb-4 flex items-center gap-2">
4139
<span>📋</span> 招新信息
@@ -47,7 +45,6 @@ import PageHeader from '@components/PageHeader.astro'
4745
</ul>
4846
</div>
4947

50-
<!-- 招新历程：时间线样式 -->
5148
<div class="rounded-xl border border-[var(--border-color-subtle)] bg-[var(--background-color)] p-6 shadow-sm">
5249
<h2 class="text-xl font-bold mb-6 flex items-center gap-2">
5350
<span>🗺️</span> 招新历程
@@ -86,8 +83,19 @@ import PageHeader from '@components/PageHeader.astro'
8683
</div>
8784
</div>
8885

89-
<!-- 右栏：群公告 + 学长学姐推荐 + 迎新靶场 + 加入方式 -->
86+
<!-- 右栏：迎新靶场 + 群公告 + 学长学姐推荐 + 加入方式 -->
9087
<div class="space-content">
88+
<!-- 🎯 迎新靶场 -->
89+
<div class="rounded-xl border border-[var(--border-color-subtle)] bg-[var(--background-color)] p-6 shadow-sm mb-8 text-center">
90+
<h2 class="text-xl font-bold mb-4 flex items-center justify-center gap-2">
91+
<span>🎯</span> 迎新靶场
92+
</h2>
93+
<p class="text-lg mb-2">
94+
<a href="http://125.217.52.145/" target="_blank" rel="noopener noreferrer" class="text-[var(--color-primary)] font-semibold hover:underline">http://125.217.52.145/\</a\>
95+
</p>
96+
<p class="text-sm opacity-70">目前仅限校园网内访问，帮助新生熟悉 CTF，为招新赛热身</p>
97+
</div>
98+
9199
<!-- 📣 群公告 -->
92100
<div class="rounded-xl border-l-4 border-[#f59e0b] bg-[rgba(245,158,11,0.08)] p-5 mb-8 dark:bg-[rgba(245,158,11,0.12)]">
93101
<h3 class="text-lg font-bold mb-2 flex items-center gap-2">
@@ -112,7 +120,7 @@ import PageHeader from '@components/PageHeader.astro'
112120
<p class="opacity-60 text-sm mt-2">2026.7.1 ——today</p>
113121
</div>
114122

115-
<!-- 学长学姐推荐卡片 -->
123+
<!-- 📺 学长学姐推荐 -->
116124
<div class="rounded-xl border-l-4 border-[#63b3ed] bg-[rgba(99,179,237,0.08)] p-5 mb-8 dark:bg-[rgba(99,179,237,0.12)]">
117125
<h3 class="text-lg font-bold mb-2">📺 学长学姐推荐</h3>
118126
<p class="opacity-90 mb-2">由于期末周还没搭好练习靶场，可以先看这个计算机基础操作教学视频：</p>
@@ -121,18 +129,7 @@ import PageHeader from '@components/PageHeader.astro'
121129
<p class="opacity-60 text-sm mt-2">——today</p>
122130
</div>
123131

124-
<!-- 迎新靶场 -->
125-
<div class="rounded-xl border border-[var(--border-color-subtle)] bg-[var(--background-color)] p-6 shadow-sm mb-8 text-center">
126-
<h2 class="text-xl font-bold mb-4 flex items-center justify-center gap-2">
127-
<span>🎯</span> 迎新靶场
128-
</h2>
129-
<p class="text-lg mb-2">
130-
<a href="http://125.217.52.145/" target="_blank" rel="noopener noreferrer" class="text-[var(--color-primary)] font-semibold hover:underline">http://125.217.52.145/</a>
131-
</p>
132-
<p class="text-sm opacity-70">目前仅限校园网内访问，帮助新生熟悉 CTF，为招新赛热身</p>
133-
</div>
134-
135-
<!-- 加入方式 -->
132+
<!-- 📬 加入方式 -->
136133
<div class="rounded-xl border border-[var(--border-color-subtle)] bg-[var(--background-color)] p-6 shadow-sm text-center">
137134
<h2 class="text-xl font-bold mb-4 flex items-center justify-center gap-2">
138135
<span>📬</span> 加入方式

‎src/pages/index.astro‎

Lines changed: 38 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -6,24 +6,47 @@ import Hero from '@components/Hero.astro'
66
<DefaultLayout title="花江安全" useTitleTemplate={false}>
77
<Hero />
88

9-
10-
<!-- 2026 社团招新宣传（放在最显眼的位置） -->
9+
<!-- 招新宣传 + 金句与靶场（金句在右，靶场也在右） -->
1110
<section class="mb-24">
1211
<div class="container">
13-
<div class="mx-auto max-w-3xl rounded-2xl border border-[var(--border-color-subtle)] bg-[var(--background-color)] p-8 shadow-sm text-center">
14-
<h2 class="text-2xl font-bold mb-4">🎉 2026 社团招新进行中</h2>
15-
<p class="text-lg opacity-80 mb-6">对信息安全感兴趣？想打 CTF、学二进制、搞渗透？快来加入花江安全！</p>
16-
<div class="flex flex-col sm:flex-row justify-center gap-6 items-center">
17-
<div class="bg-[rgba(99,179,237,0.1)] rounded-xl p-5">
18-
<p class="text-sm mb-2">招新 QQ 群</p>
19-
<p class="text-3xl font-extrabold text-[var(--color-primary)] mb-2">995962963</p>
20-
<a href="https://qm.qq.com/q/5pvaUJFYXu" target="_blank" rel="noopener noreferrer" class="inline-block rounded-full bg-[var(--color-primary)] px-5 py-2 text-white font-semibold no-underline hover:opacity-90 transition shadow-md">
21-
点击加入群聊
22-
</a>
12+
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 items-center max-w-4xl mx-auto">
13+
<!-- 左侧：招新宣传 -->
14+
<div class="rounded-2xl border border-[var(--border-color-subtle)] bg-[var(--background-color)] p-8 shadow-sm text-center">
15+
<h2 class="text-2xl font-bold mb-4">🎉 2026 社团招新进行中</h2>
16+
<p class="text-lg opacity-80 mb-6">对信息安全感兴趣？想打 CTF、学二进制、搞渗透？快来加入花江安全！</p>
17+
<div class="flex flex-col sm:flex-row justify-center gap-6 items-center">
18+
<div class="bg-[rgba(99,179,237,0.1)] rounded-xl p-5">
19+
<p class="text-sm mb-2">招新 QQ 群</p>
20+
<p class="text-3xl font-extrabold text-[var(--color-primary)] mb-2">995962963</p>
21+
<a href="https://qm.qq.com/q/5pvaUJFYXu" target="_blank" rel="noopener noreferrer" class="inline-block rounded-full bg-[var(--color-primary)] px-5 py-2 text-white font-semibold no-underline hover:opacity-90 transition shadow-md">
22+
点击加入群聊
23+
</a>
24+
</div>
25+
<div>
26+
<img src="/img/recruitment.png" alt="招新群二维码" class="w-40 h-auto rounded-xl shadow-md mx-auto" loading="lazy" />
27+
<p class="text-sm opacity-70 mt-2">扫码加入 26级招新群</p>
28+
</div>
2329
</div>
24-
<div>
25-
<img src="/img/recruitment.png" alt="招新群二维码" class="w-40 h-auto rounded-xl shadow-md mx-auto" loading="lazy" />
26-
<p class="text-sm opacity-70 mt-2">扫码加入 26级招新群</p>
30+
</div>
31+
32+
<!-- 右侧：金句 + 靶场入口（加特效） -->
33+
<div class="flex flex-col gap-6">
34+
<!-- 金句卡片 -->
35+
<div class="relative rounded-2xl p-8 shadow-lg text-center md:text-left" style="background: linear-gradient(135deg, rgba(99,179,237,0.08) 0%, rgba(183,148,244,0.12) 100%); border: 2px solid transparent; background-clip: padding-box; position: relative;">
36+
<!-- 渐变边框模拟 -->
37+
<div style="position: absolute; inset: 0; border-radius: 1rem; padding: 2px; background: linear-gradient(135deg, #63b3ed, #b794f4); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none;"></div>
38+
<p class="text-2xl font-bold leading-relaxed relative" style="text-shadow: 0 0 10px rgba(99,179,237,0.3);">
39+
“我们从来不寻找天才。<br>只要你有自身闪亮发光的地方，<br>你就是我们要寻找的人。”
40+
</p>
41+
</div>
42+
43+
<!-- 靶场入口卡片 -->
44+
<div class="rounded-2xl border border-[var(--border-color-subtle)] bg-[var(--background-color)] p-6 shadow-sm text-center">
45+
<p class="text-lg font-semibold mb-3">🎯 想提前练手？</p>
46+
<a href="http://125.217.52.145/" target="_blank" rel="noopener noreferrer" class="inline-block rounded-full px-8 py-4 text-white font-bold text-lg no-underline transition shadow-lg hover:opacity-90" style="background: linear-gradient(135deg, #63b3ed, #b794f4); box-shadow: 0 0 20px rgba(99,179,237,0.5);">
47+
进入迎新靶场（校内）
48+
</a>
49+
<p class="text-sm opacity-70 mt-3">目前仅限校园网访问</p>
2750
</div>
2851
</div>
2952
</div>

0 commit comments

Comments
 (0)