luccaromaniello.com
Second version of my personal website.
luccaromaniello.com/
css
personal-website
bun
tailwindcss
portflio
design
typescript
code
ux-ui
astro
javascript
1---
2import Section from "@components/content/Section.astro";
3import ProjectCard from "@components/projects/ProjectCard.astro";
4import { YZZO_LIVE_URL, YZZO_REPO_URL, NYX_REPO_URL } from "@constants";
5import yzzoImage from "@assets/projects/yzzo-overview.png";
6import nyxImage1 from "@assets/projects/nyx-1.png";
7import nyxImage2 from "@assets/projects/nyx-2.png";
8import nyxImage3 from "@assets/projects/nyx-3.png";
9import nyxImage4 from "@assets/projects/nyx-4.png";
10---
11
12<Section heading="Selected work">
13 <div class="flex flex-col gap-12">
14 <ProjectCard
15 title="YZZO"
16 description="A clipboard manager built for simplicity and productivity."
17 website={{
18 href: YZZO_LIVE_URL,
19 external: true,
20 track: true,
21 trackEvent: "website-btn-yzzo",
22 }}
23 repository={YZZO_REPO_URL}
24 repositoryTrackEvent="repository-btn-yzzo"
25 images={[
26 {
27 src: yzzoImage,
28 alt: "An overview of YZZO's clipboard manager.",
29 },
30 ]}
31 />
32 <ProjectCard
33 title="Nyx"
34 description="A theme for Zed code editor."
35 repository={NYX_REPO_URL}
36 repositoryTrackEvent="repository-btn-nyx"
37 images={[
38 {
39 src: nyxImage1,
40 alt: "An overview of Nyx theme.",
41 },
42 {
43 src: nyxImage2,
44 alt: "An overview of Nyx theme.",
45 },
46 {
47 src: nyxImage3,
48 alt: "An overview of Nyx theme.",
49 },
50 {
51 src: nyxImage4,
52 alt: "An overview of Nyx theme.",
53 },
54 ]}
55 />
56 <p class="text-lg text-center font-medium text-content-secondary">
57 🚧 More projects coming soon!
58 </p>
59 </div>
60</Section>