akemi/noway.moe
1
0
Fork 0
Code Issues 1 Pull requests Packages Projects Releases Wiki Activity

Compare commits

base: akemi:31cd1bd61bd9697bdc31e72e90c268d174ace630
Branches Tags
akemi:main
..
compare: akemi:5065e8c6e9e16ba7eff7e53963124b697f89fecd
Branches Tags
akemi:main

No commits in common. "31cd1bd61bd9697bdc31e72e90c268d174ace630" and "5065e8c6e9e16ba7eff7e53963124b697f89fecd" have entirely different histories.
31cd1bd61b ... 5065e8c6e9

3 changed files with 666 additions and 297 deletions
Show stats Expand all files Collapse all files

939
package-lock.json generated
View file

File diff suppressed because it is too large Load diff

19
src/layouts/BlogPost.astro
View file

@ -83,34 +83,19 @@ const { title, description, pubDate, updatedDate, heroImage } = Astro.props;
} }
.prose h1 { .prose h1 {
font-size: 40px; font-size: 40px;
margin-bottom: calc(var(--font-size) / 3);
}
.prose h1:after { /* Psuedo-element prevents extending to padding */
content: "";
display: block;
border-bottom: 2px solid #000; border-bottom: 2px solid #000;
margin-bottom: calc(var(--font-size) / 3);
} }
.prose h2 { .prose h2 {
font-size: 30px; font-size: 30px;
}
.prose h2:after { /* Psuedo-element prevents extending to padding */
content: "";
display: block;
border-bottom: 1px solid #aaa; border-bottom: 1px solid #aaa;
} }
.prose h3 { .prose h3 {
font-size: 26px; font-size: 26px;
} }
.prose h4 { .prose h4, .prose h5, .prose h6 {
font-size: 22px; font-size: 22px;
} }
.prose h5 {
font-size: 20px;
}
.prose h6 {
color: #888;
font-size: 18px;
}
/**** Paragraphs ****/ /**** Paragraphs ****/
.prose p { .prose p {

5
src/pages/blog/index.astro
View file

@ -59,16 +59,15 @@ const posts = (await getCollection('blog')).sort(
<main> <main>
<section> <section>
<h1 <h1
class="text-center mt-8 mb-4 text-6xl" class="text-center text-4xl"
style="font-family: var(--font-title);"> style="font-family: var(--font-title);">
Blogs! Blogs!
</h1> </h1>
<p <p
class="text-center mb-4 text-xl"> class="text-center m-6">
A collection of tutorials and opinionated pieces. Have a A collection of tutorials and opinionated pieces. Have a
read! read!
</p> </p>
<hr class="m-4" style="border: 1px solid black;" />
<ul> <ul>
{ {
posts.map((post) => ( posts.map((post) => (