Skip to content

Commit 1df674c

Browse files
mag1cfrogmag1cfrog
committed
Refactor site content: update footer and header with personal information, revise about page description, and modify index page introduction
1 parent 7c6a3a2 commit 1df674c

6 files changed

Lines changed: 37 additions & 129 deletions

File tree

‎src/assets/blog-placeholder-about.jpg‎

-21.1 KB
Binary file not shown.

‎src/components/Footer.astro‎

Lines changed: 8 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -3,32 +3,9 @@ const today = new Date();
33
---
44

55
<footer>
6-
&copy; {today.getFullYear()} Your name here. All rights reserved.
6+
&copy; {today.getFullYear()} Hanbo Wang. All rights reserved.
77
<div class="social-links">
8-
<a href="https://m.webtoo.ls/@astro" target="_blank">
9-
<span class="sr-only">Follow Astro on Mastodon</span>
10-
<svg
11-
viewBox="0 0 16 16"
12-
aria-hidden="true"
13-
width="32"
14-
height="32"
15-
astro-icon="social/mastodon"
16-
><path
17-
fill="currentColor"
18-
d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a3.614 3.614 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522c0-.859.22-1.541.66-2.046.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764.442.505.661 1.187.661 2.046v4.203z"
19-
></path></svg
20-
>
21-
</a>
22-
<a href="https://twitter.com/astrodotbuild" target="_blank">
23-
<span class="sr-only">Follow Astro on Twitter</span>
24-
<svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32" astro-icon="social/twitter"
25-
><path
26-
fill="currentColor"
27-
d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"
28-
></path></svg
29-
>
30-
</a>
31-
<a href="https://github.com/withastro/astro" target="_blank">
8+
<a href="https://github.com/mag1cfrog" target="_blank">
329
<span class="sr-only">Go to Astro's GitHub repo</span>
3310
<svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32" astro-icon="social/github"
3411
><path
@@ -37,6 +14,12 @@ const today = new Date();
3714
></path></svg
3815
>
3916
</a>
17+
<a href="https://www.linkedin.com/in/hanbo-wang-mag1cfrog/" target="_blank">
18+
<span class="sr-only">Connect on LinkedIn</span>
19+
<svg width="32" height="32" viewBox="0 0 50 50" aria-hidden="true">
20+
<path fill="currentColor" d="M 9 4 C 6.2504839 4 4 6.2504839 4 9 L 4 41 C 4 43.749516 6.2504839 46 9 46 L 41 46 C 43.749516 46 46 43.749516 46 41 L 46 9 C 46 6.2504839 43.749516 4 41 4 L 9 4 z M 9 6 L 41 6 C 42.668484 6 44 7.3315161 44 9 L 44 41 C 44 42.668484 42.668484 44 41 44 L 9 44 C 7.3315161 44 6 42.668484 6 41 L 6 9 C 6 7.3315161 7.3315161 6 9 6 z M 14 11.011719 C 12.904779 11.011719 11.919219 11.339079 11.189453 11.953125 C 10.459687 12.567171 10.011719 13.484511 10.011719 14.466797 C 10.011719 16.333977 11.631285 17.789609 13.691406 17.933594 A 0.98809878 0.98809878 0 0 0 13.695312 17.935547 A 0.98809878 0.98809878 0 0 0 14 17.988281 C 16.27301 17.988281 17.988281 16.396083 17.988281 14.466797 A 0.98809878 0.98809878 0 0 0 17.986328 14.414062 C 17.884577 12.513831 16.190443 11.011719 14 11.011719 z M 14 12.988281 C 15.392231 12.988281 15.94197 13.610038 16.001953 14.492188 C 15.989803 15.348434 15.460091 16.011719 14 16.011719 C 12.614594 16.011719 11.988281 15.302225 11.988281 14.466797 C 11.988281 14.049083 12.140703 13.734298 12.460938 13.464844 C 12.78117 13.19539 13.295221 12.988281 14 12.988281 z M 11 19 A 1.0001 1.0001 0 0 0 10 20 L 10 39 A 1.0001 1.0001 0 0 0 11 40 L 17 40 A 1.0001 1.0001 0 0 0 18 39 L 18 33.134766 L 18 20 A 1.0001 1.0001 0 0 0 17 19 L 11 19 z M 20 19 A 1.0001 1.0001 0 0 0 19 20 L 19 39 A 1.0001 1.0001 0 0 0 20 40 L 26 40 A 1.0001 1.0001 0 0 0 27 39 L 27 29 C 27 28.170333 27.226394 27.345035 27.625 26.804688 C 28.023606 26.264339 28.526466 25.940057 29.482422 25.957031 C 30.468166 25.973981 30.989999 26.311669 31.384766 26.841797 C 31.779532 27.371924 32 28.166667 32 29 L 32 39 A 1.0001 1.0001 0 0 0 33 40 L 39 40 A 1.0001 1.0001 0 0 0 40 39 L 40 28.261719 C 40 25.300181 39.122788 22.95433 37.619141 21.367188 C 36.115493 19.780044 34.024172 19 31.8125 19 C 29.710483 19 28.110853 19.704889 27 20.423828 L 27 20 A 1.0001 1.0001 0 0 0 26 19 L 20 19 z M 12 21 L 16 21 L 16 33.134766 L 16 38 L 12 38 L 12 21 z M 21 21 L 25 21 L 25 22.560547 A 1.0001 1.0001 0 0 0 26.798828 23.162109 C 26.798828 23.162109 28.369194 21 31.8125 21 C 33.565828 21 35.069366 21.582581 36.167969 22.742188 C 37.266572 23.901794 38 25.688257 38 28.261719 L 38 38 L 34 38 L 34 29 C 34 27.833333 33.720468 26.627107 32.990234 25.646484 C 32.260001 24.665862 31.031834 23.983076 29.517578 23.957031 C 27.995534 23.930001 26.747519 24.626988 26.015625 25.619141 C 25.283731 26.611293 25 27.829667 25 29 L 25 38 L 21 38 L 21 21 z"></path>
21+
</svg>
22+
</a>
4023
</div>
4124
</footer>
4225
<style>

