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

style tweaks

This commit is contained in:
Rik Berkelder 2025-01-28 03:54:06 +01:00
parent d2888356b4
commit 4260eb4134
2 changed files with 33 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
content/layouts/base.njk
View File

@ -36,16 +36,25 @@
<body> <body>
<div class="container"> <div class="container">
<div class="nav"> <div class="nav">
{% for ni in collections.page %} <a class="d-inline-block main-logo" href="/">
{{navItem(ni.data.title, ni.data.permalink, not loop.last )}} Rik Berkelder
{% endfor %} </a>
<span> | </span> <div class="d-inline-block">
{% for ni in nav %} {% for ni in collections.page %}
{{navItem(ni.title, ni.url, not loop.last , '_blank')}} {{navItem(ni.data.title, ni.data.permalink, not loop.last )}}
{% endfor %} {% endfor %}
<span> | </span> </div>
{{navItem("RBLicht", "https://rblicht.nl", true, '_blank')}} <div class="d-inline-block">
{{navItem("RBSolutions", "https://rbsolutions.cc", false, '_blank')}} <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>
</div> </div>
{{content | safe}} {{content | safe}}

16
content/style.scss
View File

@ -59,13 +59,21 @@ body {
.nav { .nav {
width: 100%; width: 100%;
padding-bottom: 0.6em; padding-top: 0.2rem;
padding-bottom: 0.9em;
margin-bottom: 0.6em; margin-bottom: 0.6em;
border-bottom: 1px $grey-dark solid; border-bottom: 1px $grey-dark solid;
a.main-logo {
font-weight: 700;
font-size: 1.2em;
text-decoration: none;
color: $text-default !important;
}
a, a,
a:visited { a:visited {
color: $primary !important; color: $primary;
} }
} }
@ -98,3 +106,7 @@ body {
display: inline-block; display: inline-block;
} }
} }
.d-inline-block {
display: inline-block;
}