diff --git a/config.toml b/config.toml index 9600eb2..e0678eb 100644 --- a/config.toml +++ b/config.toml @@ -7,3 +7,14 @@ build_search_index = false [extra] +nav_primary = [ + {path = "", name = "Katedra"}, + {path = "", name = "Uchazeči"}, + {path = "", name = "Studenti"}, + {path = "", name = "Vědecká činnost"} +] + +nav_secondary = [ + {path = "https://cuni.cz", name = "Univerzita Karlova"}, + {path = "https://pedf.cuni.cz", name = "Pedagogická fakulta"} +] diff --git a/sass/main.scss b/sass/main.scss index 5625258..3cc4c58 100644 --- a/sass/main.scss +++ b/sass/main.scss @@ -6,10 +6,70 @@ body { display: flex; flex-direction: column; font-family: "roboto", sans-serif; + font-size: 16px; + color: #2E3440; } header { + padding: 4rem 0; + border-top: 5px solid; + border-image: linear-gradient(to right, #8FBCBB 0%, #88C0D0 33%, #81A1C1 66%, #5E81AC 100%) 5; + + .wrap { + margin: 0 auto; + display: flex; + justify-content: space-between; + height: 6rem; + max-width: 1100px; + } + + a.logo { + height: 100%; + + img { height: inherit; } + } + + section { + height: 100%; + display: flex; + flex-direction:column; + justify-content: space-between; + } + + nav { + ul { + display: flex; + + a { + text-decoration: none; + color: inherit; + padding: 1rem; + } + } + } + + nav.secondary { + font-size: .8rem; + color: #4C566A; + + a:hover { + text-decoration: underline; + } + } + + nav.primary { + font-weight: bold; + + a::after { + content: ""; + display: inline-block; + background: url("nav-arrow.svg") center center no-repeat; + width: 1rem; + height: .7rem; + margin-left: .5rem; + } + } } main { diff --git a/static/logo.svg b/static/logo.svg new file mode 100644 index 0000000..0c667e8 --- /dev/null +++ b/static/logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/nav-arrow.svg b/static/nav-arrow.svg new file mode 100644 index 0000000..27f6a0b --- /dev/null +++ b/static/nav-arrow.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/templates/base.html b/templates/base.html index 5599506..38efab0 100644 --- a/templates/base.html +++ b/templates/base.html @@ -12,6 +12,29 @@
+
+ +
+ + +
+
{% block content %}{% endblock content %}