‎src/components/Header.astro‎

Lines changed: 7 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -12,25 +12,7 @@ import { SITE_TITLE } from '../consts';
1212
<HeaderLink href="/about">About</HeaderLink>
1313
</div>
1414
<div class="social-links">
15-
<a href="https://m.webtoo.ls/@astro" target="_blank">
16-
<span class="sr-only">Follow Astro on Mastodon</span>
17-
<svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32"
18-
><path
19-
fill="currentColor"
20-
d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a3.614 3.614 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522c0-.859.22-1.541.66-2.046.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764.442.505.661 1.187.661 2.046v4.203z"
21-
></path></svg
22-
>
23-
</a>
24-
<a href="https://twitter.com/astrodotbuild" target="_blank">
25-
<span class="sr-only">Follow Astro on Twitter</span>
26-
<svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32"
27-
><path
28-
fill="currentColor"
29-
d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"
30-
></path></svg
31-
>
32-
</a>
33-
<a href="https://github.com/withastro/astro" target="_blank">
15+
<a href="https://github.com/mag1cfrog" target="_blank">
3416
<span class="sr-only">Go to Astro's GitHub repo</span>
3517
<svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32"
3618
><path
@@ -39,6 +21,12 @@ import { SITE_TITLE } from '../consts';
3921
></path></svg
4022
>
4123
</a>
24+
<a href="https://www.linkedin.com/in/hanbo-wang-mag1cfrog/" target="_blank">
25+
<span class="sr-only">Connect on LinkedIn</span>
26+
<svg width="32" height="32" viewBox="0 0 50 50" aria-hidden="true">
27+
<path fill="currentColor" d="M 9 4 C 6.2504839 4 4 6.2504839 4 9 L 4 41 C 4 43.749516 6.2504839 46 9 46 L 41 46 C 43.749516 46 46 43.749516 46 41 L 46 9 C 46 6.2504839 43.749516 4 41 4 L 9 4 z M 9 6 L 41 6 C 42.668484 6 44 7.3315161 44 9 L 44 41 C 44 42.668484 42.668484 44 41 44 L 9 44 C 7.3315161 44 6 42.668484 6 41 L 6 9 C 6 7.3315161 7.3315161 6 9 6 z M 14 11.011719 C 12.904779 11.011719 11.919219 11.339079 11.189453 11.953125 C 10.459687 12.567171 10.011719 13.484511 10.011719 14.466797 C 10.011719 16.333977 11.631285 17.789609 13.691406 17.933594 A 0.98809878 0.98809878 0 0 0 13.695312 17.935547 A 0.98809878 0.98809878 0 0 0 14 17.988281 C 16.27301 17.988281 17.988281 16.396083 17.988281 14.466797 A 0.98809878 0.98809878 0 0 0 17.986328 14.414062 C 17.884577 12.513831 16.190443 11.011719 14 11.011719 z M 14 12.988281 C 15.392231 12.988281 15.94197 13.610038 16.001953 14.492188 C 15.989803 15.348434 15.460091 16.011719 14 16.011719 C 12.614594 16.011719 11.988281 15.302225 11.988281 14.466797 C 11.988281 14.049083 12.140703 13.734298 12.460938 13.464844 C 12.78117 13.19539 13.295221 12.988281 14 12.988281 z M 11 19 A 1.0001 1.0001 0 0 0 10 20 L 10 39 A 1.0001 1.0001 0 0 0 11 40 L 17 40 A 1.0001 1.0001 0 0 0 18 39 L 18 33.134766 L 18 20 A 1.0001 1.0001 0 0 0 17 19 L 11 19 z M 20 19 A 1.0001 1.0001 0 0 0 19 20 L 19 39 A 1.0001 1.0001 0 0 0 20 40 L 26 40 A 1.0001 1.0001 0 0 0 27 39 L 27 29 C 27 28.170333 27.226394 27.345035 27.625 26.804688 C 28.023606 26.264339 28.526466 25.940057 29.482422 25.957031 C 30.468166 25.973981 30.989999 26.311669 31.384766 26.841797 C 31.779532 27.371924 32 28.166667 32 29 L 32 39 A 1.0001 1.0001 0 0 0 33 40 L 39 40 A 1.0001 1.0001 0 0 0 40 39 L 40 28.261719 C 40 25.300181 39.122788 22.95433 37.619141 21.367188 C 36.115493 19.780044 34.024172 19 31.8125 19 C 29.710483 19 28.110853 19.704889 27 20.423828 L 27 20 A 1.0001 1.0001 0 0 0 26 19 L 20 19 z M 12 21 L 16 21 L 16 33.134766 L 16 38 L 12 38 L 12 21 z M 21 21 L 25 21 L 25 22.560547 A 1.0001 1.0001 0 0 0 26.798828 23.162109 C 26.798828 23.162109 28.369194 21 31.8125 21 C 33.565828 21 35.069366 21.582581 36.167969 22.742188 C 37.266572 23.901794 38 25.688257 38 28.261719 L 38 38 L 34 38 L 34 29 C 34 27.833333 33.720468 26.627107 32.990234 25.646484 C 32.260001 24.665862 31.031834 23.983076 29.517578 23.957031 C 27.995534 23.930001 26.747519 24.626988 26.015625 25.619141 C 25.283731 26.611293 25 27.829667 25 29 L 25 38 L 21 38 L 21 21 z"></path>
28+
</svg>
29+
</a>
4230
</div>
4331
</nav>
4432
</header>

