Kompaktní header

Closes: #10
remotes/1722757888236843906/tmp_refs/heads/search
Emil Miler 4 years ago
parent e0f8335253
commit 6ee86b8452

@ -20,10 +20,16 @@ header {
border-top: 8px solid; border-top: 8px solid;
border-image: linear-gradient(to right, #8FBCBB 25%, #88C0D0 25%, #88C0D0 50%, #81A1C1 50%, #81A1C1 75%, #5E81AC 75%, #5E81AC 100%) 1; border-image: linear-gradient(to right, #8FBCBB 25%, #88C0D0 25%, #88C0D0 50%, #81A1C1 50%, #81A1C1 75%, #5E81AC 75%, #5E81AC 100%) 1;
&.compact {
padding: 1.3rem 0;
.wrap { height: 4rem }
}
.wrap { .wrap {
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center;
height: 6rem; height: 6rem;
max-width: 1200px; max-width: 1200px;
width: 100%; width: 100%;

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" height="566.933" width="566.933"><defs><clipPath id="a" clipPathUnits="userSpaceOnUse"><path d="M0 425.2h425.2V0H0z"/></clipPath></defs><g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 566.933)"><path d="M398.807 315.269c-12.611-5.49-186.21-81.836-186.21-81.836V425.2c80.185 0 149.996-44.388 186.21-109.931" fill="#b5c8e9"/><path d="M398.807 315.269c-6.006-2.615-48.524-21.294-91.413-40.154.007.028 8.844 38.884-17.647 65.689-24.146 23.52-51.934 31.652-77.15 31.652V55.337c21.84 0 36.829 9.834 41.056 26.155h126.315c14.842 18.908 26.999 41.417 34.323 63.709 0 0 10.909 29.392 10.909 67.398 0 37.239-9.577 72.232-26.393 102.67" fill="#3c6698"/><path d="M26.393 315.269c12.611-5.49 186.208-81.836 186.208-81.836V425.2c-80.183 0-149.994-44.388-186.208-109.931" fill="#3c6698"/><path d="M171.544 81.495l-39.045-65.886c24.719-10.064 51.76-15.61 80.099-15.61v55.332c-21.831 0-36.82 9.835-41.054 26.164" fill="#b5c8e9"/><path d="M171.531 81.47l.013.022H45.236c22.69-28.919 52.71-51.818 87.263-65.877z" fill="#3c6698"/><path d="M135.454 340.807c-26.49-26.804-17.653-65.662-17.646-65.689 0-.028 94.795-41.682 94.795-41.682V372.46c-25.22 0-53.009-8.14-77.149-31.652" fill="#fff"/><path d="M26.393 315.269C9.577 284.83 0 249.838 0 212.599 0 174.593 10.91 145.2 10.91 145.2c105.445 75.705 181.695-12.632 201.685-38.885 0 0 0-.007.006-.007v127.124S39.004 309.78 26.393 315.269" fill="#b5c8e9"/><path d="M212.593 106.318c-19.99 26.253-96.232 114.583-201.686 38.885 7.324-22.29 19.481-44.8 34.324-63.708h126.315c4.234-16.328 19.222-26.163 41.054-26.163v50.98c-.007 0-.007.006-.007.006" fill="#e5edf9"/><path d="M253.655 81.495l39.046-65.886c-24.719-10.064-51.76-15.61-80.1-15.61v55.332c21.831 0 36.821 9.835 41.054 26.164" fill="#3c6698"/><path d="M253.669 81.47l-.015.022h126.309c-22.682-28.919-52.71-51.818-87.263-65.877z" fill="#e5edf9"/><path d="M212.607 106.318c19.99 26.253 96.232 114.583 201.685 38.885-7.323-22.29-19.481-44.8-34.323-63.708H253.654c-4.234-16.328-19.223-26.163-41.055-26.163v50.98c.008 0 .008.006.008.006M85.026 382.685c-.894-52.891 34.302-52.026 63.555-61.142-4.248-4.464-6.87-10.483-6.87-17.13 0-13.734 11.145-24.873 24.879-24.873 7.135 0 13.552 3.02 18.086 7.833 20.053-6.884 25.64-24.86 27.927-29.81v37.53c-8.565 75.128-90.45 51.65-127.577 87.592" fill="#b5c8e9"/><path d="M157.22 305.295c0-5.272 4.024-10.462 9.625-10.462 4.89 0 8.858 4.317 9.478 9.493-3.71 4.742-8.146 8.3-13.029 11.083-3.446-1.562-6.075-5.67-6.075-10.114" fill="#3c6698"/><path d="M340.174 382.685c.893-52.891-34.302-52.026-63.555-61.142 4.247-4.464 6.87-10.483 6.87-17.13 0-13.734-11.145-24.873-24.878-24.873-7.136 0-13.552 3.02-18.086 7.833-20.053-6.884-25.64-24.86-27.928-29.81v37.53c8.565 75.128 90.45 51.65 127.577 87.592" fill="#fff"/><path d="M267.98 305.295c0-5.272-4.025-10.462-9.626-10.462-4.89 0-8.85 4.317-9.477 9.493 3.71 4.742 8.146 8.3 13.028 11.083 3.446-1.562 6.076-5.67 6.076-10.114" fill="#3c6698"/></g></svg>

After

Width:  |  Height:  |  Size: 2.9 KiB

@ -15,19 +15,19 @@
<link rel="shortcut icon" type="image/x-icon" href="{{ get_url(path="favicon.ico") }}" /> <link rel="shortcut icon" type="image/x-icon" href="{{ get_url(path="favicon.ico") }}" />
</head> </head>
<body> <body>
<header> {% block header %}
<header class="compact">
<div class="wrap"> <div class="wrap">
<a href="{{ config.base_url }}" class="logo"><img src="{{ get_url(path="logo.svg") }}" alt="Logo KITTV"></a> <a href="{{ config.base_url }}" class="logo"><img src="{{ get_url(path="logo-plain.svg") }}" alt="Logo KITTV"></a>
<section>
<nav class="secondary">
{{ macro::nav_list_items(items=config.extra.nav_secondary) }}
</nav>
<nav class="primary"> <nav class="primary">
{{ macro::nav_list_items_recursive(items=config.extra.nav_primary) }} {{ macro::nav_list_items_recursive(items=config.extra.nav_primary) }}
</nav> </nav>
</section> <nav class="secondary">
<span class="icon-search-line"></span>
</nav>
</div> </div>
</header> </header>
{% endblock header %}
{% block extra %}{% endblock extra %} {% block extra %}{% endblock extra %}
{% block content %}{% endblock content %} {% block content %}{% endblock content %}
<footer> <footer>

@ -1,5 +1,21 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block header %}
<header>
<div class="wrap">
<a href="{{ config.base_url }}" class="logo"><img src="{{ get_url(path="logo.svg") }}" alt="Logo KITTV"></a>
<section>
<nav class="secondary">
{{ macro::nav_list_items(items=config.extra.nav_secondary) }}
</nav>
<nav class="primary">
{{ macro::nav_list_items_recursive(items=config.extra.nav_primary) }}
</nav>
</section>
</div>
</header>
{% endblock header %}
{% block extra %} {% block extra %}
<div class="rambotron"> <div class="rambotron">
<h1>O katedře</h1> <h1>O katedře</h1>

Loading…
Cancel
Save