TheThomaas/11ty-light-blog
1
0
Fork 0
Code Issues 2 Pull requests Packages Projects Releases Wiki Activity

Rework layout and add classes

Browse source
This commit is contained in:
TheThomaas 2023-11-24 22:57:41 +01:00
parent 01d44d1023
commit fab73ffdf8
7 changed files with 22 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/_includes/partials/footer.njk
View file

@ -1,8 +1,8 @@
{% set activePage = page.url | url %} {% set activePage = page.url | url %}
<footer> <footer class="wrapper repel justify-center">
<nav id="footernav" aria-label="Footer"> <nav id="footernav" aria-label="Footer">
<ul> <ul role="list" class="cluster">
{% for item in navigation.bottom %} {% for item in navigation.bottom %}
<li><a <li><a
href="{{ item.url }}" href="{{ item.url }}"

8
src/_includes/partials/header.njk
View file

@ -1,6 +1,8 @@
<a href="#main" class="skip-link">{{ meta.skipContent }}</a> <a href="#main" class="skip-link">{{ meta.skipContent }}</a>
<header> <header role="banner" class="wrapper">
<div></div> <div class="repel">
{% include "partials/menu.njk" %} <a class="brand" href="/" aria-label="{{meta.siteName}}"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26Z"></path></svg></a>
{% include "partials/menu.njk" %}
</div>
</header> </header>

4
src/_includes/partials/menu.njk
View file

@ -1,5 +1,5 @@
<nav id="mainnav" aria-label="Main"> <nav id="mainnav" aria-label="primary">
<ul> <ul role="list" class="cluster text-base">
{% for item in navigation.top %} {% for item in navigation.top %}
<li> <li>
<a <a

2
src/_includes/partials/posts-light.njk
View file

@ -1,5 +1,5 @@
{% if postslist %} {% if postslist %}
<ul role="list"> <ul class="flow">
{% asyncEach post in postslist %} {% asyncEach post in postslist %}
<li>{% set definedDate = post.date %} <li>{% set definedDate = post.date %}
<a href="{{ post.url | url }}">{{ post.data.title }} ({% include "partials/date.njk" %})</a> <a href="{{ post.url | url }}">{{ post.data.title }} ({% include "partials/date.njk" %})</a>

6
src/_layouts/base.njk
View file

@ -25,7 +25,11 @@
<body> <body>
{% include "partials/header.njk" %} {% include "partials/header.njk" %}
<main id="main">{{ content | safe }}</main> <main id="main">
<div class="wrapper flow prose region">
{{ content | safe }}
</div>
</main>
{% include "partials/footer.njk" %} {% include "partials/footer.njk" %}
</body> </body>

13
src/_layouts/blog.njk
View file

@ -1,16 +1,13 @@
--- ---
layout: base layout: base
--- ---
<div>
<header> <h1>{{ title }}</h1>
<section>
<h1>{{ title }}</h1>
</section>
</header>
<article>
{{ content | safe }} {{ content | safe }}
</div>
<article>
{% set postslist = collections.posts %} {% include "partials/posts-light.njk" %} {% set postslist = collections.posts %} {% include "partials/posts-light.njk" %}

7
src/_layouts/post.njk
View file

@ -1,11 +1,8 @@
--- ---
layout: base layout: base
--- ---
<h1>{{ title }}</h1>
{% set definedDate = date %} {% include "partials/date.njk" %}
<article> <article>
<h1>{{ title }}</h1>
{% set definedDate = date %} {% include "partials/date.njk" %}
{{ content | safe }} {{ content | safe }}
</article> </article>