pedf
/
fakulta-online
Archived
1
0
Fork 0
Code Pull Requests Releases Activity

Změna struktury obrázku na pozadí indexu

Browse Source
master
Emil Miler 5 years ago
parent 5691b7dcf3
commit 71f92a89a7
2 changed files with 34 additions and 28 deletions
Show Stats Download Patch File Download Diff File

56
sass/style.scss
Unescape Escape View File

@ -7,10 +7,12 @@ $main-width: 720px;
body {
min-height: 100vh;
margin: 0;
background: url(/body-bg.svg) top center no-repeat #d22d40;
background-size:100% auto;
color: #fff;
font-size: 1.3em;
background: url(/body-bg.svg) #d22d40;
background-position: top center;
background-size: 100% auto;
background-repeat: no-repeat;
a { text-decoration: none; }
}
@ -47,33 +49,37 @@ main {
h2 { font-size: 3em; }
}
main#index {
max-width: $header-width;
display: flex;
align-items: center;
justify-content: space-between;
background: url(/index-bg.png) center center no-repeat;
background-size: contain;
padding: 2em 1em;
body.index {
background-image: url(/index-bg.png), url(/body-bg.svg);
background-position: center center, top center;
background-size: 30em auto, 100% auto;
section, aside { max-width: 35%; }
section{ text-shadow: 0px 3px 8px rgba(0, 0, 0, .35); }
aside {
main {
max-width: $header-width;
display: flex;
flex-direction: column;
align-items: stretch;
align-items: center;
justify-content: space-between;
padding: 2em 1em;
section, aside { max-width: 35%; }
section{ text-shadow: 0px 3px 8px rgba(0, 0, 0, .35); }
aside {
display: flex;
flex-direction: column;
align-items: stretch;
a {
text-align: center;
border: 2px solid #fff;
border-radius: .8em;
margin-bottom: 1.5em;
padding: .6em 1.5em;
color: #fff;
a {
text-align: center;
border: 2px solid #fff;
border-radius: .8em;
margin-bottom: 1.5em;
padding: .6em 1.5em;
color: #fff;
&:hover {
background: #fff;
color: #b52637;
&:hover {
background: #fff;
color: #b52637;
}
}
}
}

6
templates/index.html
Unescape Escape View File

@ -7,15 +7,15 @@
<link rel="stylesheet" href="/style.css" type="text/css">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
</head>
<body>
<body{% if section.permalink == config.base_url %} class="index"{% endif %}>
<nav id="nav">navigace</nav>
<header>
<img src="/logo.png" alt="Logo">
<a href="{{ config.base_url }}"><h1>{{ config.title }}</h1></a>
<span id="menu" onclick="togglevisible('#nav')">Menu</span>
</header>
<main>
{% block content %}
<main id="index">
<section>
<h2>{{ config.title }}</h2>
{{ section.content | safe }}
@ -27,8 +27,8 @@
{% endif %}
{% endfor %}
</aside>
</main>
{% endblock %}
</main>
</body>
<script>
function togglevisible(id){document.querySelector(id).classList.toggle("visible")}