diff --git a/sass/main.scss b/sass/main.scss index de18aad..4d850d9 100644 --- a/sass/main.scss +++ b/sass/main.scss @@ -26,6 +26,7 @@ header { justify-content: space-between; height: 6rem; max-width: 1250px; + width: 100%; } a.logo { @@ -213,3 +214,43 @@ div.rambotron { } } } + +div.breadcrumbs { + border-top: 1px solid #D8DEE9; + + .wrap { + margin: 0 auto; + display: flex; + max-width: 1250px; + width: 100%; + } + + a.home { + display: flex; + align-items: center; + } + + ul { + display: flex; + margin-left: .9rem; + + li { + display: flex; + align-items: center; + + &::before { + content: "\203A"; + margin: 0 1em; + font-weight: bold; + color: #D8DEE9; + } + + a { + display: inline-block; + padding: 1rem; + + &:hover { text-decoration: underline } + } + } + } +} diff --git a/static/home.svg b/static/home.svg new file mode 100644 index 0000000..3cd3550 --- /dev/null +++ b/static/home.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/templates/page.html b/templates/page.html index bd072be..a97ba21 100644 --- a/templates/page.html +++ b/templates/page.html @@ -1,5 +1,18 @@ {% extends "base.html" %} +{% block extra %} +
+{% endblock %} + {% block content %}