diff --git a/content/archive/_index.md b/content/archive/_index.md index e4fbc9e..336efa9 100644 --- a/content/archive/_index.md +++ b/content/archive/_index.md @@ -3,4 +3,6 @@ title = "Archive" template = "index.html" page_template = "song.html" sort_by = "title" +[extra] +archive = true +++ diff --git a/sass/style.scss b/sass/style.scss index e7bf6a0..2d419b2 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -32,7 +32,7 @@ main.songs { grid-template-columns: 1fr; } - .filters { + .filters, .nav { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 1em; @@ -83,8 +83,12 @@ main.songs { } &>.button { + display: flex; + align-items: center; + justify-content: center; + gap: .5em; font-weight: bold; - text-align: center; + text-decoration: none; cursor: pointer; user-select: none; padding: .75em 1em; @@ -95,6 +99,10 @@ main.songs { &[data-category="mixtape"] { background-color: #bf616a } &[data-category="classic"] { background-color: #5e81ac } } + + & svg { + height: 1.2em; + } } @media only screen and (max-width: $width-mobile) { @@ -102,6 +110,7 @@ main.songs { } } + .nav { margin-bottom: 0 } .song-list { display: grid; diff --git a/templates/index.html b/templates/index.html index c439948..2392637 100644 --- a/templates/index.html +++ b/templates/index.html @@ -11,8 +11,19 @@ {% block content %}
- {% if section.title %} + {% if section.title and section.extra.archive %}

{{ section.title }}

+ {% else %} +
+ + + Archive + + + + Songbook + +
{% endif %}