redo navigation somewhat
This commit is contained in:
parent
93858a4dd4
commit
04794e0842
|
|
@ -1,13 +1,4 @@
|
||||||
---js
|
{% macro navItem(title, url, hyphen=true, target='_self') %}
|
||||||
{
|
|
||||||
nav: [
|
|
||||||
{title: "Mastodon", url: "https://dook.business/@RikSolo"},
|
|
||||||
{title: "Instagram", url: "https://instagram.com/rikberkelder"}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
---
|
|
||||||
|
|
||||||
{% macro navItem(title, url, hyphen, target='_self') %}
|
|
||||||
<span>
|
<span>
|
||||||
<a href="{{url}}" target="{{target}}">{{title}}</a>
|
<a href="{{url}}" target="{{target}}">{{title}}</a>
|
||||||
{% if hyphen %} - {% endif %}
|
{% if hyphen %} - {% endif %}
|
||||||
|
|
@ -17,51 +8,50 @@
|
||||||
<!doctype html>
|
<!doctype html>
|
||||||
<html>
|
<html>
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<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 href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">
|
||||||
<link rel="stylesheet" type="text/css" href="/style.css" />
|
<link rel="stylesheet" type="text/css" href="/style.css" />
|
||||||
|
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<meta name="robots" content="index, follow" />
|
<meta name="robots" content="index, follow" />
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||||
<meta name="language" content="English" />
|
<meta name="language" content="English" />
|
||||||
<meta name="google-site-verification" content="x17arJy33V33DYnmMYybZciXngFd8R8xn1UZRdp7qxo" />
|
<meta name="google-site-verification" content="x17arJy33V33DYnmMYybZciXngFd8R8xn1UZRdp7qxo" />
|
||||||
|
|
||||||
<title>{% if title %}{{title}} | {% endif %}Rik Berkelder</title>
|
<title>{% if title %}{{title}} | {% endif %}Rik Berkelder</title>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
|
||||||
<div class="container">
|
|
||||||
<div class="nav">
|
|
||||||
<a class="d-inline-block main-logo" href="/">
|
|
||||||
Rik Berkelder
|
|
||||||
</a>
|
|
||||||
<div class="d-inline-block">
|
|
||||||
{% for ni in collections.page %}
|
|
||||||
{{navItem(ni.data.title, ni.data.permalink, not loop.last )}}
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
<div class="d-inline-block">
|
|
||||||
<span> | </span>
|
|
||||||
{% for ni in nav %}
|
|
||||||
{{navItem(ni.title, ni.url, not loop.last , '_blank')}}
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
<div class="d-inline-block">
|
|
||||||
<span> | </span>
|
|
||||||
{{navItem("RBLicht", "https://rblicht.nl", true, '_blank')}}
|
|
||||||
{{navItem("RBSolutions", "https://rbsolutions.cc", false, '_blank')}}
|
|
||||||
</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>
|
</div>
|
||||||
{{content | safe}}
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<script src="//instant.page/5.2.0" type="module"
|
{{content | safe}}
|
||||||
integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>
|
|
||||||
</body>
|
</div>
|
||||||
|
<script src="//instant.page/5.2.0" type="module"
|
||||||
|
integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -3,7 +3,8 @@
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"main": "index.js",
|
"main": "index.js",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"test": "echo \"Error: no test specified\" && exit 1"
|
"test": "echo \"Error: no test specified\" && exit 1",
|
||||||
|
"serve": "npx @11ty/eleventy --serve"
|
||||||
},
|
},
|
||||||
"keywords": [],
|
"keywords": [],
|
||||||
"author": "",
|
"author": "",
|
||||||
|
|
@ -15,4 +16,4 @@
|
||||||
"luxon": "^3.5.0",
|
"luxon": "^3.5.0",
|
||||||
"sass": "^1.83.4"
|
"sass": "^1.83.4"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
Loading…
Reference in New Issue