diff --git a/_data/metadata.js b/_data/metadata.js index 4460e3d..0c91a9d 100644 --- a/_data/metadata.js +++ b/_data/metadata.js @@ -19,6 +19,43 @@ export default { defaultPostImageAlt: "The logo for this blog: a capital letter N.", mastodonHost: "lounge.town", mastodonUser: "nathanu", + navigatorLinks: [ + { + iconURL: "/img/icons/breeze/typewriter.svg", + linkDisplay: "Blog", + linkURL: "/blog/", + }, + { + iconURL: "/img/icons/breeze/view-preview.svg", + linkDisplay: "Galleries", + linkURL: "/galleries/", + }, + { + iconURL: "/img/icons/breeze/document-edit-sign.svg", + linkDisplay: "Quizzes", + linkURL: "/quizzes/", + }, + { + iconURL: "/img/icons/breeze/news-subscribe.svg", + linkDisplay: "Life Updates", + linkURL: "/now/", + }, + { + iconURL: "/img/icons/breeze/map-globe.svg", + linkDisplay: "Sitemap", + linkURL: "/sitemap/", + }, + { + iconURL: "/img/icons/breeze/view-list-text.svg", + linkDisplay: "Blogroll", + linkURL: "/blogroll/", + }, + { + iconURL: "/img/icons/breeze/tag.svg", + linkDisplay: "Topics", + linkURL: "/tags/", + }, + ], postlistHeaderText: "Latest blog posts:", socialLinks: [ { diff --git a/_includes/navigator.njk b/_includes/navigator.njk new file mode 100644 index 0000000..e742fea --- /dev/null +++ b/_includes/navigator.njk @@ -0,0 +1,10 @@ +
+{% for link in metadata.navigatorLinks %} +
+ + +

{{ link.linkDisplay }}

+ +
+{% endfor %} +
diff --git a/content/index.njk b/content/index.njk index f187486..67126ae 100644 --- a/content/index.njk +++ b/content/index.njk @@ -9,84 +9,4 @@ numberOfGalleriesToShow: 1 numberOfQuizzesToShow: 1 hideGalleryDescriptions: 1 --- -
-

Latest gallery:

- {% set postsCount = galleries | length %} - {% set latestPostsCount = postsCount | min(numberOfGalleriesToShow) %} - {% set postslist = galleries | head(-1 * numberOfGalleriesToShow) %} - {% set postslistCounter = postsCount %} - {% set showPostListHeader = false %} - {% include "gallerieslist.njk" %} - - {% set morePosts = postsCount - numberOfGalleriesToShow %} - {% if morePosts > 0 %} - - - - {% endif %} -
- -
-

Latest quiz:

- {% set postsCount = collections.quiz | length %} - {% set latestPostsCount = postsCount | min(numberOfQuizzesToShow) %} - {% set postslist = collections.quiz | head(-1 * numberOfQuizzesToShow) %} - {% set postslistCounter = postsCount %} - {% set showPostListHeader = false %} - {% include "postslist.njk" %} - - {% set morePosts = postsCount - numberOfQuizzesToShow %} - {% if morePosts > 0 %} - - - - {% endif %} -
- -
-
-

Life updates:

- {% set postsCount = collections.now | length %} - {% set latestPostsCount = postsCount | min(numberOfNowPostsToShow) %} - {% set postslist = collections.now | head(-1 * numberOfNowPostsToShow) %} - {% set postslistCounter = postsCount %} - {% set showPostListHeader = false %} - {% include "postslist.njk" %} - - {% set morePosts = postsCount - numberOfNowPostsToShow %} - {% if morePosts > 0 %} - - - - {% endif %} -
-
- -
- {% set postsCount = collections.posts | length %} - {% set latestPostsCount = postsCount | min(numberOfLatestPostsToShow) %} - {% set postslist = collections.posts | head(-1 * numberOfLatestPostsToShow) %} - {% set postslistCounter = postsCount %} - {% set showPostListHeader = true %} - {% include "postslist.njk" %} - - {% set morePosts = postsCount - numberOfLatestPostsToShow %} - {% if morePosts > 0 %} -
- - - - {% endif %} - - - -
-
+{% include "navigator.njk" %} diff --git a/public/css/index.css b/public/css/index.css index 68e0f78..74c6aea 100644 --- a/public/css/index.css +++ b/public/css/index.css @@ -721,8 +721,49 @@ nav ul { ); /* Compensate for border thickness */ } -/* Posts list */ +/* Navigator */ +.navigator { + display: grid; + gap: var(--space-2xs) var(--space-2xs); + grid-template-columns: repeat(auto-fill, minmax(var(--space-6xl), 1fr)); + width: 100%; + .navigatorItem { + background-color: var(--background-color); + border: 1.5px solid var(--text-color); + border-radius: var(--border-radius); + color: var(--text-color); + display: flex; + flex-flow: column wrap; + height: var(--space-3xl); + text-align: center; + a { + height: 100%; + padding: var(--space-s) var(--space-xs); + text-decoration: none; + width: 100%; + img { + filter: var(--logo-filter); + width: var(--space-m); + } + } + &:hover { + background-color: var(--text-color); + border: 1.5px solid var(--text-color); + transition: var(--transition-normal); + a { + color: var(--background-color); + transition: var(--transition-normal); + img { + filter: none; + transition: var(--transition-normal); + } + } + } + } +} + +/* Posts list */ .postlist, .links-nextprev { container: postlist / inline-size; diff --git a/public/img/icons/breeze/document-edit-sign.svg b/public/img/icons/breeze/document-edit-sign.svg new file mode 100644 index 0000000..4324293 --- /dev/null +++ b/public/img/icons/breeze/document-edit-sign.svg @@ -0,0 +1,41 @@ + + + + + + + + diff --git a/public/img/icons/breeze/map-globe.svg b/public/img/icons/breeze/map-globe.svg new file mode 100644 index 0000000..2d095e0 --- /dev/null +++ b/public/img/icons/breeze/map-globe.svg @@ -0,0 +1,41 @@ + + + + + + + + diff --git a/public/img/icons/breeze/news-subscribe.svg b/public/img/icons/breeze/news-subscribe.svg new file mode 100644 index 0000000..7872454 --- /dev/null +++ b/public/img/icons/breeze/news-subscribe.svg @@ -0,0 +1,41 @@ + + + + + + + + diff --git a/public/img/icons/breeze/tag.svg b/public/img/icons/breeze/tag.svg new file mode 100644 index 0000000..e50e4a1 --- /dev/null +++ b/public/img/icons/breeze/tag.svg @@ -0,0 +1,41 @@ + + + + + + + + diff --git a/public/img/icons/breeze/typewriter.svg b/public/img/icons/breeze/typewriter.svg new file mode 100644 index 0000000..a5db50a --- /dev/null +++ b/public/img/icons/breeze/typewriter.svg @@ -0,0 +1,41 @@ + + + + + + + + diff --git a/public/img/icons/breeze/view-list-text.svg b/public/img/icons/breeze/view-list-text.svg new file mode 100644 index 0000000..790331b --- /dev/null +++ b/public/img/icons/breeze/view-list-text.svg @@ -0,0 +1,41 @@ + + + + + + + + diff --git a/public/img/icons/breeze/view-preview.svg b/public/img/icons/breeze/view-preview.svg new file mode 100644 index 0000000..6ef029f --- /dev/null +++ b/public/img/icons/breeze/view-preview.svg @@ -0,0 +1,41 @@ + + + + + + + +