git.stevedylan.dev

packages/client/src/components/BaseHead.astro → packages/client/src/components/layout/BaseHead.astro +1 −1

---
import type { SiteMeta } from "@/data/siteMeta";
import siteConfig from "@/site-config";
import "../styles/global.css";
import "../../styles/global.css";

type Props = SiteMeta;


packages/client/src/components/ImageCollage.astro → packages/client/src/components/common/ImageCollage.astro +0 −0

packages/client/src/components/NowUpdates.tsx → packages/client/src/components/now/NowUpdates.tsx +0 −0

packages/client/src/components/OutLinkButton.astro → packages/client/src/components/common/OutLinkButton.astro +0 −0

packages/client/src/components/Paginator.astro → packages/client/src/components/common/Paginator.astro +0 −0

packages/client/src/components/ProjectCard.astro → packages/client/src/components/page/ProjectCard.astro +0 −0

packages/client/src/components/SkipLink.astro (deleted) +0 −3

1	-	<a href="#main" class="sr-only focus:not-sr-only focus:fixed focus:left-1 focus:top-1.5"
2	-	>skip to content
3	-	</a>

packages/client/src/components/SocialList.astro → packages/client/src/components/page/SocialList.astro +0 −0

packages/client/src/components/ThemeToggle.astro (deleted) +0 −99

<script>
	class ThemeToggle extends HTMLElement {
		constructor() {
			super();
			const button = this.querySelector("button") as HTMLButtonElement;

			function setTheme(dark: boolean) {
				// This could/should be a CustomEvent()
				document.documentElement.classList.toggle("dark", dark);
				// set the aria-pressed attribute, dark mode === aria-pressed=true
				button.setAttribute("aria-pressed", String(dark));
			}

			// button clicked, toggle dark mode
			button.addEventListener("click", () => setTheme(!this.isDark()));

			// Initalise button state
			setTheme(this.isDark());
		}

		// returns if the root element contains the dark class
		isDark() {
			return document.documentElement.classList.contains("dark");
		}
	}

	customElements.define("theme-toggle", ThemeToggle);
</script>

<theme-toggle class="ml-auto">
	<button
		type="button"
		id="toggle-theme"
		class="group relative h-9 w-9 rounded-md bg-[#ECE0BB] p-2 ring-zinc-400 transition-all hover:ring-2 dark:bg-[#282828]"
		aria-label="Toggle Dark Mode"
	>
		<svg
			id="sun-svg"
			class="absolute left-1/2 top-1/2 h-7 w-7 -translate-x-1/2 -translate-y-1/2 scale-0 opacity-0 transition-all group-aria-pressed:scale-100 group-aria-pressed:opacity-100"
			aria-hidden="true"
			focusable="false"
			stroke-width="1.5"
			viewBox="0 0 24 24"
			fill="none"
			xmlns="http://www.w3.org/2000/svg"
		>
			<path
				d="M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18Z"
				stroke="currentColor"
				stroke-linecap="round"
				stroke-linejoin="round"></path>
			<path d="M22 12L23 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
			></path>
			<path d="M12 2V1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
			<path d="M12 23V22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
			></path>
			<path d="M20 20L19 19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
			></path>
			<path d="M20 4L19 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
			></path>
			<path d="M4 20L5 19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
			></path>
			<path d="M4 4L5 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
			></path>
			<path d="M1 12L2 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
			></path>
		</svg>
		<svg
			id="moon-svg"
			class="absolute left-1/2 top-1/2 h-7 w-7 -translate-x-1/2 -translate-y-1/2 scale-0 opacity-0 transition-all group-aria-[pressed=false]:scale-100 group-aria-[pressed=false]:opacity-100"
			aria-hidden="true"
			focusable="false"
			stroke-width="1.5"
			viewBox="0 0 24 24"
			fill="none"
			xmlns="http://www.w3.org/2000/svg"
		>
			<circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5"></circle>
			<path
				d="M7.63262 3.06689C8.98567 3.35733 9.99999 4.56025 9.99999 6.00007C9.99999 7.65693 8.65685 9.00007 6.99999 9.00007C5.4512 9.00007 4.17653 7.82641 4.01685 6.31997"
				stroke="currentColor"
				stroke-width="1.5"></path>
			<path
				d="M22 13.0505C21.3647 12.4022 20.4793 12 19.5 12C17.567 12 16 13.567 16 15.5C16 17.2632 17.3039 18.7219 19 18.9646"
				stroke="currentColor"
				stroke-width="1.5"></path>
			<path
				d="M14.5 8.51L14.51 8.49889"
				stroke="currentColor"
				stroke-linecap="round"
				stroke-linejoin="round"></path>
			<path
				d="M10 17C11.1046 17 12 16.1046 12 15C12 13.8954 11.1046 13 10 13C8.89543 13 8 13.8954 8 15C8 16.1046 8.89543 17 10 17Z"
				stroke="currentColor"
				stroke-linecap="round"
				stroke-linejoin="round"></path>
		</svg>
	</button>
