TheThomaas/my-online-cookbook
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Make home title configurable in CMS

Browse source
This commit is contained in:
Maël Brunet 2021-05-22 13:06:44 +02:00
parent 2fedfdd43f
commit 8b7080bbdc
2 changed files with 12 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/_data/nav.json
View file

@ -1,5 +1,9 @@
{ {
"items": [ "items": [
{
"text": "Home",
"url": "/"
},
{ {
"text": "All recipes", "text": "All recipes",
"url": "/recipes/" "url": "/recipes/"

15
src/_includes/components/navigation.njk
View file

@ -1,14 +1,15 @@
<nav class="c-nav"> <nav class="c-nav">
<ul class="c-nav__list"> <ul class="c-nav__list">
<li>
<a href="/" class="c-nav__home">
<span class="c-nav__logo">{% include "icons/logo.svg" %}</span>
<span class="c-nav__nav-item c-nav__home-text {{ 'c-nav__nav-item--active' if page.url == '/' }}">Home</span>
</a>
</li>
{% for navItem in nav.items %} {% for navItem in nav.items %}
<li> <li>
<a href="{{ navItem.url }}" class="c-nav__nav-item {{ 'c-nav__nav-item--active' if page.url == navItem.url }}">{{ navItem.text }}</a> {% if navItem.url == "/" %}
<a href="/" class="c-nav__home">
<span class="c-nav__logo">{% include "icons/logo.svg" %}</span>
<span class="c-nav__nav-item c-nav__home-text {{ 'c-nav__nav-item--active' if page.url == '/' }}">{{ navItem.text }}</span>
</a>
{% else%}
<a href="{{ navItem.url }}" class="c-nav__nav-item {{ 'c-nav__nav-item--active' if page.url == navItem.url }}">{{ navItem.text }}</a>
{% endif %}
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>