Surface icons against breadcrumbs.

very-scary-scenario · Nov 1, 2021 · b15a754 · b15a754
1 parent 94e967f
commit b15a754
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/nkdsu/static/less/main.less b/nkdsu/static/less/main.less
@@ -179,6 +179,13 @@ body {
           &:last-child::after {
             padding-right: 0;
           }
+
+          &[data-breadcrumb-name]::before { .fas(); font-size: .8em; }
+          &[data-breadcrumb-name=anime]::before { content: @fa-var-tv; }
+          &[data-breadcrumb-name=artists]::before { content: @fa-var-microphone; }
+          &[data-breadcrumb-name=browse]::before { content: @fa-var-folder; }
+          &[data-breadcrumb-name=composers]::before { content: @fa-var-pen-nib; }
+          &[data-breadcrumb-name=years]::before { content: @fa-var-calendar-alt; }
         }
       }
     }

diff --git a/nkdsu/templates/base.html b/nkdsu/templates/base.html
@@ -44,7 +44,7 @@
         <div id="breadcrumbs">
           <ul>
             {% for link, name in breadcrumbs %}
-              <li>
+              <li data-breadcrumb-name="{{ name }}">
                 {% if link %}
                   <a href="{{ link }}">{{ name }}</a>
                 {% else %}