</theme-toggle>

packages/client/src/components/post/GuestReply.tsx → packages/client/src/components/now/GuestReply.tsx +0 −0

packages/client/src/components/post/NowAdmin.tsx → packages/client/src/components/now/NowAdmin.tsx +0 −0

packages/client/src/components/post/PostComposer.tsx → packages/client/src/components/now/PostComposer.tsx +0 −0

packages/client/src/components/post/ReplyContainer.tsx → packages/client/src/components/now/ReplyContainer.tsx +0 −0

packages/client/src/components/post/ReplyList.tsx → packages/client/src/components/now/ReplyList.tsx +0 −0

packages/client/src/content/post/3d-nft-resume.mdx +1 −1

---

import pinnie from "../../assets/pinnie.png";
import OutLinkButton from "../../components/OutLinkButton.astro";
import OutLinkButton from "@/components/common/OutLinkButton";

<OutLinkButton
  link="https://www.pinata.cloud/blog/resume-app-nft"

packages/client/src/content/post/3d-solana-nfts.mdx +1 −1

---

import medium from "../../assets/medium.png";
import OutLinkButton from "../../components/OutLinkButton.astro";
import OutLinkButton from "@/components/common/OutLinkButton";

<OutLinkButton
	link="https://medium.com/pinata/how-to-scan-and-create-1-1-3d-nfts-on-solana-using-polycam-and-pinata-df513dd87937"

packages/client/src/content/post/48-hours-disconnected.mdx +1 −1

---

import substack from "../../assets/substack.png";
import OutLinkButton from "../../components/OutLinkButton.astro";
import OutLinkButton from "@/components/common/OutLinkButton";

<OutLinkButton
	link="https://open.substack.com/pub/stevedsimkins/p/48-hours-disconnected?r=1iyrw0&utm_campaign=post&utm_medium=web"

packages/client/src/content/post/beginners-guide-to-ipfs.mdx +1 −1

---

import bueno from "../../assets/bueno.png";
import OutLinkButton from "../../components/OutLinkButton.astro";
import OutLinkButton from "@/components/common/OutLinkButton";

<OutLinkButton link="https://bueno.art/blog/pinata-ipfs-guide" site="Bueno" image={bueno} />


packages/client/src/content/post/case-for-ipfs-on-l1-chains.mdx +1 −1

---

import medium from "../../assets/medium.png";
import OutLinkButton from "../../components/OutLinkButton.astro";
import OutLinkButton from "@/components/common/OutLinkButton";

<OutLinkButton
	link="https://medium.com/pinata/a-case-for-ipfs-on-layer-1-blockchains-like-solana-aptos-and-sui-165a9732c214"

packages/client/src/content/post/how-to-create-a-weekly-photo-zine.mdx +1 −1

---

import medium from "../../assets/medium.png";
import OutLinkButton from "../../components/OutLinkButton.astro";
import OutLinkButton from "@/components/common/OutLinkButton";

<OutLinkButton
	link="https://medium.com/pinata/how-to-create-a-weekly-photo-zine-9f592e7a5ae2"

packages/client/src/content/post/how-to-mint-on-sui.mdx +1 −1

---

import medium from "../../assets/medium.png";
import OutLinkButton from "../../components/OutLinkButton.astro";
import OutLinkButton from "@/components/common/OutLinkButton";

<OutLinkButton
	link="https://medium.com/pinata/how-to-mint-an-nft-on-sui-using-pinata-and-the-sui-js-sdk-4386655e403"

packages/client/src/content/post/how-to-offset-NFT-emissions.mdx +1 −1

---

import medium from "../../assets/medium.png";
import OutLinkButton from "../../components/OutLinkButton.astro";
import OutLinkButton from "@/components/common/OutLinkButton";

