SEO bits. styling bits, nvmrc

This commit is contained in:
Rik Berkelder 2025-02-04 19:38:08 +01:00
parent 363014ae07
commit f9f29d6be7
8 changed files with 111 additions and 41 deletions

1
.nvmrc Normal file
View File

@ -0,0 +1 @@
v22.13.1

5
content/_data/site.json Normal file
View File

@ -0,0 +1,5 @@
{
"title": "Rik Berkelder",
"url": "https://riksolo.com",
"author": "Rik Berkelder"
}

View File

@ -4,6 +4,7 @@ title: "Opinions on the Shure SE215 In-Ear Monitors"
date: "2021-04-22"
modified: "2021-04-23"
description: "Personal thoughts on a pair of in-ears I bought."
eleventyExcludeFromCollections: true
---
<span class="text-sm">Disclaimer: This should not be trusted as a review. While I enjoy good audio, I am by no means an expert.</span>

View File

@ -8,53 +8,66 @@
<!doctype html>
<html>
<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="/style.css" />
<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="/style.css" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="robots" content="index, follow" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="language" content="English" />
<meta name="google-site-verification" content="x17arJy33V33DYnmMYybZciXngFd8R8xn1UZRdp7qxo" />
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="robots" content="index, follow" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="language" content="English" />
<meta name="google-site-verification" content="x17arJy33V33DYnmMYybZciXngFd8R8xn1UZRdp7qxo" />
<title>{% if title %}{{title}} | {% endif %}Rik Berkelder</title>
</head>
<link rel="canonical" href="{{site.url}}{{page.url | url}}" />
<body>
<div class="container">
<div class="nav">
<a class="d-inline-block main-logo" href="/">
<img src="/img/RB-w.png" alt="RB logo" eleventy:widths="100" />
Rik Berkelder
</a>
<div class="nav-links">
<div class="d-inline-block">
{{navItem("Home", "/")}}
{{navItem("Blog", "/blog")}}
{{navItem("Contact", "/contact", false)}}
</div>
<div class="d-inline-block">
<span> | </span>
{{navItem("Mastodon", "https://dook.business/@RikSolo")}}
{{navItem("Instagram", "https://instagram.com/RikBerkelder", false)}}
</div>
<div class="d-inline-block">
<span> | </span>
{{navItem("RBLicht", "https://rblicht.nl", true, '_blank')}}
{{navItem("RBSolutions", "https://rbsolutions.cc", false, '_blank')}}
</div>
{%if tags.includes("blogpost")%}
<meta property="og:type" content="article" />
{%if description %}
<meta property="og:description" content="{{description}}" />
{% endif %}
<meta property="og:title" content="{{title}}" />
<meta property="og:url" content="{{site.url}}{{page.url | url}}" />
<meta property="og:sitename" content="{{site.title}}" />
<meta property="og:image" content="{{site.url}}/img/RB-w.png" />
{%endif%}
<title>{% if title %}{{title}} | {% endif %}{{site.title}}</title>
</head>
<body>
<div class="container">
<div class="nav">
<a class="d-inline-block main-logo" href="/">
<img src="/img/RB-w.png" alt="RB logo" eleventy:widths="100" />
Rik Berkelder
</a>
<div class="nav-links">
<div class="d-inline-block">
{{navItem("Home", "/")}}
{{navItem("Blog", "/blog")}}
{{navItem("Contact", "/contact", false)}}
</div>
<div class="d-inline-block">
<span> | </span>
{{navItem("Mastodon", "https://dook.business/@RikSolo")}}
{{navItem("Instagram", "https://instagram.com/RikBerkelder", false)}}
</div>
<div class="d-inline-block">
<span> | </span>
{{navItem("RBLicht", "https://rblicht.nl", true, '_blank')}}
{{navItem("RBSolutions", "https://rbsolutions.cc", false, '_blank')}}
</div>
</div>
{{content | safe}}
</div>
<script src="//instant.page/5.2.0" type="module"
integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>
</body>
{{content | safe}}
</div>
<script src="//instant.page/5.2.0" type="module"
integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>
</body>
</html>

4
content/robots.txt Normal file
View File

@ -0,0 +1,4 @@
Sitemap: https://riksolo.com/sitemap.xml
User-agent: *
Disallow:

16
content/sitemap.njk Normal file
View File

@ -0,0 +1,16 @@
---
permalink: /sitemap.xml
eleventyExcludeFromCollections: true
---
<?xml version="1.0" encoding="utf-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
{% for page in collections.all %}
{% if not page.data.draft %}
<url>
<loc>{{ site.url }}{{ page.url | url }}</loc>
<lastmod>{{ page.date.toISOString() }}</lastmod>
<changefreq>{{ page.data.changeFreq if page.data.changeFreq else "monthly" }}</changefreq>
</url>
{% endif %}
{% endfor %}
</urlset>

View File

@ -56,6 +56,30 @@ body {
}
}
ol:not(ol *, ul *),
ul:not(ol *, ul *) {
margin-left: 0rem;
margin-bottom: 3rem;
}
ol p,
ul p {
margin: 0.3rem 0rem;
}
ol {
list-style-type: decimal;
}
ul {
list-style-type: none;
li::before {
content: "- "
}
}
}
@ -147,4 +171,8 @@ img {
&[width][height] {
height: auto;
}
}
ul.list-dash>li::before {
content: "- "
}

View File

@ -28,6 +28,8 @@ export default async function (eleventyConfig) {
//Images
eleventyConfig.addPlugin(eleventyImageTransformPlugin);
eleventyConfig.addPassthroughCopy("content/robots.txt");
}
export const config = {