-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
constants.tsx
153 lines (146 loc) · 3.86 KB
/
constants.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
import { ArrowUpRightIcon, BotIcon, GithubIcon } from "lucide-react";
// CHANGE THE 2006,2,12 to your own date (format: YYYY, MM, DD)
const AGE = new Date(Date.now() - new Date(2006, 2, 12).getTime()).getUTCFullYear() - 1970;
export const LANDING_TEXT: Record<"title" | "name" | "subtitle", string> = {
title: "Hey my name is",
name: "Daan Klarenbeek",
subtitle: "**Full-stack** developer building apps for the internet."
};
export const LANDING_BULLET_POINTS: Array<Record<"text" | "emoji", string>> = [
{
text: "Fan of `open-source` projects.",
emoji: "🚀"
},
{
text: "Specializing in `web-based` applications.",
emoji: "💻"
}
];
export const ABOUT_ME_TEXT: string = [
`I'm a **${AGE} year-old** full stack developer who's been immersed in the world of coding since 2020. Being mostly self-taught, my passion for open-source projects runs deep. I'm always enthusiastic about learning new technologies and techniques, constantly seeking to broaden my skill set.`,
":tv: In my free time you might catch me game once in a while but more often I watch tech related content.",
":mortar_board: currently studying at **AUAS** (Amsterdam University of Applied Sciences) to become a **software engineer**."
].join("\n\n");
// FOR A LIST OF VALID ICONS: https://github.com/tandpfun/skill-icons#icons-list
export const EXPERIENCE_ICONS: string[] = ["js", "ts", "react", "nextjs", "tailwind", "prisma", "docker", "github", "linux", "vercel"];
export const PROJECTS_LIST: {
image: string;
name: string;
description: string;
urls: {
url: string;
icon: JSX.Element;
alt: string;
}[];
}[] = [
{
image: "https://cdn.ijskoud.dev/files/MdnQoXVcaF2I.png",
name: "PaperPlane",
description: "An open-source customisable solution to storing files in the cloud. ✈️",
urls: [
{
url: "/github/paperplane",
icon: <GithubIcon />,
alt: "GitHub"
}
]
},
{
image: "https://cdn.ijskoud.dev/files/Gx77juph12Jw.png",
name: "SCR Creator Hub",
description: "Provider of stock footage and images for Stepford County Railway content creators.",
urls: [
{
url: "https://scrcreate.app/",
icon: <ArrowUpRightIcon />,
alt: "Website"
}
]
},
{
image: "https://cdn.ijskoud.dev/files/tRt86x36uiuC.png",
name: "whoami",
description: "My next generation portfolio built with NextJS, TRPC, NextAuth and Prisma.",
urls: [
{
url: "/github/website",
icon: <GithubIcon />,
alt: "GitHub"
},
{
url: "https://ijskoud.dev/",
icon: <ArrowUpRightIcon />,
alt: "Website"
}
]
},
{
image: "https://cdn.ijskoud.dev/files/5ekNoqDVX9RB.png",
name: "snowcrystals website",
description: "Documentation website for Snow Crystals 💻",
urls: [
{
url: "https://snowcrystals.dev/github/website",
icon: <GithubIcon />,
alt: "GitHub"
},
{
url: "https://snowcrystals.dev/",
icon: <ArrowUpRightIcon />,
alt: "Website"
}
]
},
{
image: "https://cdn.ijskoud.dev/files/ncmmvNjiX5DU.png",
name: "ijsblokje",
description: "Co-pilot for GitHub operations ✈️",
urls: [
{
url: "/github/ijsblokje",
icon: <GithubIcon />,
alt: "GitHub"
}
]
},
{
image: "https://cdn.ijskoud.dev/files/vqAEI3xROdjw.png",
name: "GitCord",
description: "A Discord bot which makes your GitHub Discord embeds prettier ✨",
urls: [
{
url: "/github/gitcord",
icon: <GithubIcon />,
alt: "GitHub"
},
{
url: "https://cdn.ijskoud.dev/r/gitcord-invite",
icon: <BotIcon />,
alt: "Discord add bot"
}
]
}
];
export const CONTACT_FORM_FIELDS = [
{
name: "Name",
id: "name",
placeholder: "John Doe",
value: "",
type: "input"
},
{
name: "Email",
id: "email",
placeholder: "[email protected]",
value: "",
type: "input"
},
{
name: "Message",
id: "message",
placeholder: "Hello Daan, I saw your work and...",
value: "",
type: "textarea"
}
] as const;