<OutLinkButton
	link="https://medium.com/pinata/how-to-offset-your-nft-project-carbon-emissions-with-aerial-b5b4b95faba0"

packages/client/src/content/post/resizing-ipfs-images.mdx +1 −1

---

import medium from "../../assets/medium.png";
import OutLinkButton from "../../components/OutLinkButton.astro";
import OutLinkButton from "@/components/common/OutLinkButton";

<OutLinkButton
	link="https://medium.com/pinata/resizing-ipfs-images-with-pinatas-image-optimization-tools-fb381bee58aa"

packages/client/src/content/post/the-power-of-dedicated-gateways.mdx +1 −1

---

import pinnie from "../../assets/pinnie.png";
import OutLinkButton from "../../components/OutLinkButton.astro";
import OutLinkButton from "@/components/common/OutLinkButton";

<OutLinkButton
	link="https://www.pinata.cloud/blog/the-power-of-dedicated-gateways"

packages/client/src/content/post/when-ai-gives-the-ick.mdx +1 −1

ogImage: "/blog-images/other/ai-ick-og.png"
---

import ImageCollage from '@/components/ImageCollage'
import ImageCollage from '@/components/common/ImageCollage'

![friend-ads](/blog-images/other/friend-1.jpeg)


packages/client/src/layouts/Base.astro +1 −3

---
import type { SiteMeta } from "@/data/siteMeta";
import BaseHead from "@/components/BaseHead";
import BaseHead from "@/components/layout/BaseHead";
import Header from "@/components/layout/Header";
import Footer from "@/components/layout/Footer";
import SkipLink from "@/components/SkipLink";
import siteConfig from "@/site-config";

interface Props {

