forked from kittv/web
1
0
Fork 0

Základ hlavičky a navigace

search
Emil Miler 4 years ago
parent 5eced00422
commit e0aae8ade4

@ -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"}
]

@ -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 {

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 18 KiB

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="9.076" height="5.673" version="1.1" id="svg13"><defs id="defs7"><clipPath id="a"><path class="a" transform="translate(415.629 -.457)" id="rect4" d="M0 0h10v10H0z"/></clipPath><style id="style2">.a{fill:#5e81ac}</style></defs><g transform="rotate(90 213.437 -204.356)" clip-path="url(#a)" id="g11"><path class="a" d="M225 1.135L226.156 0l4.517 4.538-4.517 4.538L225 7.942l3.4-3.4z" transform="translate(192.793 .005)" id="path9"/></g></svg>

After

Width:  |  Height:  |  Size: 486 B

@ -12,6 +12,29 @@
</head>
<body>
<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">
{% if config.extra.nav_secondary %}
<ul>
{% for item in config.extra.nav_secondary %}
<li><a href="{{ item.path }}">{{ item.name }}</a></li>
{% endfor %}
</ul>
{% endif %}
</nav>
<nav class="primary">
{% if config.extra.nav_primary %}
<ul>
{% for item in config.extra.nav_primary %}
<li><a href="{{ item.path }}">{{ item.name }}</a></li>
{% endfor %}
</ul>
{% endif %}
</nav>
</section>
</div>
</header>
<main>
{% block content %}{% endblock content %}

Loading…
Cancel
Save