diff --git a/content/katedra/pracovnici/_index.md b/content/katedra/pracovnici/_index.md index 0d570dc..6624a4c 100644 --- a/content/katedra/pracovnici/_index.md +++ b/content/katedra/pracovnici/_index.md @@ -6,7 +6,7 @@ page_template = "people-profile.html" sort_by = "weight" [extra] -icon = "♥" +icon = "icon-account-circle-line" +++ Zde najdete informace a kontaktní údaje pracovníků katedry. Další termíny konzultací zde uvedených pracovníků mohou být stanoveny individuálně na základě dohody s příslušným pracovníkem e-mailem. diff --git a/sass/main.scss b/sass/main.scss index 58b5c4f..f829f6a 100644 --- a/sass/main.scss +++ b/sass/main.scss @@ -76,10 +76,8 @@ header { padding: .5em; &:hover { color: var(--color) } - .icon { - color: var(--color); + [class^="icon-"], [class*=" icon-"] { margin-right: .4em; - font-size: 1.5em; } } @@ -100,15 +98,15 @@ header { font-weight: bold; font-size: 1.2em; - a::after { - content: ""; - display: inline-block; - background: url("nav-arrow.svg") center center no-repeat; - background-width: 100%; - width: .5em; - height: 50%; - margin-left: .4em; + &>ul>li>a::after { + content: "\e921"; + font-family: icomoon; + font-size: .8em; + margin-left: .5em; + color: #5E81AC; + } + &>ul>li>a:hover::after { color: inherit } } } @@ -381,16 +379,21 @@ div.breadcrumbs { width: 100%; } - a.home { - display: flex; - align-items: center; + a { + display: inline-block; + padding: 1rem; - img { height: 1.5em } + &.home { + display: flex; // vertical center + font-size: 1.5em; + color: #88c0d0; + + &:hover { color: #000 } + } } ul { display: flex; - margin-left: .9rem; li { display: flex; @@ -403,14 +406,8 @@ div.breadcrumbs { color: #D8DEE9; } - a { - display: inline-block; - padding: 1rem; - - &:hover { text-decoration: underline } - } - &:last-child { font-weight: bold } + a:hover { text-decoration: underline } } } } diff --git a/static/fonts/icomoon.eot b/static/fonts/icomoon.eot new file mode 100644 index 0000000..2a2754d Binary files /dev/null and b/static/fonts/icomoon.eot differ diff --git a/static/fonts/icomoon.svg b/static/fonts/icomoon.svg new file mode 100644 index 0000000..b2bcebc --- /dev/null +++ b/static/fonts/icomoon.svg @@ -0,0 +1,45 @@ + + + +Generated by IcoMoon + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/fonts/icomoon.ttf b/static/fonts/icomoon.ttf new file mode 100644 index 0000000..e72de2d Binary files /dev/null and b/static/fonts/icomoon.ttf differ diff --git a/static/fonts/icomoon.woff b/static/fonts/icomoon.woff new file mode 100644 index 0000000..8fb091d Binary files /dev/null and b/static/fonts/icomoon.woff differ diff --git a/static/home.svg b/static/home.svg deleted file mode 100644 index 3cd3550..0000000 --- a/static/home.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/static/icons.css b/static/icons.css new file mode 100644 index 0000000..aa60966 --- /dev/null +++ b/static/icons.css @@ -0,0 +1,132 @@ +@font-face { + font-family: 'icomoon'; + src: url('fonts/icomoon.eot?ttj0nt'); + src: url('fonts/icomoon.eot?ttj0nt#iefix') format('embedded-opentype'), + url('fonts/icomoon.ttf?ttj0nt') format('truetype'), + url('fonts/icomoon.woff?ttj0nt') format('woff'), + url('fonts/icomoon.svg?ttj0nt#icomoon') format('svg'); + font-weight: normal; + font-style: normal; + font-display: block; +} + +[class^="icon-"], [class*=" icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'icomoon' !important; + speak: never; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-checkbox-multiple-line:before { + content: "\e91b"; +} +.icon-account-circle-line:before { + content: "\e91c"; +} +.icon-pencil-ruler-line:before { + content: "\e91d"; +} +.icon-newspaper-line:before { + content: "\e91e"; +} +.icon-information-line:before { + content: "\e91f"; +} +.icon-organization-chart:before { + content: "\e920"; +} +.icon-arrow-down-s-line:before { + content: "\e921"; +} +.icon-home-4-line:before { + content: "\e922"; +} +.icon-artboard-line:before { + content: "\e900"; +} +.icon-award-fill:before { + content: "\e901"; +} +.icon-book-3-line:before { + content: "\e902"; +} +.icon-brush-3-line:before { + content: "\e903"; +} +.icon-calendar-2-line:before { + content: "\e904"; +} +.icon-calendar-event-fill:before { + content: "\e905"; +} +.icon-calendar-todo-line:before { + content: "\e906"; +} +.icon-external-link-line:before { + content: "\e907"; +} +.icon-file-copy-2-line:before { + content: "\e908"; +} +.icon-file-paper-2-line:before { + content: "\e909"; +} +.icon-file-word-2-line:before { + content: "\e90a"; +} +.icon-globe-line:before { + content: "\e90b"; +} +.icon-home-8-line:before { + content: "\e90c"; +} +.icon-key-2-line:before { + content: "\e90d"; +} +.icon-mail-line:before { + content: "\e90e"; +} +.icon-map-pin-line:before { + content: "\e90f"; +} +.icon-node-tree:before { + content: "\e910"; +} +.icon-nurse-fill:before { + content: "\e911"; +} +.icon-pencil-ruler-2-line:before { + content: "\e912"; +} +.icon-phone-line:before { + content: "\e913"; +} +.icon-psychotherapy-fill:before { + content: "\e914"; +} +.icon-psychotherapy-line:before { + content: "\e915"; +} +.icon-search-line:before { + content: "\e916"; +} +.icon-skull-line:before { + content: "\e917"; +} +.icon-stack-line:before { + content: "\e918"; +} +.icon-terminal-box-line:before { + content: "\e919"; +} +.icon-wheelchair-line:before { + content: "\e91a"; +} diff --git a/static/nav-arrow.svg b/static/nav-arrow.svg deleted file mode 100644 index 27f6a0b..0000000 --- a/static/nav-arrow.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/templates/base.html b/templates/base.html index d3ce38f..cdf74c0 100644 --- a/templates/base.html +++ b/templates/base.html @@ -10,6 +10,7 @@ {%- endblock title -%} + {% block styles %}{% endblock styles %} diff --git a/templates/macros.html b/templates/macros.html index 5a27d45..d768951 100644 --- a/templates/macros.html +++ b/templates/macros.html @@ -27,13 +27,9 @@ {% set subsection = get_section(path=subsection) %}
  • - {% if subsection.extra.icon %} - {{ subsection.extra.icon | safe }} - {% else %} - ♣ + {% endif %} - {% if subsection.extra.short_title %} {{ subsection.extra.short_title }} {% else %} @@ -53,7 +49,7 @@ {% macro breadcrumbs(page) %}
    - Home +
      {% for ancestor in page.ancestors %} {% if loop.first %}{% continue %}{% endif %}