diff --git a/templates/back.html b/templates/back.html new file mode 100644 index 0000000..2f47a98 --- /dev/null +++ b/templates/back.html @@ -0,0 +1,90 @@ + + + + + + + + +
+ INTERNÍ STUDIUM + ZS + 2021/2022 +
+

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.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
DatumTémaJméno
+
+ + diff --git a/templates/style.css b/templates/style.css index bce0c94..a50f225 100644 --- a/templates/style.css +++ b/templates/style.css @@ -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 */