Skip to content

Commit 1dcd210

Browse files
phukonphukon
committed
feat: add progres bar and new posts
1 parent 33dd01c commit 1dcd210

20 files changed

+208
-8
lines changed

‎components/Section.tsx

+1-1
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@ const Section = ({ head, desc, pic, value }: sectionProps) => {
4040
{limitTo120Characters(desc) + "... .."}
4141
</p>
4242
<div className="p-4 flex justify-evenly">
43-
<Link href={`/read/${slugify(head, { lower: true, remove: /[*+~.()'"?!:@]/g })}`}>
43+
<Link href={`/read/${slugify(head, { lower: true, remove: /[*+~.(),'"?!:@]/g })}`}>
4444
<button className="bg-black text-white px-4 py-3 font-semibold rounded underline decoration-neutral-400">
4545
Open
4646
</button>

‎components/quote/Quote.tsx

+5-5
Original file line numberDiff line numberDiff line change
@@ -91,7 +91,7 @@ export default function Quote() {
9191
<Draggable onDrag={handleDrag} bounds="parent" defaultPosition={position}>
9292
<div
9393
className={cn(
94-
"text-center z-10 absolute max-w-[500px] p-10 hover:border-1 hover:rounded-lg hover:cursor-move",
94+
"text-center z-10 absolute max-w-[500px] p-5 hover:border-1 hover:rounded-lg hover:cursor-move",
9595
{
9696
"--local-pixel1": style === "pixel",
9797
"--local-tektur": style === "bold",
@@ -102,7 +102,7 @@ export default function Quote() {
102102
>
103103
{quote && (
104104
<div
105-
className="text-xs md:text-2xl text-white text-opacity-95"
105+
className="text-xs w-20 md:w-full text-left md:text-center md:text-2xl text-white text-opacity-95"
106106
style={{
107107
textShadow: neonGlowEnabled
108108
? getNeonGlowStyle(selectedNeonGlowStyle)
@@ -114,11 +114,11 @@ export default function Quote() {
114114
{progress && (
115115
<div className="text-white flex flex-col">
116116
{" "}
117-
<span className="text-2xl md:text-5xl">
117+
<span className="text-2xl md:text-2xl">
118118
{currDate.getFullYear()}
119119
<span className="text-xs">is</span>
120120
</span>
121-
<span className="mt-2 md:mt-10">
121+
<span className="mt-2 md:mt-5">
122122
<ProgressBar
123123
completed={yearProgress}
124124
bgColor="#ffff"
@@ -129,7 +129,7 @@ export default function Quote() {
129129
transitionDuration=""
130130
maxCompleted={100}
131131
/></span>
132-
<span className="text-xs md:text-4xl">
132+
<span className="text-xs md:text-2xl">
133133
{yearProgress}
134134
{yearProgress.toString().length == 8 ? "0" : ""}%
135135
</span>

‎content/blog/ancient-temple.mdx

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
---
2+
title: "ancient temple"
3+
publishedAt: "2024-01-24"
4+
summary: "// --// // --// //"
5+
tags: ["Interstellar", "industrial", "Spaceship", "Mars"]
6+
---
7+
8+
<Alert type="warning">
9+
Sorry, this post is still under construction.<br/>
10+
<br/>
11+
**Wanna contribute?? hit me up at <u>[@kungfukon](https://twitter.com/kungfukon)</u>**
12+
</Alert>
13+
14+
## Post not written yet
15+
Wanna see your story here?
16+
<Tweet id="1750366514962935908" theme="light" />

‎content/blog/aws-east-mars.mdx

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
---
2+
title: "aws-east-mars"
3+
publishedAt: "2024-01-24"
4+
summary: "// --// // --// //"
5+
tags: ["Interstellar", "industrial", "Spaceship", "Mars"]
6+
---
7+
8+
<Alert type="warning">
9+
Sorry, this post is still under construction.<br/>
10+
<br/>
11+
**Wanna contribute?? hit me up at <u>[@kungfukon](https://twitter.com/kungfukon)</u>**
12+
</Alert>
13+
14+
## Post not written yet
15+
Wanna see your story here?
16+
<Tweet id="1750366514962935908" theme="light" />

‎content/blog/build-more-build-fast.mdx

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
---
2+
title: "Build more, build fast!"
3+
publishedAt: "2024-01-24"
4+
summary: "The only way out is forward.... .."
5+
tags: ["Interstellar", "industrial", "Spaceship", "Mars"]
6+
---
7+
8+
<Alert type="warning">
9+
Sorry, this post is still under construction.<br/>
10+
<br/>
11+
**Wanna contribute?? hit me up at <u>[@kungfukon](https://twitter.com/kungfukon)</u>**
12+
</Alert>
13+
14+
## Post not written yet
15+
Wanna see your story here?
16+
<Tweet id="1750366514962935908" theme="light" />

‎content/blog/fly-through.mdx

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
---
2+
title: "fly-through"
3+
publishedAt: "2024-01-24"
4+
summary: "// --// // --// //"
5+
tags: ["Interstellar", "industrial", "Spaceship", "Mars"]
6+
---
7+
8+
<Alert type="warning">
9+
Sorry, this post is still under construction.<br/>
10+
<br/>
11+
**Wanna contribute?? hit me up at <u>[@kungfukon](https://twitter.com/kungfukon)</u>**
12+
</Alert>
13+
14+
## Post not written yet
15+
Wanna see your story here?
16+
<Tweet id="1750366514962935908" theme="light" />

‎content/blog/industrial-revolution-x.mdx

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
---
2+
title: "industrial-revolution"
3+
publishedAt: "2024-01-24"
4+
summary: "// --// // --// //"
5+
tags: ["Interstellar", "industrial", "Spaceship", "Mars"]
6+
---
7+
8+
<Alert type="warning">
9+
Sorry, this post is still under construction.<br/>
10+
<br/>
11+
**Wanna contribute?? hit me up at <u>[@kungfukon](https://twitter.com/kungfukon)</u>**
12+
</Alert>
13+
14+
## Post not written yet
15+
Wanna see your story here?
16+
<Tweet id="1750366514962935908" theme="light" />

‎content/blog/night-shift.mdx

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
---
2+
title: "Nnightshift"
3+
publishedAt: "2024-01-24"
4+
summary: "// --// // --// //"
5+
tags: ["Interstellar", "industrial", "Spaceship", "Mars"]
6+
---
7+
8+
<Alert type="warning">
9+
Sorry, this post is still under construction.<br/>
10+
<br/>
11+
**Wanna contribute?? hit me up at <u>[@kungfukon](https://twitter.com/kungfukon)</u>**
12+
</Alert>
13+
14+
## Post not written yet
15+
Wanna see your story here?
16+
<Tweet id="1750366514962935908" theme="light" />

‎content/blog/portal.mdx

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
---
2+
title: "Portal"
3+
publishedAt: "2024-01-24"
4+
summary: "// --// // --// //"
5+
tags: ["Interstellar", "industrial", "Spaceship", "Mars"]
6+
---
7+
8+
<Alert type="warning">
9+
Sorry, this post is still under construction.<br/>
10+
<br/>
11+
**Wanna contribute?? hit me up at <u>[@kungfukon](https://twitter.com/kungfukon)</u>**
12+
</Alert>
13+
14+
## Post not written yet
15+
Wanna see your story here?
16+
<Tweet id="1750366514962935908" theme="light" />

‎content/blog/quick-fix.mdx

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
---
2+
title: "Quick Fix"
3+
publishedAt: "2024-01-24"
4+
summary: "still under construction"
5+
tags: ["Interstellar", "industrial", "Spaceship", "Mars"]
6+
---
7+
8+
<Alert type="warning">
9+
Sorry, this post is still under construction.<br/>
10+
<br/>
11+
**Wanna contribute?? hit me up at <u>[@kungfukon](https://twitter.com/kungfukon)</u>**
12+
</Alert>
13+
14+
## Post not written yet
15+
Wanna see your story here?
16+
<Tweet id="1750366514962935908" theme="light" />

‎content/blog/sky-temples.mdx

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
---
2+
title: "sky-temples"
3+
publishedAt: "2024-01-24"
4+
summary: "// --// // --// //"
5+
tags: ["Interstellar", "industrial", "Spaceship", "Mars"]
6+
---
7+
8+
<Alert type="warning">
9+
Sorry, this post is still under construction.<br/>
10+
<br/>
11+
**Wanna contribute?? hit me up at <u>[@kungfukon](https://twitter.com/kungfukon)</u>**
12+
</Alert>
13+
14+
## Post not written yet
15+
Wanna see your story here?
16+
<Tweet id="1750366514962935908" theme="light" />

‎public/pics/ancient-temple.jpg

237 KB
Loading

‎public/pics/construction.jpg

596 KB
Loading

‎public/pics/data-centres.jpg

288 KB
Loading

‎public/pics/fly-through.jpg

215 KB
Loading

‎public/pics/industrial-revolution.jpg

1.32 MB
Loading

‎public/pics/nightshift.jpg

830 KB
Loading

‎public/pics/quick-fix.jpg

262 KB
Loading

‎public/pics/temples.jpg

775 KB
Loading

‎types/types.ts

+58-2
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ export type ImageOption = {
1111

1212
// the slug and the head should be identical in lowercase!
1313
const generateSlug = (head: string): string => {
14-
return `/${slugify(head, { lower: true, remove: /[*+~.()'"!:?@]/g })}`;
14+
return `/${slugify(head, { lower: true, remove: /[*+~.(),'"!:?@]/g })}`;
1515
};
1616

1717
export const ImgData: ImageOption[] = [
@@ -59,11 +59,67 @@ export const ImgData: ImageOption[] = [
5959
},
6060
{
6161
head: "Portal",
62-
desc: "We messed up big time!",
62+
desc: "We messed up big time! This was probably due to the quaternion in the",
6363
src: "/pics/portal.jpg",
6464
value: "portal.jpg",
6565
label: "portal.jpg",
6666
},
67+
{
68+
head: "Build more, build fast!",
69+
desc: "The only way out is forward.",
70+
src: "/pics/construction.jpg",
71+
value: "construction.jpg",
72+
label: "construction.jpg",
73+
},
74+
{
75+
head: "Night shift",
76+
desc: "Sorry, this post is still under construction. Wanna contribute?? hit me up at",
77+
src: "/pics/nightshift.jpg",
78+
value: "nightshift.jpg",
79+
label: "nightshift.jpg",
80+
},
81+
{
82+
head: "Sky temples",
83+
desc: "Sorry, this post is still under construction. Wanna contribute?? hit me up at",
84+
src: "/pics/temples.jpg",
85+
value: "temples.jpg",
86+
label: "temples.jpg",
87+
},
88+
{
89+
head: "Fly-through",
90+
desc: "Sorry, this post is still under construction. Wanna contribute?? hit me up at",
91+
src: "/pics/fly-through.jpg",
92+
value: "fly-through.jpg",
93+
label: "fly-through.jpg",
94+
},
95+
{
96+
head: "Industrial revolution X",
97+
desc: "Sorry, this post is still under construction. Wanna contribute?? hit me up at",
98+
src: "/pics/industrial-revolution.jpg",
99+
value: "industrial-revolution.jpg",
100+
label: "industrial-revolution.jpg",
101+
},
102+
{
103+
head: "Ancient Temple",
104+
desc: "Sorry, this post is still under construction. Wanna contribute?? hit me up at",
105+
src: "/pics/ancient-temple.jpg",
106+
value: "ancient-temple.jpg",
107+
label: "ancient-temple.jpg",
108+
},
109+
{
110+
head: "Quick-fix",
111+
desc: "Sorry, this post is still under construction. Wanna contribute?? hit me up at",
112+
src: "/pics/quick-fix.jpg",
113+
value: "quick-fix.jpg",
114+
label: "quick-fix.jpg",
115+
},
116+
{
117+
head: "aws-east-mars",
118+
desc: "Sorry, this post is still under construction. Wanna contribute?? hit me up at",
119+
src: "/pics/data-centres.jpg",
120+
value: "data-centres.jpg",
121+
label: "data-centres.jpg",
122+
},
67123
];
68124

69125
export const draggableStyles: string[] = [

0 commit comments

Comments
 (0)