		<script defer src="https://cloud.umami.is/script.js" data-website-id="6951e531-a667-495e-b045-4f7dbe062446"></script>
	</head>
	<body>
		<SkipLink />
		<Header />
		<main id="main" class="flex-1">
			<slot />

packages/client/src/pages/index.astro +1 −1

import { getCollection } from "astro:content";
import PageLayout from "@/layouts/Base";
import PostPreview from "@/components/blog/PostPreview";
import SocialList from "@/components/SocialList";
import SocialList from "@/components/page/SocialList";
import { sortMDByDate } from "@/utils";
import { Image } from "astro:assets";


packages/client/src/pages/now/[slug].astro +1 −1

---
import PageLayout from "@/layouts/Base";
import MarkdownIt from "markdown-it";
import { ReplyContainer } from "@/components/post/ReplyContainer";
import { ReplyContainer } from "@/components/now/ReplyContainer";

export const prerender = false;


packages/client/src/pages/now/index.astro +1 −1

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

const meta = {

packages/client/src/pages/now/post.astro +1 −1

---
import PageLayout from "@/layouts/Base";
import { NowAdmin } from "@/components/post/NowAdmin";
import { NowAdmin } from "@/components/now/NowAdmin";

const meta = {
	title: "Make a Post",

packages/client/src/pages/posts/[...page].astro +1 −1

import { getCollection } from "astro:content";
import PageLayout from "@/layouts/Base";
import PostPreview from "@/components/blog/PostPreview";
import Pagination from "@/components/Paginator";
import Pagination from "@/components/common/Paginator";
import { getUniqueTags, sortMDByDate } from "@/utils";

export async function getStaticPaths({ paginate }: GetStaticPathsOptions) {

packages/client/src/pages/projects.astro +1 −1

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

const meta = {

packages/client/src/pages/tags/[tag]/[...page].astro +1 −1

import { getCollection } from "astro:content";
import PageLayout from "@/layouts/Base";
import PostPreview from "@/components/blog/PostPreview";
import Pagination from "@/components/Paginator";
import Pagination from "@/components/common/Paginator";
import { getUniqueTags, sortMDByDate } from "@/utils";

export async function getStaticPaths({ paginate }: GetStaticPathsOptions) {

1	1		---
2	2		import type { SiteMeta } from "@/data/siteMeta";
3	3		import siteConfig from "@/site-config";
4		-	import "../styles/global.css";
	4	+	import "../../styles/global.css";
5	5
6	6		type Props = SiteMeta;
7	7

1	-	<script>
2	-	class ThemeToggle extends HTMLElement {
3	-	constructor() {
4	-	super();
5	-	const button = this.querySelector("button") as HTMLButtonElement;
6	-
7	-	function setTheme(dark: boolean) {
8	-	// This could/should be a CustomEvent()
9	-	document.documentElement.classList.toggle("dark", dark);
10	-	// set the aria-pressed attribute, dark mode === aria-pressed=true
11	-	button.setAttribute("aria-pressed", String(dark));
12	-	}
13	-
14	-	// button clicked, toggle dark mode
15	-	button.addEventListener("click", () => setTheme(!this.isDark()));
16	-
17	-	// Initalise button state
18	-	setTheme(this.isDark());
19	-	}
20	-
21	-	// returns if the root element contains the dark class
22	-	isDark() {
23	-	return document.documentElement.classList.contains("dark");
24	-	}
25	-	}
26	-
27	-	customElements.define("theme-toggle", ThemeToggle);
28	-	</script>
29	-
30	-	<theme-toggle class="ml-auto">
31	-	<button
32	-	type="button"
33	-	id="toggle-theme"
34	-	class="group relative h-9 w-9 rounded-md bg-[#ECE0BB] p-2 ring-zinc-400 transition-all hover:ring-2 dark:bg-[#282828]"
35	-	aria-label="Toggle Dark Mode"
36	-	>
37	-	<svg
38	-	id="sun-svg"
39	-	class="absolute left-1/2 top-1/2 h-7 w-7 -translate-x-1/2 -translate-y-1/2 scale-0 opacity-0 transition-all group-aria-pressed:scale-100 group-aria-pressed:opacity-100"
40	-	aria-hidden="true"
41	-	focusable="false"
42	-	stroke-width="1.5"
43	-	viewBox="0 0 24 24"
44	-	fill="none"
45	-	xmlns="http://www.w3.org/2000/svg"
46	-	>
47	-	<path
48	-	d="M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18Z"
49	-	stroke="currentColor"
50	-	stroke-linecap="round"
51	-	stroke-linejoin="round"></path>
52	-	<path d="M22 12L23 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
53	-	></path>
54	-	<path d="M12 2V1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
55	-	<path d="M12 23V22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
56	-	></path>
57	-	<path d="M20 20L19 19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
58	-	></path>
59	-	<path d="M20 4L19 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
60	-	></path>
61	-	<path d="M4 20L5 19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
62	-	></path>
63	-	<path d="M4 4L5 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
64	-	></path>
65	-	<path d="M1 12L2 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
66	-	></path>
67	-	</svg>
68	-	<svg
69	-	id="moon-svg"
70	-	class="absolute left-1/2 top-1/2 h-7 w-7 -translate-x-1/2 -translate-y-1/2 scale-0 opacity-0 transition-all group-aria-[pressed=false]:scale-100 group-aria-[pressed=false]:opacity-100"
71	-	aria-hidden="true"
72	-	focusable="false"
73	-	stroke-width="1.5"
74	-	viewBox="0 0 24 24"
75	-	fill="none"
76	-	xmlns="http://www.w3.org/2000/svg"
77	-	>
78	-	<circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5"></circle>
79	-	<path
80	-	d="M7.63262 3.06689C8.98567 3.35733 9.99999 4.56025 9.99999 6.00007C9.99999 7.65693 8.65685 9.00007 6.99999 9.00007C5.4512 9.00007 4.17653 7.82641 4.01685 6.31997"
81	-	stroke="currentColor"
82	-	stroke-width="1.5"></path>
83	-	<path
84	-	d="M22 13.0505C21.3647 12.4022 20.4793 12 19.5 12C17.567 12 16 13.567 16 15.5C16 17.2632 17.3039 18.7219 19 18.9646"
85	-	stroke="currentColor"
86	-	stroke-width="1.5"></path>
87	-	<path
88	-	d="M14.5 8.51L14.51 8.49889"
89	-	stroke="currentColor"
90	-	stroke-linecap="round"
91	-	stroke-linejoin="round"></path>
92	-	<path
93	-	d="M10 17C11.1046 17 12 16.1046 12 15C12 13.8954 11.1046 13 10 13C8.89543 13 8 13.8954 8 15C8 16.1046 8.89543 17 10 17Z"
94	-	stroke="currentColor"
95	-	stroke-linecap="round"
96	-	stroke-linejoin="round"></path>
97	-	</svg>
98	-	</button>
99	-	</theme-toggle>

7	7		---
8	8
9	9		import pinnie from "../../assets/pinnie.png";
10		-	import OutLinkButton from "../../components/OutLinkButton.astro";
	10	+	import OutLinkButton from "@/components/common/OutLinkButton";
11	11
12	12		<OutLinkButton
13	13		link="https://www.pinata.cloud/blog/resume-app-nft"

7	7		---
8	8
9	9		import medium from "../../assets/medium.png";
10		-	import OutLinkButton from "../../components/OutLinkButton.astro";
	10	+	import OutLinkButton from "@/components/common/OutLinkButton";
11	11
12	12		<OutLinkButton
13	13		link="https://medium.com/pinata/how-to-scan-and-create-1-1-3d-nfts-on-solana-using-polycam-and-pinata-df513dd87937"

7	7		---
8	8
9	9		import substack from "../../assets/substack.png";
10		-	import OutLinkButton from "../../components/OutLinkButton.astro";
	10	+	import OutLinkButton from "@/components/common/OutLinkButton";
11	11
12	12		<OutLinkButton
13	13		link="https://open.substack.com/pub/stevedsimkins/p/48-hours-disconnected?r=1iyrw0&utm_campaign=post&utm_medium=web"

7	7		---
8	8
9	9		import bueno from "../../assets/bueno.png";
10		-	import OutLinkButton from "../../components/OutLinkButton.astro";
	10	+	import OutLinkButton from "@/components/common/OutLinkButton";
11	11
12	12		<OutLinkButton link="https://bueno.art/blog/pinata-ipfs-guide" site="Bueno" image={bueno} />
13	13

6	6		ogImage: "/blog-images/other/ai-ick-og.png"
7	7		---
8	8
9		-	import ImageCollage from '@/components/ImageCollage'
	9	+	import ImageCollage from '@/components/common/ImageCollage'
10	10
11	11		![friend-ads](/blog-images/other/friend-1.jpeg)
12	12

1	1		---
2	2		import type { SiteMeta } from "@/data/siteMeta";
3		-	import BaseHead from "@/components/BaseHead";
	3	+	import BaseHead from "@/components/layout/BaseHead";
4	4		import Header from "@/components/layout/Header";
5	5		import Footer from "@/components/layout/Footer";
6		-	import SkipLink from "@/components/SkipLink";
7	6		import siteConfig from "@/site-config";
8	7
9	8		interface Props {

31	30		<script defer src="https://cloud.umami.is/script.js" data-website-id="6951e531-a667-495e-b045-4f7dbe062446"></script>
32	31		</head>
33	32		<body>
34		-	<SkipLink />
35	33		<Header />
36	34		<main id="main" class="flex-1">
37	35		<slot />

2	2		import { getCollection } from "astro:content";
3	3		import PageLayout from "@/layouts/Base";
4	4		import PostPreview from "@/components/blog/PostPreview";
5		-	import SocialList from "@/components/SocialList";
	5	+	import SocialList from "@/components/page/SocialList";
6	6		import { sortMDByDate } from "@/utils";
7	7		import { Image } from "astro:assets";
8	8

1	1		---
2	2		import PageLayout from "@/layouts/Base";
3	3		import MarkdownIt from "markdown-it";
4		-	import { ReplyContainer } from "@/components/post/ReplyContainer";
	4	+	import { ReplyContainer } from "@/components/now/ReplyContainer";
5	5
6	6		export const prerender = false;
7	7

1	1		---
2	2		import PageLayout from "@/layouts/Base";
3		-	import NowUpdates from "@/components/NowUpdates";
	3	+	import NowUpdates from "@/components/now/NowUpdates";
4	4		import { SOCIAL_LINKS } from "@/data/constants";
5	5
6	6		const meta = {

1	1		---
2	2		import PageLayout from "@/layouts/Base";
3		-	import { NowAdmin } from "@/components/post/NowAdmin";
	3	+	import { NowAdmin } from "@/components/now/NowAdmin";
4	4
5	5		const meta = {
6	6		title: "Make a Post",

1	1		---
2	2		import PageLayout from "@/layouts/Base";
3		-	import ProjectCard from "@/components/ProjectCard";
	3	+	import ProjectCard from "@/components/page/ProjectCard";
4	4		import { projects } from "@/data/projects";
5	5
6	6		const meta = {