Skip to content

Commit 4ecc847

Browse files
dsnsgithubdsnsgithub
committed
fix bluesky comments
1 parent c0eaa7a commit 4ecc847

10 files changed

Lines changed: 574 additions & 574 deletions

File tree

‎astro.config.mjs‎

Lines changed: 7 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,14 @@
1-
import { defineConfig } from "astro/config";
1+
import { defineConfig } from 'astro/config';
22
import tailwind from "@astrojs/tailwind";
33
import icon from "astro-icon";
44
import react from "@astrojs/react";
55
import mdx from "@astrojs/mdx";
6-
import vercel from "@astrojs/vercel";
6+
import vercel from "@astrojs/vercel/serverless";
7+
78

89
// https://astro.build/config
910
export default defineConfig({
10-
integrations: [tailwind(), icon(), react(), mdx()],
11-
adapter: vercel()
12-
});
11+
integrations: [tailwind(), icon(), react(), mdx()],
12+
output: "hybrid",
13+
adapter: vercel()
14+
});

‎package.json‎

Lines changed: 42 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -1,44 +1,44 @@
11
{
2-
"name": "dsns.dev",
3-
"type": "module",
4-
"version": "0.0.1",
5-
"scripts": {
6-
"dev": "astro dev",
7-
"start": "astro dev",
8-
"build": "astro check && astro build",
9-
"preview": "astro preview",
10-
"astro": "astro"
11-
},
12-
"dependencies": {
13-
"@astrojs/check": "^0.9.6",
14-
"@astrojs/mdx": "^4.3.13",
15-
"@astrojs/react": "^4.4.2",
16-
"@astrojs/tailwind": "^6.0.2",
17-
"@astrojs/vercel": "^9.0.4",
18-
"@fontsource-variable/dm-sans": "^5.0.6",
19-
"@formkit/auto-animate": "^0.8.2",
20-
"@iconify-json/fa6-brands": "^1.2.5",
21-
"@iconify-json/mdi": "^1.2.2",
22-
"@octokit/rest": "^22.0.1",
23-
"@types/react": "^18.3.3",
24-
"@types/react-dom": "^18.3.0",
25-
"@types/whois-json": "^2.0.4",
26-
"astro": "^5.16.11",
27-
"astro-icon": "^1.1.5",
28-
"bluesky-comments": "^0.9.0",
29-
"react": "^18.3.1",
30-
"react-confetti": "^6.1.0",
31-
"react-dom": "^18.3.1",
32-
"react-tooltip": "^5.28.0",
33-
"sharp": "^0.33.4",
34-
"tailwindcss": "^3.4.7",
35-
"typescript": "^5.5.4",
36-
"use-lanyard": "^1.7.0"
37-
},
38-
"devDependencies": {
39-
"@tailwindcss/typography": "^0.5.13",
40-
"prettier-plugin-astro": "^0.14.1",
41-
"prettier-plugin-tailwindcss": "^0.6.6",
42-
"tailwind-scrollbar": "^3.1.0"
43-
}
2+
"name": "astro-test",
3+
"type": "module",
4+
"version": "0.0.1",
5+
"scripts": {
6+
"dev": "astro dev",
7+
"start": "astro dev",
8+
"build": "astro check && astro build",
9+
"preview": "astro preview",
10+
"astro": "astro"
11+
},
12+
"dependencies": {
13+
"@astrojs/check": "^0.9.1",
14+
"@astrojs/mdx": "^3.1.3",
15+
"@astrojs/react": "^3.6.1",
16+
"@astrojs/tailwind": "^5.1.0",
17+
"@astrojs/vercel": "^7.7.2",
18+
"@fontsource-variable/dm-sans": "^5.0.6",
19+
"@formkit/auto-animate": "^0.8.2",
20+
"@iconify-json/fa6-brands": "^1.2.5",
21+
"@iconify-json/mdi": "^1.2.2",
22+
"@octokit/rest": "^22.0.1",
23+
"@types/react": "^18.3.3",
24+
"@types/react-dom": "^18.3.0",
25+
"@types/whois-json": "^2.0.4",
26+
"astro": "^4.13.0",
27+
"astro-icon": "^1.1.5",
28+
"bluesky-comments": "^0.9.0",
29+
"react": "^18.3.1",
30+
"react-confetti": "^6.1.0",
31+
"react-dom": "^18.3.1",
32+
"react-tooltip": "^5.28.0",
33+
"sharp": "^0.33.4",
34+
"tailwindcss": "^3.4.7",
35+
"typescript": "^5.5.4",
36+
"use-lanyard": "^1.7.0"
37+
},
38+
"devDependencies": {
39+
"@tailwindcss/typography": "^0.5.13",
40+
"prettier-plugin-astro": "^0.14.1",
41+
"prettier-plugin-tailwindcss": "^0.6.6",
42+
"tailwind-scrollbar": "^3.1.0"
43+
}
4444
}

‎src/components/Nav.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ import NavButton from "./NavButton.astro";
66
import SocialButton from "./SocialButton.astro";
77
---
88

