my website
some stylstic changes
+23
-15
public/fonts/ginestra-black.otf
public/fonts/ginestra-black.otf
This is a binary file and will not be displayed.
+3
-3
src/components/Intro.astro
+3
-3
src/components/Intro.astro
···
14
14
---
15
15
16
16
<div class="mt-12 mb-5">
17
+
<h1>{title}</h1>
17
18
{
18
19
created ? (
19
20
<>
20
-
<small>
21
-
{author && <span>{author || ""} at </span>}
21
+
<small class="uppercase text-fg/80">
22
+
<!-- {author && <span>{author || ""} on </span>} -->
22
23
<PrettyDate date={created} dateFormat={dateFormat} />
23
24
</small>
24
25
<br />
25
26
</>
26
27
) : null
27
28
}
28
-
<h1 class="text-4xl font-bold">{title}</h1>
29
29
</div>
+2
-2
src/components/PostInfo.astro
+2
-2
src/components/PostInfo.astro
···
6
6
type Props = Pick<
7
7
CollectionEntry<"blog">["data"],
8
8
"title" | "description" | "publish_date" | "tags"
9
-
>
9
+
>;
10
10
11
11
const { title, description, publish_date, tags } = Astro.props;
12
12
---
13
13
14
14
<>
15
15
<Intro title={title} created={publish_date} author="Angelo Verlain" />
16
-
<p>
16
+
<p class="text-xl text-fg/80">
17
17
{description}
18
18
<!-- {state.readtime && (
19
19
<span>
+1
-1
src/components/Tags.astro
+1
-1
src/components/Tags.astro
+1
-1
src/consts.ts
+1
-1
src/consts.ts
···
1
1
// Place any global data in this file.
2
2
// You can import this data from anywhere in your site by using the `import` keyword.
3
3
4
-
export const SITE_TITLE = "vixalien´s site";
4
+
export const SITE_TITLE = "vixalien's site";
5
5
export const SITE_DESCRIPTION = "Welcome to my website!";
6
6
export const AUTHOR = "vixalien";
7
7
export const PUBLISH_YEAR = new Date().getFullYear();
+2
-2
src/layouts/BlogPost.astro
+2
-2
src/layouts/BlogPost.astro
···
14
14
15
15
<html lang="en">
16
16
<head>
17
-
<BaseHead title={`${title} - vixalien´s blog`} description={description} />
17
+
<BaseHead title={`${title} - vixalien's blog`} description={description} />
18
18
<meta name="fediverse:creator" content="@vixalientoots@mas.to" />
19
19
</head>
20
20
21
21
<body>
22
22
<MainContainer>
23
-
<Header title="vixalien´s blog" href="/blog" />
23
+
<Header title="vixalien's blog" href="/blog" />
24
24
<PostInfo
25
25
title={title}
26
26
description={description}
+2
-2
src/pages/blog.astro
+2
-2
src/pages/blog.astro
···
11
11
<!doctype html>
12
12
<html lang="en">
13
13
<head>
14
-
<BaseHead title={`vixalien´s blog`} description={SITE_DESCRIPTION} />
14
+
<BaseHead title={`vixalien's blog`} description={SITE_DESCRIPTION} />
15
15
</head>
16
16
<body>
17
17
<MainContainer>
18
18
<Header title={SITE_TITLE} />
19
-
<Intro title={`vixalien´s blog`} />
19
+
<Intro title={`vixalien's blog`} />
20
20
<p>An archive of all my blog posts.</p>
21
21
<h2>Posts</h2>
22
22
<PostsIndex />
+2
-2
src/pages/portfolio.astro
+2
-2
src/pages/portfolio.astro
···
10
10
<!doctype html>
11
11
<html lang="en">
12
12
<head>
13
-
<BaseHead title={`vixalien´s portfolio`} description={SITE_DESCRIPTION} />
13
+
<BaseHead title={`vixalien's portfolio`} description={SITE_DESCRIPTION} />
14
14
</head>
15
15
<body>
16
16
<MainContainer>
17
17
<Header title={SITE_TITLE} />
18
-
<Intro title={`vixalien´s portfolio`} />
18
+
<Intro title={`vixalien's portfolio`} />
19
19
<p>Personal projects I've worked on in the past.</p>
20
20
<p>
21
21
For more projects (most of them are open source), see my
+10
-2
src/styles/global.css
+10
-2
src/styles/global.css
···
1
1
@import "tailwindcss";
2
2
3
3
@theme {
4
-
--font-sans: "Atkinson Hyperlegible";
4
+
--font-sans: "Atkinson Hyperlegible", sans-serif;
5
+
--font-block: "Ginestra Black", sans-serif;
5
6
6
7
--color-fg: #333;
7
8
--color-bg: #fff;
···
40
41
}
41
42
42
43
h1 {
43
-
@apply text-4xl;
44
+
@apply text-7xl font-block;
44
45
}
45
46
46
47
h2 {
···
101
102
font-weight: 700;
102
103
font-style: normal;
103
104
}
105
+
106
+
@font-face {
107
+
font-family: "Ginestra Black";
108
+
src: url("/fonts/ginestra-black.otf") format("opentype");
109
+
font-weight: 400;
110
+
font-style: normal;
111
+
}