kittv
/
prezgen
Archived
1
0
Fork 0
Code Releases Activity

Back template

Browse Source
master
Emil Miler 3 years ago
parent e8132d858e
commit 1eb06dc6e5
2 changed files with 114 additions and 3 deletions
Show Stats Download Patch File Download Diff File

90
templates/back.html
Unescape Escape View File

@ -0,0 +1,90 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<span>INTERNÍ STUDIUM</span>
<span>ZS</span>
<span>2021/2022</span>
</header>
<p>Svým podpisem v rubrice „PODPIS“ stvrzuji, že jsem byl/a seznámen/a s „Bezpečnostním poučením“ pro předměty IT, s programem kurzu a se studijními povinnostmi.</p>
<div id="wrap">
<table id="days">
<tr>
<th>Datum</th>
<th>Téma</th>
<th>Jméno</th>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</div>
</body>
</html>

27
templates/style.css
Unescape Escape View File

@ -26,6 +26,7 @@ body {
display: flex;
flex-direction: column;
padding: 6mm 6mm 6mm 12mm;
counter-reset: list;
}
header {
@ -45,16 +46,36 @@ table#meta td:nth-child(odd) {
font-style: italic;
}
table#attendance {
table#attendance, table#days {
flex-grow: 1;
width: 100%;
height: 100%;
border-collapse: collapse;
}
table#attendance th,
table#attendance td,
table#days th,
table#days td {
border: 1px solid #000
}
table#attendance {
transform: rotate(180deg); /* Hack for rotating a table by 270 degrees */
writing-mode: vertical-rl; /* and scaling it relatively to page size. */
border-collapse: collapse;
}
table#attendance th, table#attendance td { border: 1px solid #000 }
table#attendance td { min-height: 5mm; width: 8mm; }
table#attendance tr:nth-child(1) {
background-color: #ddd;
}
table#days th { height: 8mm }
table#days th, table#days td {
padding: 2mm 3mm;
}
table#days th:nth-child(2) { width: 55% }
table#days td:nth-child(2):before {
counter-increment: list;
content: counter(list)'.';
}
#wrap { flex-grow: 1 } /* Needed in order to scale the table in the Y axis */