pedf
/
novinari
Archived
1
0
Fork 0
Code Issues 1 Releases Activity

Rozdělení na dvě různé šablony

Browse Source
master
Emil Miler 3 years ago
parent 1acd5d6a48
commit 202bd25d58
5 changed files with 116 additions and 40 deletions
Show Stats Download Patch File Download Diff File

38
templates/style.css → templates/common.css
Unescape Escape View File

@ -17,25 +17,11 @@ html { scroll-behavior: smooth }
body { body {
margin: 0; margin: 0;
line-height: 1.5; line-height: 1.5;
font-family: "roboto-light"; font-family: "roboto-light";
min-height: 100vh;
width: 100vw;
color: #edfbff;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background: linear-gradient(90deg, rgba(210, 120, 80, .95), rgba(250, 60, 70, .95)), url(background.jpg) center center no-repeat;
background-size: cover;
}
a {
text-decoration: none;
color: #fff;
font-weight: bold;
} }
a:hover { text-decoration: underline }
header { header {
display: flex; display: flex;
@ -71,32 +57,8 @@ nav a.special:hover {
color: #dd4733; color: #dd4733;
} }
main {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
main h1 {
font-size: 6em;
font-family: "roboto-black";
margin: .2em;
}
main hr {
width: 5em;
border: 0;
border-top: 1px solid #fff;
}
main p {
max-width: 40em;
text-align: center;
}
footer { footer {
text-align: center; text-align: center;
padding: 2em; padding: 2em;
background-color: rgba(255, 255, 255, .075);
backdrop-filter: blur(5px);
} }

45
templates/index.css
Unescape Escape View File

@ -0,0 +1,45 @@
body {
min-height: 100vh;
width: 100vw;
color: #edfbff;
background: linear-gradient(90deg, rgba(210, 120, 80, .95), rgba(250, 60, 70, .95)), url(background.jpg) center center no-repeat;
background-size: cover;
}
a {
text-decoration: none;
color: #fff;
font-weight: bold;
}
a:hover { text-decoration: underline }
main {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
main h1 {
font-size: 6em;
font-family: "roboto-black";
margin: .2em;
}
main hr {
width: 5em;
border: 0;
border-top: 1px solid #fff;
}
main p {
max-width: 40em;
text-align: center;
}
footer {
background-color: rgba(255, 255, 255, .075);
backdrop-filter: blur(5px);
}

5
templates/index.html
Unescape Escape View File

@ -6,10 +6,11 @@
<title>Novináři</title> <title>Novináři</title>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="common.css">
<link rel="stylesheet" href="index.css">
<link rel="icon" href="favicon.ico"> <link rel="icon" href="favicon.ico">
</head> </head>
<body class="index"> <body>
<header> <header>
<nav> <nav>

31
templates/main.css
Unescape Escape View File

@ -0,0 +1,31 @@
body { min-height: 100vh }
a {
color: #000;
text-decoration: none;
font-weight: bold;
}
a:hover {
text-decoration: underline;
}
main {
flex: 1;
width: var(--width);
margin: 0 auto;
padding: 1em;
}
footer {
color: #fff;
background-color: #000;
}
footer a {
color: #fff;
text-decoration: none;
font-weight: bold;
}
footer a:hover {
text-decoration: underline;
}

37
templates/main.html
Unescape Escape View File

@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Novináři</title>
<link rel="stylesheet" href="common.css">
<link rel="stylesheet" href="main.css">
<link rel="icon" href="favicon.ico">
</head>
<body>
<header>
<h1>Název Projektu</h1>
<nav>
<ul>
<li><a href="">Návod</a></li>
<li><a href="">Kontakt</a></li>
<li><a href="">Můj profil</a></li>
<li><a href="">Odhlásit se</a></li>
</ul>
</nav>
</header>
<main>
<p>Dolorem exercitationem ut aperiam et nemo. Cum unde autem et aspernatur eos distinctio aut. Optio ut aut sapiente delectus qui maiores possimus. Pariatur explicabo modi ipsum repellendus voluptas culpa ut. Itaque ab et tempore et ipsam optio quo.</p>
</main>
<footer>
&copy; 2021 &ndash; Projekt vznikl kolaborací <a href="https://pedf.cuni.cz">PedF UK</a> a <a href="https://www.ped.muni.cz">PedF MUNI</a>
</footer>
</body>
</html>