git.stevedylan.dev

other small improvements d9dd5db1

Steve · 2024-09-18 00:07 3 file(s) · +7 −6

src/components/ProjectCard.astro +2 −1

---
const { content } = Astro.props;
import { Image } from "astro:assets";
---

<div

	class="flex max-w-[500px] cursor-pointer flex-col items-start justify-start gap-2 overflow-hidden rounded-lg border-accent-2 transition-all ease-in-out hover:border-accent"
>
	<a href={content.link} target="_blank">
		<img src={content.image} alt="prject image" />
		<Image height="800" width="1200" src={content.image} alt="prject image" />
		<div class="flex flex-col gap-2 p-4">
			<h2 class="text-2xl font-bold">{content.title}</h2>
			<p class="">

src/pages/index.astro +5 −4

import PostPreview from "@/components/blog/PostPreview";
import SocialList from "@/components/SocialList";
import { sortMDByDate } from "@/utils";
import { Image } from "astro:assets";

const MAX_POSTS = 10;
const allPosts = await getCollection("post");

				target="_blank"
				rel="noopener noreferrer"
				class="cactus-link inline-block"
				><img src="https://api.iconify.design/cib:raspberry-pi.svg?color=%23888888" class="w-4 h-4 inline-block" alt="rasp pi logo"/> Steve's Pi
				><Image src="https://api.iconify.design/cib:raspberry-pi.svg?color=%23888888" class="w-4 h-4 inline-block" height="100" width="100" alt="rasp pi logo"/> Steve's Pi
			</a>:
			<p class="inline-block sm:mt-2">See a live view of the Raspberry Pi on my desk</p>
		</li>

					target="_blank"
					rel="noopener noreferrer"
					class="cactus-link inline-block"
					><img src="https://api.iconify.design/ph:cowboy-hat-fill.svg?color=%23888888" class="w-4 h-4 inline-block" alt="cowboy logo"/> Cosmic Cowboys
					><Image height="100" width="100" src="https://api.iconify.design/ph:cowboy-hat-fill.svg?color=%23888888" class="w-4 h-4 inline-block" alt="cowboy logo"/> Cosmic Cowboys
				</a>:
				<p class="inline-block sm:mt-2">EthGlobal 2023 hackathon winning project</p>
			</li>

					target="_blank"
					rel="noopener noreferrer"
					class="cactus-link inline-block"
					><img src="https://api.iconify.design/material-symbols:photo-camera.svg?color=%23888888" class="h-4 w-4 inline-block" alt="camera icon" /> Photos
					><Image height="100" width="100" src="https://api.iconify.design/material-symbols:photo-camera.svg?color=%23888888" class="h-4 w-4 inline-block" alt="camera icon" /> Photos
				</a>:
				<p class="inline-block sm:mt-2">My personal photography portfolio</p>
			</li>

					target="_blank"
					rel="noopener noreferrer"
					class="cactus-link inline-block"
					><img src="https://dweb.mypinata.cloud/ipfs/QmXexbA6Raw4sq79NfXNrLesXNwXYpHUVNRSccF59ArGfo" class="w-4 h-4 inline-block" alt="pinata logo" /> Pinata
					><Image height="100" width="100" src="https://dweb.mypinata.cloud/ipfs/QmXexbA6Raw4sq79NfXNrLesXNwXYpHUVNRSccF59ArGfo" class="w-4 h-4 inline-block" alt="pinata logo" /> Pinata
				</a>:
				<p class="inline-block sm:mt-2">
					Where I'm currently working as Head of Developer Relations

src/pages/projects.astro +0 −1

---
import PageLayout from "@/layouts/Base";
import { SOCIAL_LINKS } from "@/data/constants";
import ProjectCard from "@/components/ProjectCard";
import { projects } from "@/data/projects";


4	4		import PostPreview from "@/components/blog/PostPreview";
5	5		import SocialList from "@/components/SocialList";
6	6		import { sortMDByDate } from "@/utils";
	7	+	import { Image } from "astro:assets";
