diff options
author | Kristóf Marussy <kristof@marussy.com> | 2024-03-23 18:02:45 +0100 |
---|---|---|
committer | Kristóf Marussy <kristof@marussy.com> | 2024-03-23 18:07:21 +0100 |
commit | fbd41d395916176dde11bb0e417f1210f34eb4ab (patch) | |
tree | 7384a50b1a90ba5909d8f93f589df661640681e6 /src/components/landing/sections/Blog.module.css | |
parent | Simplify compression (diff) | |
download | blog-fbd41d395916176dde11bb0e417f1210f34eb4ab.tar.gz blog-fbd41d395916176dde11bb0e417f1210f34eb4ab.tar.zst blog-fbd41d395916176dde11bb0e417f1210f34eb4ab.zip |
Add blog
Site structure follows SEO tips from
https://johnnyreilly.com/how-we-fixed-my-seo
* The blog pages have as simple of an URL as possible. To this end, the home
page of the site is actually the first index page of the blog.
* Customize the blog index page BlogListPage component to show the landing page
as the first index page.
* Rename /archive to /blog to avoid a dated feel.
* Remove the date from post URLs using the slug property.
Diffstat (limited to 'src/components/landing/sections/Blog.module.css')
-rw-r--r-- | src/components/landing/sections/Blog.module.css | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/src/components/landing/sections/Blog.module.css b/src/components/landing/sections/Blog.module.css new file mode 100644 index 0000000..6a38a97 --- /dev/null +++ b/src/components/landing/sections/Blog.module.css | |||
@@ -0,0 +1,28 @@ | |||
1 | /* | ||
2 | * SPDX-FileCopyrightText: 2024 Kristóf Marussy | ||
3 | * | ||
4 | * SPDX-License-Identifier: MIT | ||
5 | */ | ||
6 | |||
7 | .row { | ||
8 | margin-bottom: var(--ifm-paragraph-margin-bottom); | ||
9 | } | ||
10 | |||
11 | .recent-posts { | ||
12 | margin-bottom: 0; | ||
13 | font-size: var(--ifm-h3-font-size); | ||
14 | font-weight: var(--ifm-font-weight-bold); | ||
15 | --casl: 0.5; | ||
16 | letter-spacing: var(--marussy-heading-tracking); | ||
17 | } | ||
18 | |||
19 | .date { | ||
20 | font-size: 1rem; | ||
21 | font-weight: var(--ifm-font-weight-normal); | ||
22 | --casl: 0; | ||
23 | letter-spacing: 0; | ||
24 | } | ||
25 | |||
26 | .prev::after { | ||
27 | content: ' »'; | ||
28 | } | ||