Skip to content

Commit 5c16624

Browse files
apacheliapacheli
committed
add about and contact details
1 parent d51193a commit 5c16624

File tree

13 files changed

+158
-58
lines changed

13 files changed

+158
-58
lines changed

‎.github/workflows/deploy.yaml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ jobs:
3232
- name: Build
3333
run: |
3434
bun install
35-
bun run server/build.js --build
35+
bun run build
3636
- name: Upload artifact
3737
uses: actions/upload-pages-artifact@v3
3838
with:

‎assets/index.css

Lines changed: 29 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -72,6 +72,7 @@ svg:hover {
7272
position: sticky;
7373
top: 0;
7474
width: 100%;
75+
z-index: 1;
7576
}
7677

7778
.header-icon {
@@ -190,6 +191,15 @@ svg:hover {
190191
width: 2.5rem;
191192
}
192193

194+
.main-ftr span a {
195+
color: var(--text);
196+
text-decoration: none;
197+
}
198+
199+
.main-ftr span a:hover {
200+
text-decoration: underline;
201+
}
202+
193203
.content {
194204
margin: 4rem auto;
195205
min-height: calc(100vh - 12rem);
@@ -199,8 +209,8 @@ svg:hover {
199209

200210
.content ol p,
201211
.content ul p {
202-
padding: 0;
203212
margin: 0;
213+
padding: 0;
204214
}
205215

206216
.content a {
@@ -224,24 +234,27 @@ svg:hover {
224234

225235
blockquote {
226236
background-color: #0000001a;
237+
border-bottom-right-radius: .25rem;
238+
border-left: .25rem solid var(--sub);
239+
border-top-right-radius: .25rem;
227240
margin: 0;
228241
padding-left: 1rem;
229242
color: var(--sub);
230-
border-left: .25rem solid var(--sub);
231243
}
232244

245+
.content li code,
233246
.content p code {
234247
background-color: var(--header);
235248
border-radius: .25rem;
236249
padding: .25rem .5rem;
237250
}
238251

239252
pre {
240-
width: 100%;
241253
background-color: var(--header);
242254
border-radius: .25rem;
243-
padding: 1rem;
244255
line-height: 1.25rem;
256+
padding: 1rem;
257+
width: 100%;
245258
}
246259

247260
.contains-task-list {
@@ -262,4 +275,15 @@ td {
262275

263276
tr:nth-child(even) {
264277
background-color: #0000001a;
265-
}
278+
}
279+
280+
hr {
281+
border: none;
282+
border-bottom: .0625rem solid var(--sub);
283+
}
284+
285+
h1 {
286+
top: 4rem;
287+
background-color: var(--bg);
288+
position: sticky;
289+
}

‎components/Footer.js

Lines changed: 19 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import __JSX__ from "../server/render.js";
1+
import __JSX__, { render } from "../server/render.js";
22

33
import { SocialIcon } from "./Icon.js";
44

@@ -30,7 +30,7 @@ const socials = [
3030
},
3131
{
3232
icon: "youtube",
33-
href: "https://www.youtube.com/@apacheopteryx",
33+
href: "https://www.youtube.com/@apacheli",
3434
h: "#ff0000",
3535
},
3636
]
@@ -44,15 +44,20 @@ const socials = [
4444
</li>
4545
));
4646

47-
export default () => {
48-
return (
49-
<footer class="main-ftr">
50-
<nav>
51-
<ul class="list">
52-
{socials}
53-
</ul>
54-
</nav>
55-
<span>© 2024-present apacheli</span>
56-
</footer>
57-
);
58-
};
47+
const date = new Date();
48+
49+
export default render(
50+
<footer class="main-ftr">
51+
<nav>
52+
<ul class="list">
53+
{socials}
54+
</ul>
55+
</nav>
56+
<span>
57+
Last updated on
58+
{` ${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()} `}
59+
<a href="https://github.com/apacheli/apacheli.github.io">(Source)</a>
60+
</span>
61+
<span>© 2024-present apacheli</span>
62+
</footer>,
63+
);

‎components/Header.js

Lines changed: 20 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -19,12 +19,25 @@ const links = [
1919
name: "Contact",
2020
href: "/contact",
2121
},
22-
].map((link) =>
23-
render(
24-
<li>
25-
<a href={link.href}>{link.name}</a>
26-
</li>,
27-
)
22+
].map((link) => (
23+
<li>
24+
<a href={link.href}>{link.name}</a>
25+
</li>
26+
));
27+
28+
const _nav = render(
29+
<nav>
30+
<input type="checkbox" id="nav-btn" />
31+
<label for="nav-btn" class="nav-btn nav-o">
32+
<Icon icon="bars-solid" />
33+
</label>
34+
<label for="nav-btn" class="nav-btn nav-x">
35+
<Icon icon="xmark-solid" />
36+
</label>
37+
<ul class="list">
38+
{links}
39+
</ul>
40+
</nav>,
2841
);
2942

3043
export default function Header({ title }) {
@@ -34,18 +47,7 @@ export default function Header({ title }) {
3447
<img src="/assets/icon.png" />
3548
<span>{title}</span>
3649
</a>
37-
<nav>
38-
<input type="checkbox" id="nav-btn" />
39-
<label for="nav-btn" class="nav-btn nav-o">
40-
<Icon icon="bars-solid" />
41-
</label>
42-
<label for="nav-btn" class="nav-btn nav-x">
43-
<Icon icon="xmark-solid" />
44-
</label>
45-
<ul class="list">
46-
{links}
47-
</ul>
48-
</nav>
50+
{_nav}
4951
</header>
5052
);
5153
}

‎components/Page.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ export default ({ title, description }, children) => {
2929
<main class="content">
3030
{children}
3131
</main>
32-
<Footer />
32+
{Footer}
3333
</body>
3434
</html>
3535
</>

‎package.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
{
22
"name": "apache.li",
33
"scripts": {
4-
"serve": "bun run server/serve.js"
4+
"build": "bun run server/build.js --build",
5+
"serve": "bun run server/build.js --serve"
56
},
67
"dependencies": {
78
"@mdx-js/esbuild": "^3.0.1",

‎pages/404.mdx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
11
export const title = "not found"
2+
export const description = "404 Not Found"
23

34
Hello, World!

‎pages/about.mdx

Lines changed: 43 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,45 @@
11
export const title = "about"
2+
export const description = "Web and Software Developer"
23

3-
Hello, World!
4+
# About Me
5+
6+
Hello, I'm Jimmy Vang, a web and software developer. JavaScript and TypeScript
7+
are my flavor of programming languages, but I've also dabbled with Python, Java,
8+
and Lua. My goals are to build fully custom applications with performance and
9+
efficiency in mind. I also like to contribute to open-source projects.
10+
11+
I'm also a hobbyist graphic designer and artist. I've use Figma and Paint.NET to
12+
make some cool stuff, e.g., the icon at the top left.
13+
14+
That's all from me. [Check out my blog](/blog) to see what I've been working on.
15+
16+
## Studies
17+
18+
I study computer science, but the majority of my knowledge and experience stems
19+
from reading documentations and trial and error. If you copy and paste code
20+
enough times, you might learn a thing or two. Don't forget to credit where you
21+
took the code from. Plagiarism is bad!
22+
23+
## Gaming
24+
25+
Open-world, sandbox, and tower defense are my favorite genres of video games. I
26+
also occasionally play FPS games, although I'm dog water at them.
27+
28+
My friend codes:
29+
30+
- Nintendo Switch: `SW-5259-5725-2888`
31+
- Steam: `876434768`
32+
33+
## My PC Build
34+
35+
https://pcpartpicker.com/list/RzYQbL
36+
37+
- CPU: AMD Ryzen™ 5 7600
38+
- GPU: AMD Radeon™ RX 6650 XT
39+
40+
I also have an old computer I use for storing media content. That's pretty epic
41+
if you ask me!
42+
43+
## Other Stuff
44+
45+
I'm from the United States. My time zone is `GMT-5`.

‎pages/blog.mdx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
11
export const title = "blog"
2+
export const description = "Web and Software Developer"
23

34
Hello, World!

‎pages/contact.mdx

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,9 @@
11
export const title = "contact"
2+
export const description = "Web and Software Developer"
23

3-
Hello, World!
4+
# Contact
5+
6+
For business inquiries, you can contact me at [email protected].
7+
8+
For everything else, you can message me on Discord. I do not respond on other
9+
platforms, unless I know you.

‎pages/index.mdx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
11
export const title = "home"
2+
export const description = "Web and Software Developer"
23

34
Hello, World!

‎pages/test.mdx

Lines changed: 19 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -2,27 +2,34 @@ export const title = "test"
22
export const description = "this is a description"
33

44
# Hello, World!
5+
56
## Hello, World!
7+
68
### Hello, World!
9+
710
#### Hello, World!
11+
812
##### Hello, World!
13+
914
###### Hello, World!
1015

11-
**bold** __bold__
16+
**bold** **bold**
1217

13-
*italic* _italic_
18+
_italic_ _italic_
1419

1520
~~strikethrough~~
1621

1722
**test _bold italic_ test**
1823

19-
***all bold and italic***
24+
_**all bold and italic**_
2025

2126
> Hello, World!
2227
23-
Use `git status` to list all new or modified files that haven't yet been committed.
28+
Use `git status` to list all new or modified files that haven't yet been
29+
committed.
2430

2531
Some basic Git commands are:
32+
2633
```
2734
git status
2835
git add
@@ -36,8 +43,10 @@ This site was built using [GitHub Pages](https://pages.github.com/).
3643
![Screenshot of a comment on a GitHub issue showing an image, added in the Markdown, of an Octocat smiling and raising a tentacle.](https://myoctocat.com/assets/images/base-octocat.svg)
3744

3845
- George Washington
46+
3947
* John Adams
40-
+ Thomas Jefferson
48+
49+
- Thomas Jefferson
4150

4251
1. James Madison
4352
2. James Monroe
@@ -50,8 +59,8 @@ This site was built using [GitHub Pages](https://pages.github.com/).
5059
---
5160

5261
1. First list item
53-
- First nested list item
54-
- Second nested list item
62+
- First nested list item
63+
- Second nested list item
5564

5665
- [x] #739
5766
- [ ] https://github.com/octo-org/octo-repo/issues/740
@@ -62,8 +71,9 @@ Here is a simple footnote[^1].
6271
A footnote can also have multiple lines[^2].
6372

6473
[^1]: My reference.
65-
[^2]: To add line breaks within a footnote, prefix new lines with 2 spaces.
66-
This is a second line.
74+
75+
[^2]: To add line breaks within a footnote, prefix new lines with 2 spaces. This
76+
is a second line.
6777

6878
| Name | Description |
6979
| ----- | ----------- |

0 commit comments

Comments
 (0)