7	8
8	9		const MAX_POSTS = 10;
9	10		const allPosts = await getCollection("post");

46	47		target="_blank"
47	48		rel="noopener noreferrer"
48	49		class="cactus-link inline-block"
49		-	><img src="https://api.iconify.design/cib:raspberry-pi.svg?color=%23888888" class="w-4 h-4 inline-block" alt="rasp pi logo"/> Steve's Pi
	50	+	><Image src="https://api.iconify.design/cib:raspberry-pi.svg?color=%23888888" class="w-4 h-4 inline-block" height="100" width="100" alt="rasp pi logo"/> Steve's Pi
50	51		</a>:
51	52		<p class="inline-block sm:mt-2">See a live view of the Raspberry Pi on my desk</p>
52	53		</li>

56	57		target="_blank"
57	58		rel="noopener noreferrer"
58	59		class="cactus-link inline-block"
59		-	><img src="https://api.iconify.design/ph:cowboy-hat-fill.svg?color=%23888888" class="w-4 h-4 inline-block" alt="cowboy logo"/> Cosmic Cowboys
	60	+	><Image height="100" width="100" src="https://api.iconify.design/ph:cowboy-hat-fill.svg?color=%23888888" class="w-4 h-4 inline-block" alt="cowboy logo"/> Cosmic Cowboys
60	61		</a>:
61	62		<p class="inline-block sm:mt-2">EthGlobal 2023 hackathon winning project</p>
62	63		</li>

66	67		target="_blank"
67	68		rel="noopener noreferrer"
68	69		class="cactus-link inline-block"
69		-	><img src="https://api.iconify.design/material-symbols:photo-camera.svg?color=%23888888" class="h-4 w-4 inline-block" alt="camera icon" /> Photos
	70	+	><Image height="100" width="100" src="https://api.iconify.design/material-symbols:photo-camera.svg?color=%23888888" class="h-4 w-4 inline-block" alt="camera icon" /> Photos
70	71		</a>:
71	72		<p class="inline-block sm:mt-2">My personal photography portfolio</p>
72	73		</li>

76	77		target="_blank"
77	78		rel="noopener noreferrer"
78	79		class="cactus-link inline-block"
79		-	><img src="https://dweb.mypinata.cloud/ipfs/QmXexbA6Raw4sq79NfXNrLesXNwXYpHUVNRSccF59ArGfo" class="w-4 h-4 inline-block" alt="pinata logo" /> Pinata
	80	+	><Image height="100" width="100" src="https://dweb.mypinata.cloud/ipfs/QmXexbA6Raw4sq79NfXNrLesXNwXYpHUVNRSccF59ArGfo" class="w-4 h-4 inline-block" alt="pinata logo" /> Pinata
80	81		</a>:
81	82		<p class="inline-block sm:mt-2">
82	83		Where I'm currently working as Head of Developer Relations

1	1		---
2	2		const { content } = Astro.props;
	3	+	import { Image } from "astro:assets";
3	4		---
4	5
5	6		<div

7	8		class="flex max-w-[500px] cursor-pointer flex-col items-start justify-start gap-2 overflow-hidden rounded-lg border-accent-2 transition-all ease-in-out hover:border-accent"
8	9		>
9	10		<a href={content.link} target="_blank">
10		-	<img src={content.image} alt="prject image" />
	11	+	<Image height="800" width="1200" src={content.image} alt="prject image" />
11	12		<div class="flex flex-col gap-2 p-4">
12	13		<h2 class="text-2xl font-bold">{content.title}</h2>
13	14		<p class="">

1	1		---
2	2		import PageLayout from "@/layouts/Base";
3		-	import { SOCIAL_LINKS } from "@/data/constants";
4	3		import ProjectCard from "@/components/ProjectCard";
5	4		import { projects } from "@/data/projects";
6	5