‎src/consts.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
// Place any global data in this file.
22
// You can import this data from anywhere in your site by using the `import` keyword.
33

4-
export const SITE_TITLE = 'Astro Blog';
5-
export const SITE_DESCRIPTION = 'Welcome to my website!';
4+
export const SITE_TITLE = 'Hanbo Wang - Spark Optimization Notes';
5+
export const SITE_DESCRIPTION = 'Personal notes and reflections on Spark job optimization and data engineering.';

‎src/pages/about.astro‎

Lines changed: 13 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -5,59 +5,19 @@ import AboutHeroImage from '../assets/blog-placeholder-about.jpg';
55

66
<Layout
77
title="About Me"
8-
description="Lorem ipsum dolor sit amet"
9-
pubDate={new Date('August 08 2021')}
10-
heroImage={AboutHeroImage}
8+
description="Data Engineer passionate about Spark, Rust, Python, and data optimization."
9+
pubDate={new Date('2025-06-16')}
1110
>
1211
<p>
13-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
14-
labore et dolore magna aliqua. Vitae ultricies leo integer malesuada nunc vel risus commodo
15-
viverra. Adipiscing enim eu turpis egestas pretium. Euismod elementum nisi quis eleifend quam
16-
adipiscing. In hac habitasse platea dictumst vestibulum. Sagittis purus sit amet volutpat. Netus
17-
et malesuada fames ac turpis egestas. Eget magna fermentum iaculis eu non diam phasellus
18-
vestibulum lorem. Varius sit amet mattis vulputate enim. Habitasse platea dictumst quisque
19-
sagittis. Integer quis auctor elit sed vulputate mi. Dictumst quisque sagittis purus sit amet.
20-
</p>
21-
22-
<p>
23-
Morbi tristique senectus et netus. Id semper risus in hendrerit gravida rutrum quisque non
24-
tellus. Habitasse platea dictumst quisque sagittis purus sit amet. Tellus molestie nunc non
25-
blandit massa. Cursus vitae congue mauris rhoncus. Accumsan tortor posuere ac ut. Fringilla urna
26-
porttitor rhoncus dolor. Elit ullamcorper dignissim cras tincidunt lobortis. In cursus turpis
27-
massa tincidunt dui ut ornare lectus. Integer feugiat scelerisque varius morbi enim nunc.
28-
Bibendum neque egestas congue quisque egestas diam. Cras ornare arcu dui vivamus arcu felis
29-
bibendum. Dignissim suspendisse in est ante in nibh mauris. Sed tempus urna et pharetra pharetra
30-
massa massa ultricies mi.
31-
</p>
32-
33-
<p>
34-
Mollis nunc sed id semper risus in. Convallis a cras semper auctor neque. Diam sit amet nisl
35-
suscipit. Lacus viverra vitae congue eu consequat ac felis donec. Egestas integer eget aliquet
36-
nibh praesent tristique magna sit amet. Eget magna fermentum iaculis eu non diam. In vitae
37-
turpis massa sed elementum. Tristique et egestas quis ipsum suspendisse ultrices. Eget lorem
38-
dolor sed viverra ipsum. Vel turpis nunc eget lorem dolor sed viverra. Posuere ac ut consequat
39-
semper viverra nam. Laoreet suspendisse interdum consectetur libero id faucibus. Diam phasellus
40-
vestibulum lorem sed risus ultricies tristique. Rhoncus dolor purus non enim praesent elementum
41-
facilisis. Ultrices tincidunt arcu non sodales neque. Tempus egestas sed sed risus pretium quam
42-
vulputate. Viverra suspendisse potenti nullam ac tortor vitae purus faucibus ornare. Fringilla
43-
urna porttitor rhoncus dolor purus non. Amet dictum sit amet justo donec enim.
44-
</p>
45-
46-
<p>
47-
Mattis ullamcorper velit sed ullamcorper morbi tincidunt. Tortor posuere ac ut consequat semper
48-
viverra. Tellus mauris a diam maecenas sed enim ut sem viverra. Venenatis urna cursus eget nunc
49-
scelerisque viverra mauris in. Arcu ac tortor dignissim convallis aenean et tortor at. Curabitur
50-
gravida arcu ac tortor dignissim convallis aenean et tortor. Egestas tellus rutrum tellus
51-
pellentesque eu. Fusce ut placerat orci nulla pellentesque dignissim enim sit amet. Ut enim
52-
blandit volutpat maecenas volutpat blandit aliquam etiam. Id donec ultrices tincidunt arcu. Id
53-
cursus metus aliquam eleifend mi.
54-
</p>
55-
56-
<p>
57-
Tempus quam pellentesque nec nam aliquam sem. Risus at ultrices mi tempus imperdiet. Id porta
58-
nibh venenatis cras sed felis eget velit. Ipsum a arcu cursus vitae. Facilisis magna etiam
59-
tempor orci eu lobortis elementum. Tincidunt dui ut ornare lectus sit. Quisque non tellus orci
60-
ac. Blandit libero volutpat sed cras. Nec tincidunt praesent semper feugiat nibh sed pulvinar
61-
proin gravida. Egestas integer eget aliquet nibh praesent tristique magna.
62-
</p>
12+
Hi, I'm Hanbo Wang. I started my career as a data analyst and transitioned into data engineering, where I discovered my passion for building scalable data pipelines and optimizing big data workflows.
13+
</p>
14+
<p>
15+
I'm proficient in <strong>Rust</strong>, <strong>Python</strong>, and <strong>SQL</strong>, and I'm always curious to explore new programming languages and technologies. My work often involves Spark job optimization, performance tuning, and making data systems more efficient.
16+
</p>
17+
<p>
18+
This site is my space to reflect on lessons learned, share practical notes, and document my journey in the world of data engineering.
19+
</p>
20+
<p>
21+
Feel free to connect with me on <a href="https://github.com/mag1cfrog" target="_blank">GitHub</a> or <a href="https://www.linkedin.com/in/hanbo-wang-mag1cfrog/" target="_blank">LinkedIn</a>.
22+
</p>
6323
</Layout>

