RikSolo/eleventy-riksolo-com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

add image support. styling tweaks

Browse source
This commit is contained in:
Rik Berkelder 2025-01-31 02:18:17 +01:00
parent 04794e0842
commit 363014ae07
11 changed files with 826 additions and 50 deletions
Download patch file Download diff file Expand all files Collapse all files

81
content/layouts/base.njk
View file

@ -8,50 +8,53 @@
<!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>
<title>{% if title %}{{title}} | {% endif %}Rik Berkelder</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>
<body>
<div class="container">
<div class="nav">
<a class="d-inline-block main-logo" href="/">
Rik Berkelder
</a>
<div class="d-inline-block">
{{navItem("Home", "/")}}
{{navItem("Blog", "/blog")}}
{{navItem("Contact", "/contact")}}
</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>
{{content | safe}}
</div>
{{content | safe}}
</div>
<script src="//instant.page/5.2.0" type="module"
integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>
</body>
<script src="//instant.page/5.2.0" type="module"
integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>
</body>
</html>