Skip to content

Commit 684bc5b

Browse files
TorvecTorvec
committed
Remove all base styles and other unnecessary astro files, give the site some minimalist styling, among many other changes
1 parent 1745469 commit 684bc5b

22 files changed

+415
-644
lines changed

‎.prettierrc

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
{
2+
"useTabs": false,
3+
"singleQuote": false,
4+
"trailingComma": "none",
5+
"semi": false,
6+
"printWidth": 100,
7+
"plugins": ["prettier-plugin-astro", "prettier-plugin-tailwindcss"],
8+
"pluginSearchDirs": false
9+
}

‎astro.config.mjs

+5-5
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
// @ts-check
2-
import { defineConfig } from 'astro/config';
3-
import mdx from '@astrojs/mdx';
4-
import sitemap from '@astrojs/sitemap';
2+
import { defineConfig } from "astro/config";
3+
import mdx from "@astrojs/mdx";
4+
import sitemap from "@astrojs/sitemap";
55

6-
import tailwind from '@astrojs/tailwind';
6+
import tailwind from "@astrojs/tailwind";
77

88
// https://astro.build/config
99
export default defineConfig({
10-
site: 'https://example.com',
10+
site: "https://example.com",
1111
integrations: [mdx(), sitemap(), tailwind()],
1212
});

‎package-lock.json

+134
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

+3
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,9 @@
1414
"@astrojs/sitemap": "^3.2.1",
1515
"@astrojs/tailwind": "^5.1.4",
1616
"astro": "^5.1.1",
17+
"prettier": "^3.4.2",
18+
"prettier-plugin-astro": "^0.14.1",
19+
"prettier-plugin-tailwindcss": "^0.6.9",
1720
"tailwindcss": "^3.4.17"
1821
}
1922
}

‎public/blog-placeholder-about.jpg

-21.1 KB
Binary file not shown.

‎public/fonts/Poppins-Medium.woff2

49.3 KB
Binary file not shown.

‎public/fonts/Poppins-SemiBold.woff2

49.9 KB
Binary file not shown.

‎src/components/BaseHead.astro

+54-13
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,15 @@
11
---
2-
// Import the global.css file here so that it is included on
3-
// all pages through the use of the <BaseHead /> component.
4-
import '../styles/global.css';
2+
import "../styles/global.css";
53
64
interface Props {
7-
title: string;
8-
description: string;
9-
image?: string;
5+
title: string;
6+
description: string;
7+
image?: string;
108
}
119
1210
const canonicalURL = new URL(Astro.url.pathname, Astro.site);
1311
14-
const { title, description, image = '/blog-placeholder-1.jpg' } = Astro.props;
12+
const { title, description, image = "/blog-placeholder-1.jpg" } = Astro.props;
1513
---
1614

1715
<!-- Global Metadata -->
@@ -21,12 +19,55 @@ const { title, description, image = '/blog-placeholder-1.jpg' } = Astro.props;
2119
<meta name="generator" content={Astro.generator} />
2220

2321
<!-- Font preloads -->
24-
<link rel="preload" href="/fonts/GeistMono-Regular.woff2" as="font" type="font/woff2" crossorigin />
25-
<link rel="preload" href="/fonts/Poppins-Black.woff2" as="font" type="font/woff2" crossorigin />
26-
<link rel="preload" href="/fonts/Poppins-Bold.woff2" as="font" type="font/woff2" crossorigin />
27-
<link rel="preload" href="/fonts/Poppins-ExtraBold.woff2" as="font" type="font/woff2" crossorigin />
28-
<link rel="preload" href="/fonts/Poppins-Regular.woff2" as="font" type="font/woff2" crossorigin />
29-
22+
<link
23+
rel="preload"
24+
href="/fonts/GeistMono-Regular.woff2"
25+
as="font"
26+
type="font/woff2"
27+
crossorigin
28+
/>
29+
<link
30+
rel="preload"
31+
href="/fonts/Poppins-Black.woff2"
32+
as="font"
33+
type="font/woff2"
34+
crossorigin
35+
/>
36+
<link
37+
rel="preload"
38+
href="/fonts/Poppins-Bold.woff2"
39+
as="font"
40+
type="font/woff2"
41+
crossorigin
42+
/>
43+
<link
44+
rel="preload"
45+
href="/fonts/Poppins-ExtraBold.woff2"
46+
as="font"
47+
type="font/woff2"
48+
crossorigin
49+
/>
50+
<link
51+
rel="preload"
52+
href="/fonts/Poppins-Medium.woff2"
53+
as="font"
54+
type="font/woff2"
55+
crossorigin
56+
/>
57+
<link
58+
rel="preload"
59+
href="/fonts/Poppins-Regular.woff2"
60+
as="font"
61+
type="font/woff2"
62+
crossorigin
63+
/>
64+
<link
65+
rel="preload"
66+
href="/fonts/Poppins-SemiBold.woff2"
67+
as="font"
68+
type="font/woff2"
69+
crossorigin
70+
/>
3071

3172
<!-- Canonical URL -->
3273
<link rel="canonical" href={canonicalURL} />

‎src/components/Footer.astro

+33-4
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,36 @@
11
---
2-
const today = new Date();
2+
const today = new Date()
3+
4+
const myLinks = [
5+
{ name: "Portfolio", url: "https://edward-vonschondorf.dev/" },
6+
{ name: "Github", url: "https://github.com/Torvec" },
7+
{ name: "Email", url: "mailto:[email protected]" },
8+
{ name: "LinkedIn", url: "https://www.linkedin.com/in/edward-vonschondorf/" },
9+
{ name: "BlueSky", url: "https://bsky.app/profile/edward-vonschondorf.dev" },
10+
{ name: "Mastodon", url: "https://mastodon.social/@edvonschondorf" },
11+
{ name: "YouTube", url: "https://www.youtube.com/@edward-vonschondorf-dev" }
12+
]
313
---
414

5-
<footer class="font-sans text-center py-16">
6-
&copy; {today.getFullYear()} Edward Vonschondorf. All rights reserved.
7-
</footer>
15+
<footer class="lg:px-0 container mx-auto max-w-[60ch] space-y-2 px-2 py-16 text-center text-sm">
16+
<ul class="flex flex-wrap justify-evenly gap-x-4 gap-y-1 md:justify-between">
17+
{
18+
myLinks.map((link) => (
19+
<li>
20+
<a
21+
href={link.url}
22+
target="_blank"
23+
rel="noopener noreferrer external"
24+
class="transition-opacity duration-300 ease-in-out hover:opacity-60"
25+
>
26+
{link.name}
27+
</a>
28+
</li>
29+
))
30+
}
31+
</ul>
32+
<div class="flex flex-col justify-center gap-1 sm:flex-row">
33+
<span class="block">&copy; {today.getFullYear()} Edward Vonschondorf.</span>
34+
<span class="block">All rights reserved.</span>
35+
</div>
36+
</footer>

‎src/components/FormattedDate.astro

+8-8
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
---
22
interface Props {
3-
date: Date;
3+
date: Date;
44
}
55
66
const { date } = Astro.props;
77
---
88

99
<time datetime={date.toISOString()}>
10-
{
11-
date.toLocaleDateString('en-us', {
12-
year: 'numeric',
13-
month: 'short',
14-
day: 'numeric',
15-
})
16-
}
10+
{
11+
date.toLocaleDateString("en-us", {
12+
year: "numeric",
13+
month: "short",
14+
day: "numeric",
15+
})
16+
}
1717
</time>

0 commit comments

Comments
 (0)