@@ -25,21 +25,6 @@ pageLayout: page
2525 <span style="color: var(--vp-c-text-1);">Jursin</span>
2626 <span class="cursor">_</span>
2727 </div>
28- <div class="tags-container">
29- <span class="tag">
30- <Icon name="mdi:location" width="16" height="16" />
31- 湖北荆州
32- </span>
33- <span class="tag">
34- <Icon name="ep:school" width="16" height="16" />
35- 长江大学
36- </span>
37- </div>
38- <p class="career">
39- <mark class="vp-mark-visible" style=" margin-right: 0.5rem;">大学生</mark>
40- <mark class="important vp-mark-visible">前端入门者</mark>
41- </p>
42- <p class="desc">若想梦想实现,先从梦中醒来。</p>
4328 <blockquote>
4429 <p class="hitokoto">
4530 <span id="hitokoto_text">一言加载中…</span>
@@ -49,8 +34,14 @@ pageLayout: page
4934 <a href="https://github.com/Jursin" target="_blank"><Icon name="mdi:github" /></a>
5035 <a href="https://space.bilibili.com/1575907920" target="_blank"><Icon name="mingcute:bilibili-line" color="#F9709A" /></a>
5136 <a href="https://t.me/Hello_Jursin" target="_blank"><Icon name="mingcute:telegram-fill" color="#62B8EB" /></a>
52- <a href="jursin@126.com" target="_blank"><Icon name="mdi:email-outline" color="#177F41" /></a>
37+ <a href="mailto: jursin@126.com" target="_blank"><Icon name="mdi:email-outline" color="#177F41" /></a>
5338 <a href="https://forum.smart-teach.cn/u/Jursin" target="_blank"><img src="/icon/SmartTeach.svg" alt="SmartTeach" class="social-icon"></a>
39+ </div>
40+ <div class="actions">
41+ <div class="action">
42+ <VPButton text="博客" icon="mdi:blog" href="/blog/" theme="alt" />
43+ <VPButton text="技能" icon="mdi:code-tags" href="/skills" theme="alt" />
44+ </div>
5445 </div>
5546 </div>
5647</div >
@@ -174,39 +165,10 @@ pageLayout: page
174165 line-height : 1.2 ;
175166}
176167
177- .tags-container {
178- display : flex ;
179- gap : 0.4rem ;
180- margin-bottom : 0.8rem ;
181- }
182-
183- .tag {
184- padding : 7px 10px ;
185- background : var (--vp-c-bg-soft );
186- border-radius : 8px ;
187- font-size : 16px ;
188- display : inline-flex ;
189- align-items : center ;
190- gap : 0.3rem ;
191- }
192-
193168.vp-icon {
194169 margin : 0 !important ;
195170}
196171
197- .career {
198- margin : 0 0 1rem ;
199- font-size : 22px ;
200- color : var (--vp-c-text-2 );
201- }
202-
203- .desc {
204- font-size : 20px ;
205- color : var (--vp-c-text-1 );
206- padding-left : 16px ;
207- border-left : 3px solid var (--vp-c-brand-1 );
208- }
209-
210172.info > blockquote {
211173 background-color : var (--vp-c-bg-soft );
212174}
@@ -247,6 +209,21 @@ pageLayout: page
247209 transform : scale (1.1 );
248210}
249211
212+ .actions {
213+ display : flex ;
214+ justify-content : flex-start ;
215+ margin-top : 1rem ;
216+ }
217+
218+ .action {
219+ display : flex ;
220+ gap : 0.25rem ;
221+ }
222+
223+ .action :deep(.vp-button ) {
224+ text-decoration : none ;
225+ }
226+
250227@media screen and (max-width : 768px ) {
251228 .home {
252229 flex-direction : column ;
@@ -269,6 +246,9 @@ pageLayout: page
269246 justify-content : center ;
270247 align-items : center ;
271248 }
249+ .actions {
250+ justify-content : center ;
251+ }
272252}
273253</style >
274254
0 commit comments