+1
-2
src/components/Base.astro
+1
-2
src/components/Base.astro
···
34
34
<meta property="og:description" content={graph.description} />
35
35
<meta
36
36
property="og:url"
37
-
content=
38
-
{new URL(Astro.url.pathname.toString(), Astro.site)}
37
+
content={new URL(Astro.url.pathname.toString(), Astro.site)}
39
38
/>
40
39
<meta property="og:type" content={graph.type ?? "website"} />
41
40
<meta property="og:image" content={banner} />
-4
src/components/BlogPost.astro
-4
src/components/BlogPost.astro
+9
-3
src/pages/home.astro
+9
-3
src/pages/home.astro
···
30
30
<img src="/img/sprites/sunfl1.png" alt="" />
31
31
</div>
32
32
<div id="blog" class="bwbox">
33
-
<h2>Latest blog post</h2>
33
+
<h2 class="center">Latest blog post</h2>
34
34
<BlogPost
35
35
url={`/blog/${post[0].id}`}
36
36
title={post[0].data.title}
37
37
time={`${post[0].data.pub.getFullYear()}-${post[0].data.pub.getMonth() + 1}-${post[0].data.pub.getDate()}`}
38
38
/>
39
-
<a href="/blog">View all posts</a>
40
-
<a href="/rss.xml">RSS feed</a>
39
+
<div class="center">
40
+
<a href="/blog" class="button">::ALL_POSTS::</a>
41
+
<a href="/rss.xml" class="button">::RSS_FEED::</a>
42
+
</div>
41
43
</div>
42
44
</main>
43
45
</div>
···
62
64
.grid {
63
65
display: grid;
64
66
grid-template-columns: repeat(4, 1fr);
67
+
}
68
+
69
+
.button {
70
+
margin-bottom: 13px;
65
71
}
66
72
67
73
@media (max-width: 86ch) {
+11
src/styles/main.css
+11
src/styles/main.css
···
80
80
font-family: barcodetext;
81
81
}
82
82
83
+
.button {
84
+
display: inline-block;
85
+
color: var(--yellow);
86
+
border: 10px double;
87
+
padding: 4px 6px;
88
+
}
89
+
90
+
a.button {
91
+
text-decoration: none;
92
+
}
93
+
83
94
@font-face {
84
95
font-family: barcodetext;
85
96
src: url("/fonts/LibreBarcode39ExtendedText-Regular.woff");