‎src/pages/index.astro‎

Lines changed: 7 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -13,36 +13,13 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
1313
<body>
1414
<Header />
1515
<main>
16-
<h1>🧑‍🚀 Hello, Astronaut!</h1>
17-
<p>
18-
Welcome to the official <a href="https://astro.build/">Astro</a> blog starter template. This
19-
template serves as a lightweight, minimally-styled starting point for anyone looking to build
20-
a personal website, blog, or portfolio with Astro.
21-
</p>
22-
<p>
23-
This template comes with a few integrations already configured in your
24-
<code>astro.config.mjs</code> file. You can customize your setup with
25-
<a href="https://astro.build/integrations">Astro Integrations</a> to add tools like Tailwind,
26-
React, or Vue to your project.
27-
</p>
28-
<p>Here are a few ideas on how to get started with the template:</p>
29-
<ul>
30-
<li>Edit this page in <code>src/pages/index.astro</code></li>
31-
<li>Edit the site header items in <code>src/components/Header.astro</code></li>
32-
<li>Add your name to the footer in <code>src/components/Footer.astro</code></li>
33-
<li>Check out the included blog posts in <code>src/content/blog/</code></li>
34-
<li>Customize the blog post page layout in <code>src/layouts/BlogPost.astro</code></li>
35-
</ul>
36-
<p>
37-
Have fun! If you get stuck, remember to
38-
<a href="https://docs.astro.build/">read the docs</a>
39-
or <a href="https://astro.build/chat">join us on Discord</a> to ask questions.
40-
</p>
41-
<p>
42-
Looking for a blog template with a bit more personality? Check out
43-
<a href="https://github.com/Charca/astro-blog-template">astro-blog-template</a>
44-
by <a href="https://twitter.com/Charca">Maxi Ferreira</a>.
45-
</p>
16+
<h1>Welcome, I'm Hanbo Wang</h1>
17+
<p>
18+
This is my personal space for sharing notes and reflections on Spark job optimization and data engineering. Here you'll find practical lessons, experiments, and insights from my hands-on work.
19+
</p>
20+
<p>
21+
Feel free to browse my <a href="/blog">blog posts</a> for detailed write-ups on Spark tuning, performance troubleshooting, and more.
22+
</p>
4623
</main>
4724
<Footer />
4825
</body>

0 commit comments

Comments
 (0)