pedf
/
novinari
Archived
1
0
Fork 0

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

master
Emil Miler 3 years ago
parent 1acd5d6a48
commit 202bd25d58

@ -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);
} }

@ -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);
}

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

@ -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;
}

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