hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Home and Feed icons in nav (not entierly sure about this)

Browse Source
This commit is contained in:
daudix-UFO
2023-12-28 02:00:18 +03:00
parent d01bb88e16
commit d08ff51115
2 changed files with 25 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
sass/_main.scss
View File

@ -663,3 +663,7 @@ img {
} }
} }
} }
.icon {
vertical-align: -.125rem;
}

31
templates/includes/nav.html
View File

@ -1,17 +1,28 @@
<nav class="nav"> <nav class="nav">
<div class="nav-container"> <div class="nav-container">
<a href="{{ get_url(path='') }}">{{ config.title }}</a> <a href="{{ get_url(path='') }}">
<svg class="icon" width="16" height="16">
<path fill="currentColor" d="M8 .361a2.2 2.2 0 0 0-1.41.51L2.129 4.59A3.143 3.143 0 0 0 1 7v6c0 1.66 1.34 3 3 3h8c1.66 0 3-1.34 3-3V7c0-.93-.414-1.813-1.129-2.41L9.411.87A2.2 2.2 0 0 0 8 .361m0 2.002a.2.2 0 0 1 .129.047l4.46 3.719c.263.215.411.535.411.871v6c0 .547-.453 1-1 1h-2V9c0-.55-.45-1-1-1H7c-.55 0-1 .45-1 1v5H4c-.547 0-1-.453-1-1V7c0-.336.148-.656.41-.871L7.871 2.41A.2.2 0 0 1 8 2.363" />
</svg>
{{ config.title }}
</a>
<ul> <ul>
{% for link in config.extra.nav.links %} {% for link in config.extra.nav.links %}
<li> <li>
<a href="{{ link.url | safe | replace(from='$BASE_URL', to=get_url(path='')) | safe }}">{{ link.name }}</a> <a href="{{ link.url | safe | replace(from='$BASE_URL', to=get_url(path='')) | safe }}">
</li> {{ link.name }}
{% endfor %} </a>
{% if config.extra.nav.show_feed %} </li>
<li> {% endfor %} {% if config.extra.nav.show_feed %}
<a href="{{ get_url(path='atom.xml') }}">Feed</a> <li>
</li> <a href="{{ get_url(path='atom.xml') }}">
<svg class="icon" width="16" height="16">
<path fill="currentColor" d="m3 1.984-1.012.004V3c.008.547.453.984 1 .988.004-.004.008-.004.012-.004v.028A8.977 8.977 0 0 1 11.988 13a.991.991 0 0 0 1 .984h1V13h-.004c0-.004 0-.004.004-.008C13.984 7.02 9.184 2.148 3.242 2.02A1.004 1.004 0 0 0 3 1.988zm0 4-1.012.004V7c.008.547.453.984 1 .988.004-.004.008-.004.012-.004V8a4.985 4.985 0 0 1 4.996 4.844 1.002 1.002 0 0 0 .988 1.145c.008-.005.012-.005.016-.005v.004h.984V13H10c0-3.793-3.047-6.898-6.82-6.992 0-.004-.004-.004-.004-.004A.892.892 0 0 0 3 5.988zm.988 4.004a1.999 1.999 0 1 0-.002 3.998 1.999 1.999 0 0 0 .002-3.998" />
</svg>
Feed
</a>
</li>
{% endif %} {% endif %}
</ul> </ul>
</div> </div>
</nav> </nav>