9-
<nav class="mb-10 flex flex-col items-center justify-between gap-2 rounded-xl bg-viola-100 px-10 py-6 shadow-lg sm:flex-row">
9+
<nav class="mb-10 flex flex-col sm:flex-row items-center justify-between rounded-xl bg-viola-100 px-10 py-6 shadow-lg gap-2">
1010
<a class="flex flex-row items-center gap-5" href="/">
1111
<Image src={profilePicture} alt="kirby" class="rounded-full" width={48} loading={"eager"} />
1212
<h1 class="text-3xl font-bold">dsns.dev</h1>

‎src/layouts/Layout.astro‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -13,13 +13,13 @@ const { title, description } = Astro.props;
1313
---
1414

1515
<!doctype html>
16-
<html lang="en" class="overflow-x-hidden overflow-y-scroll scrollbar scrollbar-track-viola-200 scrollbar-thumb-viola-400 scrollbar-track-rounded-full scrollbar-thumb-rounded-full scrollbar-w-2">
16+
<html lang="en" class="overflow-y-scroll overflow-x-hidden scrollbar scrollbar-track-viola-200 scrollbar-thumb-viola-400 scrollbar-track-rounded-full scrollbar-thumb-rounded-full scrollbar-w-2">
1717
<head>
1818
<meta charset="UTF-8" />
1919
<meta property="og:type" content="website" />
2020
<meta property="og:title" content={title} />
2121
<meta property="og:description" content={description} />
22-
<meta name="theme-color" content="#e2bfcd" />
22+
<meta name="theme-color" content="#e2bfcd">
2323
<meta property="og:url" content="https://astro.dsns.dev" />
2424
<meta property="og:image" content="https://astro.dsns.dev/kirby.png" />
2525
<meta name="description" content={description} />

‎src/pages/404.astro‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@ import Layout from "../layouts/Layout.astro";
1111
<p class="mb-10 text-gray-600">The page you're looking for doesn’t exist. It may have been moved or never existed.</p>
1212

1313
<div class="flex flex-col items-center gap-6 md:flex-row md:justify-center">
14+
<!-- Home Card -->
1415
<a href="/" class="flex flex-col items-start rounded-xl border border-viola-300 bg-white p-6 text-left shadow-md transition hover:bg-viola-50 hover:shadow-xl">
1516
<div class="mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-viola-100 text-viola-600 transition group-hover:bg-viola-200">
1617
<Icon name="mdi:home" class="h-6 w-6" />

‎src/pages/blog/[...slug].astro‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -28,8 +28,8 @@ const { Content } = await post.render();
2828
---
2929

3030
<Layout title={title} description={description}>
31-
<div class="container mx-auto flex flex-col gap-5 px-8 md:px-16 lg:px-32 xl:px-32 2xl:px-48">
32-
<div class="mb-6 flex flex-row justify-between text-2xl font-bold">
31+
<div class="container px-8 md:px-16 lg:px-32 xl:px-32 2xl:px-48 mx-auto flex flex-col gap-5">
32+
<div class="font-bold text-2xl mb-6 flex flex-row justify-between">
3333
<h1>{title}</h1>
3434
<p>{date.toLocaleDateString()}</p>
3535
</div>

‎src/pages/blog/index.astro‎

Lines changed: 13 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -6,24 +6,22 @@ const allBlogPosts = await getCollection("posts");
66
---
77

88
<Layout title="Blog" description="Explore my blog posts.">
9-
<div class="container mx-auto flex flex-col gap-10 px-1 md:px-16 lg:px-32 xl:px-32 2xl:px-48">
10-
<div class="flex flex-col gap-5 rounded-xl bg-viola-100 p-8">
9+
<div class="container px-1 md:px-16 lg:px-32 xl:px-32 2xl:px-48 mx-auto flex flex-col gap-10">
10+
<div class="bg-viola-100 rounded-xl p-8 flex flex-col gap-5">
1111
<h1 class="text-3xl font-bold">Blog</h1>
1212
{
13-
allBlogPosts
14-
.sort((a, b) => {
15-
return new Date(b.data.date).getTime() - new Date(a.data.date).getTime();
16-
})
17-
.map((post) => (
18-
<a href={`/blog/${post.slug}`} class="m-2 rounded-lg bg-viola-50 p-8 shadow-lg">
19-
<div class="mb-4 flex flex-row items-center justify-between">
20-
<span class="text-lg font-bold">{post.data.title}</span>
21-
<span>{post.data.date.toLocaleDateString()}</span>
22-
</div>
13+
allBlogPosts.sort((a, b) => {
14+
return new Date(b.data.date).getTime() - new Date(a.data.date).getTime();
15+
}).map((post) => (
16+
<a href={`/blog/${post.slug}`} class="bg-viola-50 rounded-lg p-8 m-2 shadow-lg">
17+
<div class="flex flex-row justify-between items-center mb-4">
18+
<span class="text-lg font-bold">{post.data.title}</span>
19+
<span>{post.data.date.toLocaleDateString()}</span>
20+
</div>
2321

24-
<p>{post.data.description}</p>
25-
</a>
26-
))
22+
<p>{post.data.description}</p>
23+
</a>
24+
))
2725
}
2826
</div>
2927
</div>

0 commit comments

Comments
 (0)