diff --git a/css/latex.css b/css/latex.css index e6ea9f7..50dac8e 100644 --- a/css/latex.css +++ b/css/latex.css @@ -3,13 +3,16 @@ section { min-height: 100vh; width: 100vw; - padding: 0 !important; } + padding: 0 !important; +} * { - line-height: inherit; } + line-height: inherit; +} input { - font-size: inherit; } + font-size: inherit; +} /* config */ :root { @@ -18,378 +21,461 @@ input { --secondary: #bbd6ec; --secondary-dark: #3f5d75; --secondary-light: #eaf2f9; - --margin: 0.1; } - :root:lang(de) { - --opening-double-quote: '»'; - --closing-double-quote: '«'; } - :root:lang(en) { - --opening-double-quote: '“'; - --closing-double-quote: '”'; } + --margin: 0.1; +} +:root:lang(de) { + --opening-double-quote: "»"; + --closing-double-quote: "«"; +} +:root:lang(en) { + --opening-double-quote: "“"; + --closing-double-quote: "”"; +} /* basic layout */ :root { --square: 100vw; - overflow: hidden; } - @media (min-aspect-ratio: 1 / 1) { - :root { - --square: 50vw; } } - @media (min-aspect-ratio: 2 / 1) { - :root { - --square: 100vh; } } + overflow: hidden; +} +@media (min-aspect-ratio: 1/1) { + :root { + --square: 50vw; + } +} +@media (min-aspect-ratio: 2/1) { + :root { + --square: 100vh; + } +} body { - font-size: calc(0.035 * var(--square)); } - body article { - position: relative; } - body .layout-content-and-preview, - body .layout-content-only, - body .layout-preview-only, - body .layout-wide-content { - display: grid; - min-height: 100vh; - max-height: 100vh; - min-width: 100vw; - max-width: 100vw; - overflow: auto; } + font-size: calc(0.035 * var(--square)); +} +body article { + position: relative; +} +body .layout-content-and-preview, +body .layout-content-only, +body .layout-preview-only, +body .layout-wide-content { + display: grid; + min-height: 100vh; + max-height: 100vh; + min-width: 100vw; + max-width: 100vw; + overflow: auto; +} +body .layout-content-and-preview { + grid-template-rows: var(--square) auto; + grid-template-columns: auto; + grid-template-areas: "content" "preview"; + background: linear-gradient(to bottom, var(--background, white) 0%, var(--background, white) var(--square), var(--secondary) var(--square), var(--secondary) var(--square)); +} +@media (min-aspect-ratio: 1/1) { body .layout-content-and-preview { - grid-template-rows: var(--square) auto; - grid-template-columns: auto; - grid-template-areas: "content" "preview"; - background: linear-gradient(to bottom, white 0%, white var(--square), var(--secondary) var(--square), var(--secondary) var(--square)); } - @media (min-aspect-ratio: 1 / 1) { - body .layout-content-and-preview { - grid-template-rows: auto var(--square) auto; - grid-template-columns: var(--square) auto; - grid-template-areas: " . preview" "content preview" " . preview"; - background: linear-gradient(to right, white 0%, white var(--square), var(--secondary) var(--square), var(--secondary) 100%); } } - @media (min-aspect-ratio: 2 / 1) { - body .layout-content-and-preview { - grid-template-rows: var(--square); - grid-template-columns: var(--square) auto; - grid-template-areas: "content preview"; } } + grid-template-rows: auto var(--square) auto; + grid-template-columns: var(--square) auto; + grid-template-areas: " . preview" "content preview" " . preview"; + background: linear-gradient(to right, var(--background, white) 0%, var(--background, white) var(--square), var(--secondary) var(--square), var(--secondary) 100%); + } +} +@media (min-aspect-ratio: 2/1) { + body .layout-content-and-preview { + grid-template-rows: var(--square); + grid-template-columns: var(--square) auto; + grid-template-areas: "content preview"; + } +} +body .layout-content-only { + grid-template-rows: var(--square) auto; + grid-template-columns: var(--square); + grid-template-areas: "content" " . "; + background: linear-gradient(to bottom, var(--background, white) 0%, var(--background, white) var(--square), var(--secondary) var(--square), var(--secondary) 100%); +} +@media (min-aspect-ratio: 1/1) { body .layout-content-only { - grid-template-rows: var(--square) auto; - grid-template-columns: var(--square); - grid-template-areas: "content" " . "; - background: linear-gradient(to bottom, white 0%, white var(--square), var(--secondary) var(--square), var(--secondary) 100%); } - @media (min-aspect-ratio: 1 / 1) { - body .layout-content-only { - grid-template-rows: auto var(--square) auto; - grid-template-columns: auto var(--square) auto; - grid-template-areas: ". . ." ". content ." ". . ."; - background: linear-gradient(to right, var(--secondary) 0%, var(--secondary) calc((100% - var(--square)) / 2), white calc((100% - var(--square)) / 2), white calc(100% - (100% - var(--square)) / 2), var(--secondary) calc(100% - (100% - var(--square)) / 2), var(--secondary) 100%); } } - body .layout-preview-only { - grid-template-rows: auto; - grid-template-columns: auto; - grid-template-areas: "preview"; - background: var(--secondary); } + grid-template-rows: auto var(--square) auto; + grid-template-columns: auto var(--square) auto; + grid-template-areas: ". . ." ". content ." ". . ."; + background: linear-gradient(to right, var(--secondary) 0%, var(--secondary) calc((100% - var(--square)) / 2), var(--background, white) calc((100% - var(--square)) / 2), var(--background, white) calc(100% - (100% - var(--square)) / 2), var(--secondary) calc(100% - (100% - var(--square)) / 2), var(--secondary) 100%); + } +} +body .layout-preview-only { + grid-template-rows: auto; + grid-template-columns: auto; + grid-template-areas: "preview"; + background: var(--secondary); +} +body .layout-wide-content { + background: var(--background, white); + grid-template-rows: min-content auto; + grid-template-columns: var(--square); + grid-template-areas: "content" " . "; +} +@media (min-aspect-ratio: 1/1) { body .layout-wide-content { - background: white; - grid-template-rows: min-content auto; - grid-template-columns: var(--square); - grid-template-areas: "content" " . "; } - @media (min-aspect-ratio: 1 / 1) { - body .layout-wide-content { - grid-template-rows: auto var(--square) auto; - grid-template-columns: calc(2 * var(--square)); - grid-template-areas: " . " "content" " . "; } } - @media (min-aspect-ratio: 2 / 1) { - body .layout-wide-content { - grid-template-rows: auto var(--square) auto; - grid-template-columns: auto calc(2 * var(--square)) auto; - grid-template-areas: ". . ." ". content ." ". . ."; - background: linear-gradient(to right, var(--secondary) 0%, var(--secondary) calc((100% - 2 * var(--square)) / 2), white calc((100% - 2 * var(--square)) / 2), white calc(100% - (100% - 2 * var(--square)) / 2), var(--secondary) calc(100% - (100% - 2 * var(--square)) / 2), var(--secondary) 100%); } } - body .layout-content { - background: white; - grid-area: content; - position: relative; } - body .layout-content .chapter-number { - color: lightgray; } - body .layout-content.titlepage { - display: flex; - flex-direction: column; - justify-content: flex-end; - padding-bottom: calc(var(--margin) * var(--square) + 0.5 * 3em); } - body .layout-content.titlepage::before { - content: ''; - position: absolute; - top: calc(var(--margin) * var(--square)); - right: calc(var(--margin) * var(--square)); - width: calc(.3 * var(--square)); - height: calc(.3 * var(--square)); - background-image: url(../images/logo-fachschaft.jpg); - background-repeat: no-repeat; - background-size: contain; } - body .layout-preview { - grid-area: preview; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - background: var(--secondary); - position: relative; } - body .layout-preview figure { - display: contents; } - body .layout-preview img { - width: auto; - height: auto; - max-width: calc(.9 * var(--square)); - max-height: calc(.9 * var(--square)); - box-shadow: 0.2em 0.2em 0.5em 0 rgba(0, 0, 0, 0.3); - object-fit: cover; - margin: calc(.05 * var(--square)); - background-color: white; - box-sizing: border-box; } - body .layout-preview img.thin-padding { - padding: .5em; } - body .layout-preview img.large { - width: 60%; - max-width: 100%; - max-height: 100%; - box-sizing: border-box; } - body .layout-preview img[src$="-crop.svg"] { - padding: calc(var(--margin) * var(--square)); - object-fit: contain; - width: calc(0.9 * var(--square)); } - body .layout-preview img[src$="-crop.svg"].thin-padding { - padding: calc(.35 * var(--margin) * var(--square)); } - body .layout-preview img[src$="-orig.svg"] { - background: white; - object-fit: contain; } - body .layout-preview figcaption { - position: absolute; - background: rgba(0, 0, 0, 0.5); - bottom: 0; - width: 100%; - text-align: center; - color: white; - padding: .5em; - box-sizing: border-box; } + grid-template-rows: auto var(--square) auto; + grid-template-columns: calc(2 * var(--square)); + grid-template-areas: " . " "content" " . "; + } +} +@media (min-aspect-ratio: 2/1) { + body .layout-wide-content { + grid-template-rows: auto var(--square) auto; + grid-template-columns: auto calc(2 * var(--square)) auto; + grid-template-areas: ". . ." ". content ." ". . ."; + background: linear-gradient(to right, var(--secondary) 0%, var(--secondary) calc((100% - 2 * var(--square)) / 2), var(--background, white) calc((100% - 2 * var(--square)) / 2), var(--background, white) calc(100% - (100% - 2 * var(--square)) / 2), var(--secondary) calc(100% - (100% - 2 * var(--square)) / 2), var(--secondary) 100%); + } +} +body .layout-content { + background: var(--background, white); + grid-area: content; + position: relative; +} +body .layout-content .chapter-number { + color: lightgray; +} +body .layout-content.titlepage { + display: flex; + flex-direction: column; + justify-content: flex-end; + padding-bottom: calc(var(--margin) * var(--square) + 1.5em); +} +body .layout-content.titlepage::before { + content: ""; + position: absolute; + top: calc(var(--margin) * var(--square)); + right: calc(var(--margin) * var(--square)); + width: calc(0.3 * var(--square)); + height: calc(0.3 * var(--square)); + background-image: url(../images/logo-fachschaft.jpg); + background-repeat: no-repeat; + background-size: contain; +} +body .layout-preview { + grid-area: preview; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + background: var(--secondary); + position: relative; +} +body .layout-preview figure { + display: contents; +} +body .layout-preview img { + width: auto; + height: auto; + max-width: calc(0.9 * var(--square)); + max-height: calc(0.9 * var(--square)); + box-shadow: 0.2em 0.2em 0.5em 0 rgba(0, 0, 0, 0.3); + object-fit: cover; + margin: calc(0.05 * var(--square)); + background-color: var(--background, white); + box-sizing: border-box; +} +body .layout-preview img.thin-padding { + padding: 0.5em; +} +body .layout-preview img.large { + width: 60%; + max-width: 100%; + max-height: 100%; + box-sizing: border-box; +} +body .layout-preview img[src$="-crop.svg"] { + padding: calc(var(--margin) * var(--square)); + object-fit: contain; + width: calc(0.9 * var(--square)); +} +body .layout-preview img[src$="-crop.svg"].thin-padding { + padding: calc(0.35 * var(--margin) * var(--square)); +} +body .layout-preview img[src$="-orig.svg"] { + background: var(--background, white); + object-fit: contain; +} +body .layout-preview figcaption { + position: absolute; + background: rgba(0, 0, 0, 0.5); + bottom: 0; + width: 100%; + text-align: center; + color: var(--background, white); + padding: 0.5em; + box-sizing: border-box; +} +body .layout-two-columns { + display: grid; + min-height: 100vh; + max-height: 100vh; + min-width: 100vw; + max-width: 100vw; + overflow: auto; + grid-template-rows: auto auto auto 1fr; + grid-template-columns: var(--square); + grid-template-areas: "title" "column1" "column2" "."; + background: var(--secondary); +} +@media (min-aspect-ratio: 1/1) { body .layout-two-columns { - display: grid; - min-height: 100vh; - max-height: 100vh; - min-width: 100vw; - max-width: 100vw; - overflow: auto; - grid-template-rows: auto auto auto 1fr; - grid-template-columns: var(--square); - grid-template-areas: "title" "column1" "column2" "."; - background: var(--secondary); } - @media (min-aspect-ratio: 1 / 1) { - body .layout-two-columns { - grid-template-rows: auto calc(0.18 * var(--square)) calc(0.82 * var(--square)) auto; - grid-template-columns: var(--square) var(--square); - grid-template-areas: " . . " " title title " "column1 column2" " . . "; } } - @media (min-aspect-ratio: 2 / 1) { - body .layout-two-columns { - grid-template-rows: calc(0.18 * var(--square)) calc(0.82 * var(--square)); - grid-template-columns: auto var(--square) var(--square) auto; - grid-template-areas: ". title title ." ". column1 column2 ."; } } - body .layout-two-columns .layout-title { - grid-area: title; - background: var(--secondary); } - body .layout-two-columns .layout-column-one { - grid-area: column1; - background: white; } - body .layout-two-columns .layout-column-two { - grid-area: column2; - background: white; } + grid-template-rows: auto calc(0.18 * var(--square)) calc(0.82 * var(--square)) auto; + grid-template-columns: var(--square) var(--square); + grid-template-areas: " . . " " title title " "column1 column2" " . . "; + } +} +@media (min-aspect-ratio: 2/1) { + body .layout-two-columns { + grid-template-rows: calc(0.18 * var(--square)) calc(0.82 * var(--square)); + grid-template-columns: auto var(--square) var(--square) auto; + grid-template-areas: ". title title ." ". column1 column2 ."; + } +} +body .layout-two-columns .layout-title { + grid-area: title; + background: var(--secondary); +} +body .layout-two-columns .layout-column-one { + grid-area: column1; + background: var(--background, white); +} +body .layout-two-columns .layout-column-two { + grid-area: column2; + background: var(--background, white); +} +body .layout-two-previews { + display: grid; + min-height: 100vh; + max-height: 100vh; + min-width: 100vw; + max-width: 100vw; + overflow: auto; + grid-template-rows: auto auto; + grid-template-columns: auto; + background: var(--secondary); +} +@media (min-aspect-ratio: 1/1) { body .layout-two-previews { - display: grid; - min-height: 100vh; - max-height: 100vh; - min-width: 100vw; - max-width: 100vw; - overflow: auto; - grid-template-rows: auto auto; - grid-template-columns: auto; - background: var(--secondary); } - @media (min-aspect-ratio: 1 / 1) { - body .layout-two-previews { - grid-template-rows: 100vh; - grid-template-columns: 50vw 50vw; - grid-template-areas: "preview preview"; } } - body .layout-two-previews .layout-preview { - grid-area: auto; } + grid-template-rows: 100vh; + grid-template-columns: 50vw 50vw; + grid-template-areas: "preview preview"; + } +} +body .layout-two-previews .layout-preview { + grid-area: auto; +} /* content layout */ @font-face { - font-family: 'Fira Sans'; + font-family: "Fira Sans"; src: url("../lib/font/fira-sans/FiraSans-Regular.ttf"); - font-weight: 400; } + font-weight: 400; +} @font-face { - font-family: 'Fira Sans'; + font-family: "Fira Sans"; src: url("../lib/font/fira-sans/FiraSans-Bold.ttf"); - font-weight: 700; } + font-weight: 700; +} @font-face { - font-family: 'Fira Code'; + font-family: "Fira Code"; src: url("../lib/font/fira-code/FiraCode-Regular.otf"); - font-weight: 400; } + font-weight: 400; +} @font-face { - font-family: 'Fira Code'; + font-family: "Fira Code"; src: url("../lib/font/fira-code/FiraCode-Bold.otf"); - font-weight: 700; } + font-weight: 700; +} @font-face { - font-family: 'EB Garamond'; + font-family: "EB Garamond"; src: url("../lib/font/eb-garamond/EBGaramond-Regular.ttf"); - font-weight: 400; } + font-weight: 400; +} body { - font-family: 'Fira Sans'; + font-family: "Fira Sans"; margin: 0; - line-height: 1.2em; } + line-height: 1.2em; +} .layout-content-and-preview .layout-content, .layout-content-only .layout-content, .layout-wide-content .layout-content { overflow: visible; - padding: calc(var(--margin) * var(--square)); } - .layout-content-and-preview .layout-content *:first-child, - .layout-content-only .layout-content *:first-child, - .layout-wide-content .layout-content *:first-child { - margin-top: 0; } - .layout-content-and-preview .layout-content .layout-title, - .layout-content-only .layout-content .layout-title, - .layout-wide-content .layout-content .layout-title { - padding: calc(0.3 * var(--margin) * var(--square)) 0; - line-height: 1.15em; } - .layout-content-and-preview .layout-content .layout-title h2, - .layout-content-only .layout-content .layout-title h2, - .layout-wide-content .layout-content .layout-title h2 { - margin: 0; - line-height: 1.15em; } - .layout-content-and-preview .layout-content ul, .layout-content-and-preview .layout-content ol, - .layout-content-only .layout-content ul, - .layout-content-only .layout-content ol, - .layout-wide-content .layout-content ul, - .layout-wide-content .layout-content ol { - list-style-type: none; - padding-left: 0; - position: relative; } - .layout-content-and-preview .layout-content ul li::before, .layout-content-and-preview .layout-content ol li::before, - .layout-content-only .layout-content ul li::before, - .layout-content-only .layout-content ol li::before, - .layout-wide-content .layout-content ul li::before, - .layout-wide-content .layout-content ol li::before { - content: '▪'; - color: var(--secondary); - position: absolute; - left: calc(-0.33 * var(--margin) * var(--square)); } - .layout-content-and-preview .layout-content ul ul, .layout-content-and-preview .layout-content ul ol, .layout-content-and-preview .layout-content ol ul, .layout-content-and-preview .layout-content ol ol, - .layout-content-only .layout-content ul ul, - .layout-content-only .layout-content ul ol, - .layout-content-only .layout-content ol ul, - .layout-content-only .layout-content ol ol, - .layout-wide-content .layout-content ul ul, - .layout-wide-content .layout-content ul ol, - .layout-wide-content .layout-content ol ul, - .layout-wide-content .layout-content ol ol { - margin-left: calc(0.33 * var(--margin) * var(--square)); } - .layout-content-and-preview .layout-content ol, - .layout-content-only .layout-content ol, - .layout-wide-content .layout-content ol { - counter-reset: ol-counter; } - .layout-content-and-preview .layout-content ol li::before, - .layout-content-only .layout-content ol li::before, - .layout-wide-content .layout-content ol li::before { - counter-increment: ol-counter; - content: counter(ol-counter) "."; - color: var(--secondary-dark); - left: calc(-0.36 * var(--margin) * var(--square)); } - .layout-content-and-preview .layout-content pre, - .layout-content-only .layout-content pre, - .layout-wide-content .layout-content pre { - margin-left: calc(-1 * var(--margin) * var(--square)); - padding-left: calc(var(--margin) * var(--square)); - line-height: 1.2em; - position: relative; - overflow: hidden; } - .layout-content-and-preview .layout-content pre::before, - .layout-content-only .layout-content pre::before, - .layout-wide-content .layout-content pre::before { - content: attr(data-sourcefile); - position: absolute; - text-align: right; - color: var(--secondary); - top: .85em; - width: 100%; - left: calc(-1 * var(--square) + 1.2 * var(--margin) * var(--square)); - transform-origin: top right; - transform: rotate(-90deg); } - .layout-content-and-preview .layout-content pre code, - .layout-content-only .layout-content pre code, - .layout-wide-content .layout-content pre code { - padding: .3em 0; } - .layout-content-and-preview .layout-content code, - .layout-content-only .layout-content code, - .layout-wide-content .layout-content code { - font-size: 0.9em; - font-family: 'Fira Code'; } + padding: calc(var(--margin) * var(--square)); +} +.layout-content-and-preview .layout-content *:first-child, +.layout-content-only .layout-content *:first-child, +.layout-wide-content .layout-content *:first-child { + margin-top: 0; +} +.layout-content-and-preview .layout-content .layout-title, +.layout-content-only .layout-content .layout-title, +.layout-wide-content .layout-content .layout-title { + padding: calc(0.3 * var(--margin) * var(--square)) 0; + line-height: 1.15em; +} +.layout-content-and-preview .layout-content .layout-title h2, +.layout-content-only .layout-content .layout-title h2, +.layout-wide-content .layout-content .layout-title h2 { + margin: 0; + line-height: 1.15em; +} +.layout-content-and-preview .layout-content ul, .layout-content-and-preview .layout-content ol, +.layout-content-only .layout-content ul, +.layout-content-only .layout-content ol, +.layout-wide-content .layout-content ul, +.layout-wide-content .layout-content ol { + list-style-type: none; + padding-left: 0; + position: relative; +} +.layout-content-and-preview .layout-content ul li::before, .layout-content-and-preview .layout-content ol li::before, +.layout-content-only .layout-content ul li::before, +.layout-content-only .layout-content ol li::before, +.layout-wide-content .layout-content ul li::before, +.layout-wide-content .layout-content ol li::before { + content: "▪"; + color: var(--secondary); + position: absolute; + left: calc(-0.33 * var(--margin) * var(--square)); +} +.layout-content-and-preview .layout-content ul ul, .layout-content-and-preview .layout-content ul ol, .layout-content-and-preview .layout-content ol ul, .layout-content-and-preview .layout-content ol ol, +.layout-content-only .layout-content ul ul, +.layout-content-only .layout-content ul ol, +.layout-content-only .layout-content ol ul, +.layout-content-only .layout-content ol ol, +.layout-wide-content .layout-content ul ul, +.layout-wide-content .layout-content ul ol, +.layout-wide-content .layout-content ol ul, +.layout-wide-content .layout-content ol ol { + margin-left: calc(0.33 * var(--margin) * var(--square)); +} +.layout-content-and-preview .layout-content ol, +.layout-content-only .layout-content ol, +.layout-wide-content .layout-content ol { + counter-reset: ol-counter; +} +.layout-content-and-preview .layout-content ol li::before, +.layout-content-only .layout-content ol li::before, +.layout-wide-content .layout-content ol li::before { + counter-increment: ol-counter; + content: counter(ol-counter) "."; + color: var(--secondary-dark); + left: calc(-0.36 * var(--margin) * var(--square)); +} +.layout-content-and-preview .layout-content pre, +.layout-content-only .layout-content pre, +.layout-wide-content .layout-content pre { + margin-left: calc(-1 * var(--margin) * var(--square)); + padding-left: calc(var(--margin) * var(--square)); + line-height: 1.2em; + position: relative; + overflow: hidden; +} +.layout-content-and-preview .layout-content pre::before, +.layout-content-only .layout-content pre::before, +.layout-wide-content .layout-content pre::before { + content: attr(data-sourcefile); + position: absolute; + text-align: right; + color: var(--secondary); + top: 0.85em; + width: 100%; + left: calc(-1 * var(--square) + 1.2 * var(--margin) * var(--square)); + transform-origin: top right; + transform: rotate(-90deg); +} +.layout-content-and-preview .layout-content pre code, +.layout-content-only .layout-content pre code, +.layout-wide-content .layout-content pre code { + padding: 0.3em 0; +} +.layout-content-and-preview .layout-content code, +.layout-content-only .layout-content code, +.layout-wide-content .layout-content code { + font-size: 0.9em; + font-family: "Fira Code"; +} .layout-two-columns .layout-title { - padding: calc(0.3 * var(--margin) * var(--square)) calc(var(--margin) * var(--square)); } - .layout-two-columns .layout-title h2 { - line-height: 1.15em; } + padding: calc(0.3 * var(--margin) * var(--square)) calc(var(--margin) * var(--square)); +} +.layout-two-columns .layout-title h2 { + line-height: 1.15em; +} .layout-two-columns .layout-column-one, .layout-two-columns .layout-column-two { padding: calc(var(--margin) * var(--square)); - padding-top: calc(var(--margin) * var(--square)); } - .layout-two-columns .layout-column-one *:first-child, - .layout-two-columns .layout-column-two *:first-child { - margin-top: 0; } - .layout-two-columns .layout-column-one ul, - .layout-two-columns .layout-column-two ul { - list-style-type: none; - padding-left: 0; - position: relative; } - .layout-two-columns .layout-column-one ul li::before, - .layout-two-columns .layout-column-two ul li::before { - content: '▪'; - color: var(--secondary); - position: absolute; - left: calc(-0.33 * var(--margin) * var(--square)); } - .layout-two-columns .layout-column-one ul ul, - .layout-two-columns .layout-column-two ul ul { - margin-left: calc(0.33 * var(--margin) * var(--square)); } - .layout-two-columns .layout-column-one pre, - .layout-two-columns .layout-column-two pre { - margin: 0 calc(-1 * var(--margin) * var(--square)); - line-height: 1.2em; - position: relative; - overflow: hidden; } - .layout-two-columns .layout-column-one pre::before, - .layout-two-columns .layout-column-two pre::before { - content: attr(data-sourcefile); - position: absolute; - text-align: right; - color: var(--secondary); - top: .85em; - width: 100%; - left: calc(-1 * var(--square) + 1.2 * var(--margin) * var(--square)); - transform-origin: top right; - transform: rotate(-90deg); } - .layout-two-columns .layout-column-one pre code, - .layout-two-columns .layout-column-two pre code { - padding: 0.3em calc(var(--margin) * var(--square)); } - .layout-two-columns .layout-column-one code, - .layout-two-columns .layout-column-two code { - font-size: 0.9em; - font-family: 'Fira Code'; } + padding-top: calc(var(--margin) * var(--square)); +} +.layout-two-columns .layout-column-one *:first-child, +.layout-two-columns .layout-column-two *:first-child { + margin-top: 0; +} +.layout-two-columns .layout-column-one ul, +.layout-two-columns .layout-column-two ul { + list-style-type: none; + padding-left: 0; + position: relative; +} +.layout-two-columns .layout-column-one ul li::before, +.layout-two-columns .layout-column-two ul li::before { + content: "▪"; + color: var(--secondary); + position: absolute; + left: calc(-0.33 * var(--margin) * var(--square)); +} +.layout-two-columns .layout-column-one ul ul, +.layout-two-columns .layout-column-two ul ul { + margin-left: calc(0.33 * var(--margin) * var(--square)); +} +.layout-two-columns .layout-column-one pre, +.layout-two-columns .layout-column-two pre { + margin: 0 calc(-1 * var(--margin) * var(--square)); + line-height: 1.2em; + position: relative; + overflow: hidden; +} +.layout-two-columns .layout-column-one pre::before, +.layout-two-columns .layout-column-two pre::before { + content: attr(data-sourcefile); + position: absolute; + text-align: right; + color: var(--secondary); + top: 0.85em; + width: 100%; + left: calc(-1 * var(--square) + 1.2 * var(--margin) * var(--square)); + transform-origin: top right; + transform: rotate(-90deg); +} +.layout-two-columns .layout-column-one pre code, +.layout-two-columns .layout-column-two pre code { + padding: 0.3em calc(var(--margin) * var(--square)); +} +.layout-two-columns .layout-column-one code, +.layout-two-columns .layout-column-two code { + font-size: 0.9em; + font-family: "Fira Code"; +} .layout.layout-chapter-heading { height: 100vh; width: 100vw; - position: relative; } - .layout.layout-chapter-heading .layout-title { - position: absolute; - left: 2vw; - width: calc(100vw - 4vw); - text-align: center; - bottom: calc(38.2% - .5em); } + position: relative; +} +.layout.layout-chapter-heading .layout-title { + position: absolute; + left: 2vw; + width: 96vw; + text-align: center; + bottom: calc(38.2% - 0.5em); +} h1 { font-size: 300%; - max-width: var(--square); } + max-width: var(--square); +} :not(.titlepage) > h1 { position: absolute; @@ -397,36 +483,41 @@ h1 { left: 0; line-height: 115%; vertical-align: bottom; - padding: 0 calc(var(--margin) * var(--square)) 0.5em; } + padding: 0 calc(var(--margin) * var(--square)) 0.5em; +} .titlepage > h1 { line-height: 100%; - margin-bottom: 3rem; } + margin-bottom: 3rem; +} h2 { - line-height: 1.2; } + line-height: 1.2; +} p[data-category]::before, h2[data-category]::before, h3[data-category]::before { content: attr(data-category); - font-size: .7em; + font-size: 0.7em; font-variant: small-caps; text-transform: lowercase; background: black; - color: white; - padding: .1em .5em; + color: var(--background, white); + padding: 0.1em 0.5em; display: inline-block; vertical-align: baseline; - letter-spacing: .1em; + letter-spacing: 0.1em; position: relative; margin-left: calc(-1 * var(--margin) * var(--square)); padding-left: calc(var(--margin) * var(--square)); - margin-right: .5em; } + margin-right: 0.5em; +} h2[data-category=Aufgabe]::before, h2[data-category=Task]::before { - content: attr(data-category) " " attr(data-task); } + content: attr(data-category) " " attr(data-task); +} .layout-content-only h2[data-category=Aufgabe]::after, .layout-content-only h2[data-category=Task]::after, @@ -438,93 +529,113 @@ h2[data-category=Task]::before { right: 0; bottom: 0; left: 0; - text-indent: calc(-.16 * var(--square)); + text-indent: calc(-0.16 * var(--square)); font-size: calc(1.2 * var(--square)); overflow: hidden; text-align: right; white-space: nowrap; direction: rtl; word-spacing: 1000%; - opacity: .2; } - @media (min-aspect-ratio: 1 / 1) and (max-aspect-ratio: 2 / 1) { - .layout-content-only h2[data-category=Aufgabe]::after, - .layout-content-only h2[data-category=Task]::after, - .layout-wide-content h2[data-category=Aufgabe]::after, - .layout-wide-content h2[data-category=Task]::after { - --versatz: calc((100vh - var(--square)) / 2); - top: var(--versatz); - bottom: calc(-1 * var(--versatz)); } } + opacity: 0.2; +} +@media (min-aspect-ratio: 1/1) and (max-aspect-ratio: 2/1) { + .layout-content-only h2[data-category=Aufgabe]::after, +.layout-content-only h2[data-category=Task]::after, +.layout-wide-content h2[data-category=Aufgabe]::after, +.layout-wide-content h2[data-category=Task]::after { + --versatz: calc((100vh - var(--square)) / 2); + top: var(--versatz); + bottom: calc(-1 * var(--versatz)); + } +} .layout-content-only h2.task-without-number::after, .layout-content-only h2.task-without-number::after, .layout-wide-content h2.task-without-number::after, .layout-wide-content h2.task-without-number::after { - display: none; } + display: none; +} img { width: auto; - max-width: 100%; } + max-width: 100%; +} table { font-size: inherit; width: calc(var(--square) - var(--margin) * var(--square)); margin-left: calc(-1 * var(--margin) * var(--square)); - border-spacing: 0; } - table tr:nth-child(2n-1) { - background: var(--secondary); } - table tr > *:first-child { - padding-left: calc(var(--margin) * var(--square)); } - table th, table td { - text-align: left; - vertical-align: top; - padding: .3em; - padding-left: 0; } - table th:last-child, table td:last-child { - padding-right: .1em; } + border-spacing: 0; +} +table tr:nth-child(2n-1) { + background: var(--secondary); +} +table tr > *:first-child { + padding-left: calc(var(--margin) * var(--square)); +} +table th, table td { + text-align: left; + vertical-align: top; + padding: 0.3em; + padding-left: 0; +} +table th:last-child, table td:last-child { + padding-right: 0.1em; +} .layout-content-only table { border-spacing: 0; margin-left: 0; width: 100%; - box-sizing: border-box; } - .layout-content-only table tr > *:first-child { - padding-left: .3rem; - padding-right: .3rem; } + box-sizing: border-box; +} +.layout-content-only table tr > *:first-child { + padding-left: 0.3rem; + padding-right: 0.3rem; +} .box { margin-left: calc(-1 * var(--margin) * var(--square)); - padding: 0.8em 0.1em 0.1em calc(var(--margin) * var(--square)); } + padding: 0.8em 0.1em 0.1em calc(var(--margin) * var(--square)); +} .box.warning { - background: var(--primary); } + background: var(--primary); +} blockquote { color: var(--secondary-dark); position: relative; padding-bottom: 1.8em; margin-left: 0; - margin-right: 0; } - blockquote p:first-of-type { - /* probably bungle, but works for one
inside
*/ - display: contents; } - blockquote p:first-of-type::after { - content: " " var(--closing-double-quote); } - blockquote::before { - content: var(--opening-double-quote) " "; - color: var(--secondary-dark); - position: absolute; - display: inline-block; - right: 100%; } - blockquote cite { - position: absolute; - bottom: 0.6em; - left: calc(0.4 * var(--square)); - width: calc(0.4 * var(--square)); } - blockquote cite::before { - content: "— "; } + margin-right: 0; +} +blockquote p:first-of-type { /* probably bungle, but works for oneinside
*/ + display: contents; +} +blockquote p:first-of-type::after { + content: " " var(--closing-double-quote); +} +blockquote::before { + content: var(--opening-double-quote) " "; + color: var(--secondary-dark); + position: absolute; + display: inline-block; + right: 100%; +} +blockquote cite { + position: absolute; + bottom: 0.6em; + left: calc(0.4 * var(--square)); + width: calc(0.4 * var(--square)); +} +blockquote cite::before { + content: "— "; +} .layout-content figure { - margin: 0 1em 1em 0; } + margin: 0 1em 1em 0; +} .bubble { display: inline-block; @@ -535,28 +646,32 @@ blockquote { border: 0.1em solid var(--primary-dark); background: var(--primary); text-align: center; - border-radius: 1em; } - .bubble::before { - content: ''; - width: 0; - height: 0; - position: absolute; - border: .5em solid transparent; - border-top-color: var(--primary-dark); - bottom: -1em; - left: calc(50% - .5em); } - .bubble::after { - content: ''; - width: 0; - height: 0; - position: absolute; - border: .5em solid transparent; - border-top-color: var(--primary); - bottom: -0.87em; - left: calc(50% - .5em); } + border-radius: 1em; +} +.bubble::before { + content: ""; + width: 0; + height: 0; + position: absolute; + border: 0.5em solid transparent; + border-top-color: var(--primary-dark); + bottom: -1em; + left: calc(50% - 0.5em); +} +.bubble::after { + content: ""; + width: 0; + height: 0; + position: absolute; + border: 0.5em solid transparent; + border-top-color: var(--primary); + bottom: -0.87em; + left: calc(50% - 0.5em); +} section > h1, section > h2, section > h3, section > p, section > ul { - background: var(--primary); } + background: var(--primary); +} /* * Keyboard Shortcut Styling @@ -568,17 +683,20 @@ kbd { display: inline-block; border: 1px solid dimgray; border-width: 1px 5px 5px 1px; - padding: .2rem .5rem; } + padding: 0.2rem 0.5rem; +} /* * Emoji Fonts * ============ */ @font-face { - font-family: 'Twemoji'; - src: url("../lib/font/twemoji/TwitterColorEmoji-SVGinOT.ttf"); } + font-family: "Twemoji"; + src: url("../lib/font/twemoji/TwitterColorEmoji-SVGinOT.ttf"); +} .emoji { - font-family: "Twemoji"; } + font-family: "Twemoji"; +} /* * Links @@ -589,35 +707,42 @@ p a:link, p a:hover, p a:active, p a:visited, li a:link, li a:hover, li a:active color: var(--secondary-dark); font-weight: bold; position: relative; - z-index: 1; } - p a:link::before, p a:hover::before, p a:active::before, p a:visited::before, li a:link::before, li a:hover::before, li a:active::before, li a:visited::before, h2 a:link::before, h2 a:hover::before, h2 a:active::before, h2 a:visited::before, td a:link::before, td a:hover::before, td a:active::before, td a:visited::before, figcaption a:link::before, figcaption a:hover::before, figcaption a:active::before, figcaption a:visited::before, div a:link::before, div a:hover::before, div a:active::before, div a:visited::before { - content: ''; - position: absolute; - width: 102%; - height: 0; - background-color: var(--secondary-light); - z-index: -1; - bottom: -5%; - left: -1%; - transition: .2s height ease; } + z-index: 1; +} +p a:link::before, p a:hover::before, p a:active::before, p a:visited::before, li a:link::before, li a:hover::before, li a:active::before, li a:visited::before, h2 a:link::before, h2 a:hover::before, h2 a:active::before, h2 a:visited::before, td a:link::before, td a:hover::before, td a:active::before, td a:visited::before, figcaption a:link::before, figcaption a:hover::before, figcaption a:active::before, figcaption a:visited::before, div a:link::before, div a:hover::before, div a:active::before, div a:visited::before { + content: ""; + position: absolute; + width: 102%; + height: 0; + background-color: var(--secondary-light); + z-index: -1; + bottom: -5%; + left: -1%; + transition: 0.2s height ease; +} p a:hover::before, li a:hover::before, h2 a:hover::before, td a:hover::before, figcaption a:hover::before, div a:hover::before { - height: 110%; } + height: 110%; +} figcaption a:not(.dark-font):link, figcaption a:not(.dark-font):hover, figcaption a:not(.dark-font):active, figcaption a:not(.dark-font):visited { - color: white; } - figcaption a:not(.dark-font):link::before, figcaption a:not(.dark-font):hover::before, figcaption a:not(.dark-font):active::before, figcaption a:not(.dark-font):visited::before { - background-color: var(--secondary-dark); } + color: var(--background, white); +} +figcaption a:not(.dark-font):link::before, figcaption a:not(.dark-font):hover::before, figcaption a:not(.dark-font):active::before, figcaption a:not(.dark-font):visited::before { + background-color: var(--secondary-dark); +} /* * Code Listings * ============= */ pre.small-text { - font-size: 80%; } + font-size: 80%; +} pre.scroll-one-half { - max-height: calc(.5 * var(--square)); - overflow: auto !important; } + max-height: calc(0.5 * var(--square)); + overflow: auto !important; +} /* * Fragments @@ -625,10 +750,12 @@ pre.scroll-one-half { */ .fragment { opacity: 0; - transition: .3s opacity ease-in-out; } + transition: 0.3s opacity ease-in-out; +} .fragment.visible { - opacity: 1; } + opacity: 1; +} /* * Topic List @@ -636,21 +763,26 @@ pre.scroll-one-half { */ .topic-list { box-shadow: 0 0px 50px rgba(0, 0, 0, 0.3); - z-index: 500; } - .topic-list .topic-list-search { - display: block; - width: 100%; - border: none; - padding: .5rem; - margin-bottom: 1rem; - border-bottom: 1px solid var(--secondary); - text-align: center; } - .topic-list .topic-link { - font-weight: normal; } - .topic-list .topic-link.active-topic-link { - font-weight: bold; } - .topic-list .topic-link.not-matching-search-terms { - opacity: .2; } + z-index: 500; +} +.topic-list .topic-list-search { + display: block; + width: 100%; + border: none; + padding: 0.5rem; + margin-bottom: 1rem; + border-bottom: 1px solid var(--secondary); + text-align: center; +} +.topic-list .topic-link { + font-weight: normal; +} +.topic-list .topic-link.active-topic-link { + font-weight: bold; +} +.topic-list .topic-link.not-matching-search-terms { + opacity: 0.2; +} /* * Help Menu @@ -668,18 +800,21 @@ pre.scroll-one-half { top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 500; - background: white; + background: var(--background, white); box-shadow: 0 0px 50px rgba(0, 0, 0, 0.3); opacity: 0; - transition: .2s opacity ease-in-out; } + transition: 0.2s opacity ease-in-out; +} #help-menu-checkbox:checked ~ #help-menu-wrapper { opacity: 1; - display: block; } + display: block; +} #help-menu-checkbox { position: fixed; - right: 150vw; } + right: 150vw; +} #help-menu-toggle { position: fixed; @@ -689,11 +824,21 @@ pre.scroll-one-half { height: 3rem; color: white; background-color: rgba(0, 0, 0, 0.3); - transition: .1s background-color ease-in-out; + transition: 0.1s background-color ease-in-out; display: flex; justify-content: center; - align-items: center; } - #help-menu-toggle:hover { - background-color: rgba(0, 0, 0, 0.5); } + align-items: center; +} +#help-menu-toggle:hover { + background-color: rgba(0, 0, 0, 0.5); +} + +/* + * Extra Content + * ============== + */ +.extra-content { + --background: var(--secondary-light) ; +} /*# sourceMappingURL=latex.css.map */ diff --git a/css/latex.css.map b/css/latex.css.map index 316537d..8b58f4c 100644 --- a/css/latex.css.map +++ b/css/latex.css.map @@ -1,7 +1 @@ -{ -"version": 3, -"mappings": "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", -"sources": ["latex.scss"], -"names": [], -"file": "latex.css" -} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["latex.scss"],"names":[],"mappings":";AAAA;AACA;EACE;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;;;AAIJ;AACA;EACE;EAOA;;AANA;EAFF;IAGI;;;AAEF;EALF;IAMI;;;;AAKJ;EACE;;AAEA;EACD;;AAGC;AAAA;AAAA;AAAA;EAIE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA,qBACE;EAEF;;AAKA;EAXF;IAYI;IACA;IACA,qBACE;IAGF;;;AAEF;EApBF;IAqBI;IACA;IACA,qBACE;;;AAIN;EACE;EACA;EACA,qBACE;EAEF;;AACA;EAPF;IAQI;IACA;IACA,qBACE;IAGF;;;AAUJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA,qBACE;;AAEF;EAPF;IAQI;IACA;IACA,qBACE;;;AAIJ;EAfF;IAgBI;IACA;IACA,qBACE;IAGF;;;AAUJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAGJ;EACE;EACA;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,qBACE;EAIF;;AACA;EAfF;IAgBI;IACA;IACA,qBACE;;;AAKJ;EAxBF;IAyBI;IACA;IACA,qBACE;;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAVF;IAWI;IACA;IACA,qBACE;;;AAEJ;EACE;;;AAKN;AAEA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAMA;AAAA;AAAA;EACE;EACA;;AAEA;AAAA;AAAA;EACE;;AAGF;AAAA;AAAA;EACE;EACA;;AAEA;AAAA;AAAA;EACE;EACA;;AAIJ;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;;AAEF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AAGJ;AAAA;AAAA;EACE;;AACA;AAAA;AAAA;EACE;EACA;EACA;EACA;;AAIJ;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;AAAA;EACE;;AAIJ;AAAA;AAAA;EACE;EACA;;;AAMJ;EACE;;AACA;EACE;;AAIJ;AAAA;EAEE;EACA;;AAEA;AAAA;EACE;;AAGF;AAAA;EACE;EACA;EACA;;AACA;AAAA;EACE;EACA;EACA;EACA;;AAEF;AAAA;EACE;;AAIJ;AAAA;EACE;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;AAAA;EACE;;AAIJ;AAAA;EACE;EACA;;;AAKN;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;;;AAEF;AAAA;AAAA;AAAA;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAlBF;AAAA;AAAA;AAAA;IAmBI;IACA;IACA;;;;AAKJ;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;;;AAKF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AACA;EACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AACA;EACE;;;AAMJ;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKJ;EACE;;;AAGF;AAAA;AAAA;AAAA;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAIA;EACE;EACA;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAMI;EAIE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;;AAOJ;EAIE;;AAEA;EACE;;;AAMN;AAAA;AAAA;AAAA;AAIA;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAIA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;;AAGF;EACE;;;AAKN;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKJ;AAAA;AAAA;AAAA;AAKA;EACE","file":"latex.css"} \ No newline at end of file diff --git a/css/latex.scss b/css/latex.scss index fb6b80b..e78ddbc 100644 --- a/css/latex.scss +++ b/css/latex.scss @@ -68,8 +68,8 @@ body { "content" "preview"; background: linear-gradient(to bottom, - white 0%, - white var(--square), + var(--background, white) 0%, + var(--background, white) var(--square), var(--secondary) var(--square), var(--secondary) var(--square)); @media (min-aspect-ratio: 1/1) { @@ -79,7 +79,7 @@ body { " . preview" "content preview" " . preview"; - background: linear-gradient(to right, white 0%, white var(--square), var(--secondary) var(--square), var(--secondary) 100%); + background: linear-gradient(to right, var(--background, white) 0%, var(--background, white) var(--square), var(--secondary) var(--square), var(--secondary) 100%); } @media (min-aspect-ratio: 2/1) { grid-template-rows: var(--square); @@ -95,7 +95,7 @@ body { grid-template-areas: "content" " . "; - background: linear-gradient(to bottom, white 0%, white var(--square), var(--secondary) var(--square), var(--secondary) 100%); + background: linear-gradient(to bottom, var(--background, white) 0%, var(--background, white) var(--square), var(--secondary) var(--square), var(--secondary) 100%); @media (min-aspect-ratio: 1/1) { grid-template-rows: auto var(--square) auto; grid-template-columns: auto var(--square) auto; @@ -106,8 +106,8 @@ body { background: linear-gradient(to right, var(--secondary) 0%, var(--secondary) calc((100% - var(--square)) / 2), - white calc((100% - var(--square)) / 2), - white calc(100% - (100% - var(--square)) / 2), + var(--background, white) calc((100% - var(--square)) / 2), + var(--background, white) calc(100% - (100% - var(--square)) / 2), var(--secondary) calc(100% - (100% - var(--square)) / 2), var(--secondary) 100%); } @@ -121,7 +121,7 @@ body { } .layout-wide-content { - background: white; + background: var(--background, white); grid-template-rows: min-content auto; grid-template-columns: var(--square); grid-template-areas: @@ -145,15 +145,15 @@ body { background: linear-gradient(to right, var(--secondary) 0%, var(--secondary) calc((100% - 2 * var(--square)) / 2), - white calc((100% - 2 * var(--square)) / 2), - white calc(100% - (100% - 2 * var(--square)) / 2), + var(--background, white) calc((100% - 2 * var(--square)) / 2), + var(--background, white) calc(100% - (100% - 2 * var(--square)) / 2), var(--secondary) calc(100% - (100% - 2 * var(--square)) / 2), var(--secondary) 100%); } } .layout-content { - background: white; + background: var(--background, white); grid-area: content; position: relative; @@ -200,7 +200,7 @@ body { box-shadow: .2em .2em .5em 0 rgba(0, 0, 0, .3); object-fit: cover; margin: calc(.05 * var(--square)); - background-color: white; + background-color: var(--background, white); box-sizing: border-box; &.thin-padding { @@ -224,7 +224,7 @@ body { } } &[src$="-orig.svg"] { - background: white; + background: var(--background, white); object-fit: contain; } } @@ -234,7 +234,7 @@ body { bottom: 0; width: 100%; text-align: center; - color: white; + color: var(--background, white); padding: .5em; box-sizing: border-box; } @@ -279,12 +279,12 @@ body { .layout-column-one { grid-area: column1; - background: white; + background: var(--background, white); } .layout-column-two { grid-area: column2; - background: white; + background: var(--background, white); } } @@ -523,7 +523,7 @@ h3[data-category]::before { font-variant: small-caps; text-transform: lowercase; background: black; - color: white; + color: var(--background, white); padding: .1em .5em; display: inline-block; vertical-align: baseline; @@ -760,7 +760,7 @@ figcaption a:not(.dark-font) { &:hover, &:active, &:visited { - color: white; + color: var(--background, white); &::before { background-color: var(--secondary-dark); @@ -844,7 +844,7 @@ pre.scroll-one-half { top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 500; - background: white; + background: var(--background, white); box-shadow: 0 0px 50px rgba(0, 0, 0, 0.3); opacity: 0; transition: .2s opacity ease-in-out; @@ -877,3 +877,13 @@ pre.scroll-one-half { background-color: rgba(0, 0, 0, .5); } } + + +/* + * Extra Content + * ============== + */ + +.extra-content { + --background: var(--secondary-light) +} diff --git a/layouts/extra-content-only.html b/layouts/extra-content-only.html new file mode 100644 index 0000000..2c123c0 --- /dev/null +++ b/layouts/extra-content-only.html @@ -0,0 +1,6 @@ ++diff --git a/slides/chapter-03.de.md b/slides/chapter-03.de.md index ff83ed7..33e7c0e 100644 --- a/slides/chapter-03.de.md +++ b/slides/chapter-03.de.md @@ -203,7 +203,7 @@ Lösung: »`\`« voranstellen: 50\% sind die Hälfte. ``` -Funktioniert nicht mit »`\\`«, Lösung dafür später. +Funktioniert nicht mit »`\\`«, nutzt `\textbackslash` stattdessen. @preview  diff --git a/slides/chapter-03.en.md b/slides/chapter-03.en.md index 6dd9bb5..7eb6904 100644 --- a/slides/chapter-03.en.md +++ b/slides/chapter-03.en.md @@ -203,7 +203,7 @@ Solution: prefix with ‘`\`’: 50\% is one half. ``` -Does not work for ‘`\\`’, we will see a solution for this later. +Does not work for ‘`\\`’, use `\textbackslash` instead. @preview  diff --git a/slides/chapter-05.de.md b/slides/chapter-05.de.md index 0d96e67..3b8bb5e 100644 --- a/slides/chapter-05.de.md +++ b/slides/chapter-05.de.md @@ -132,8 +132,63 @@ LaTeX trennt Wörter im Normalfall automatisch richtig, wenn die richtige Sprach  +@slide(layout=content-and-preview) + +@title +Zitate + +@content +Das Paket `csquotes` stellt u. a. den Befehl `\enquote` zur Verfügung: + +``` {.lang-tex .hljs} +\enquote{Ein \enquote{verschachteltes} +Zitat.} +``` + +Wenn das Paket mit `autostyle=true` eingebunden wird, werden bei fremdsprachigen Zitaten die entsprechenden Anführungszeichen verwendet: + +``` {.lang-tex .hljs} +\foreignquote{english}{An English +quote.} +``` + +@preview + + + @slide(layout=content-only) +@title +Sonderzeichen & Symbole + +@content +### Detexify to the rescue! ⛑️ +* Ausführliche Liste an verwendbaren Symbolen: + [PDF auf der CTAN-Website](http://tug.ctan.org/info/symbols/comprehensive/symbols-a4.pdf) +* Symbole malen und erkennen lassen: + [Detexify](http://detexify.kirelabs.org/classify.html) + + +@slide(layout=task) + +@task-number +5 + +@title +Sonderzeichen einfügen + +@content +++@title(inline)
+ @content ++Kompiliert von nun an immer die Datei `main.tex`, um eure Änderungen im Skript zu sehen (in diesem Fall im Abschnitt „Übung 5“). ++ +* Ersetzt die Leerzeichen innerhalb der Abkürzungen in `exercises/special-characters.tex` durch **schmale Leerzeichen**. +* Die Bindestriche bei den Öffnungszeiten der ERBA sollen durch **Halbgeviertstriche** ersetzt werden, optional mit schmalen Leerzeichen außenrum. +* Nutzt den Befehl `\enquote`, um die Wörter *Studi-Ticket* und *Studi-Karte* in **Anführungszeichen** zu setzen. + + +@slide(layout=extra-content-only) + @title Anführungszeichen @@ -189,31 +244,7 @@ Anführungszeichen Für andere Sprachen können andere Regeln gelten, meistens aber mit den gleichen Zeichen, nur in anderer Zusammensetzung. -@slide(layout=content-and-preview) - -@title -Zitate - -@content -Das Paket `csquotes` stellt u. a. den Befehl `\enquote` zur Verfügung: - -``` {.lang-tex .hljs} -\enquote{Ein \enquote{verschachteltes} -Zitat.} -``` - -Wenn das Paket mit `autostyle=true` eingebunden wird, werden bei fremdsprachigen Zitaten die entsprechenden Anführungszeichen verwendet: - -``` {.lang-tex .hljs} -\foreignquote{english}{An English -quote.} -``` - -@preview - - - -@slide(layout=content-only) +@slide(layout=extra-content-only) @title Diakritika @@ -255,7 +286,7 @@ Buchstaben mit Diakritika können entweder direkt über die Tastatur eingegeben -@slide(layout=content-only) +@slide(layout=extra-content-only) @title Sonderzeichen & Symbole @@ -298,35 +329,4 @@ Auch andere Sonderzeichen können entweder direkt eingegeben werden oder per Bef -… und so ziemlich alles andere. - - -@slide(layout=content-only) - -@title -Sonderzeichen & Symbole - -@content -### Detexify to the rescue! ⛑️ -* Ausführliche Liste an verwendbaren Symbolen: - [PDF auf der CTAN-Website](http://tug.ctan.org/info/symbols/comprehensive/symbols-a4.pdf) -* Symbole malen und erkennen lassen: - [Detexify](http://detexify.kirelabs.org/classify.html) - - -@slide(layout=task) - -@task-number -5 - -@title -Sonderzeichen einfügen - -@content --Kompiliert von nun an immer die Datei `main.tex`, um eure Änderungen im Skript zu sehen (in diesem Fall im Abschnitt „Übung 5“). -- -* Ersetzt die Leerzeichen innerhalb der Abkürzungen in `exercises/special-characters.tex` durch **schmale Leerzeichen**. -* Die Bindestriche bei den Öffnungszeiten der ERBA sollen durch **Halbgeviertstriche** ersetzt werden, optional mit schmalen Leerzeichen außenrum. -* Nutzt den Befehl `\enquote`, um die Wörter *Studi-Ticket* und *Studi-Karte* in **Anführungszeichen** zu setzen. +… und so ziemlich alles andere. \ No newline at end of file diff --git a/slides/chapter-05.en.md b/slides/chapter-05.en.md index 5626041..118c2f1 100644 --- a/slides/chapter-05.en.md +++ b/slides/chapter-05.en.md @@ -131,10 +131,65 @@ The different kinds of hyphens that LaTeX offers are described in our script.  +@slide(layout=content-and-preview) + +@title +Quotes + +@content +The `csquotes` package provides, amongst others, the command `\enquote`. + +``` {.lang-tex .hljs} +\enquote{A \enquote{nested} +quote.} +``` + +When included with `autostyle=true`, foreign-language quotes use the according quotation marks: + +``` {.lang-tex .hljs} +\foreignquote{ngerman}{Ein deutsches +Zitat.} +``` + +@preview + + + @slide(layout=content-only) @title -Quotation marks +Special characters & symbols + +@content +### Detexify to the rescue! ⛑️ +* A long list of symbols to use: + [PDF on the CTAN website](http://tug.ctan.org/info/symbols/comprehensive/symbols-a4.pdf) +* Draw symbols and have them recognised: + [Detexify](http://detexify.kirelabs.org/classify.html) + + +@slide(layout=task) + +@task-number +5 + +@title +Insert special characters + +@content ++From now on, compile the file `main.tex` to see your changes appear in the script itself (in this task, see section “Übung 5”). ++ +* Replace the spaces in `exercises/special-characters.tex` within the abbreviations (“e. g.”, “i. a.”) by **thin spaces**. +* Replace the hyphens separating the opening hours by **en dashes** (`--`), optionally surrounded by thin spaces. +* Add **quotation marks** around the words *Studi-Ticket* and *Studi-Karte* using the `\enquote` command. + + +@slide(layout=extra-content-only) + +@title +Manual quotation @content@@ -188,31 +243,7 @@ Quotation marks Other rules my apply for other languages, but most of the time it’s the same characters, only combined differently. -@slide(layout=content-and-preview) - -@title -Quotes - -@content -The `csquotes` package provides, amongst others, the command `\enquote`. - -``` {.lang-tex .hljs} -\enquote{A \enquote{nested} -quote.} -``` - -When included with `autostyle=true`, foreign-language quotes use the according quotation marks: - -``` {.lang-tex .hljs} -\foreignquote{ngerman}{Ein deutsches -Zitat.} -``` - -@preview - - - -@slide(layout=content-only) +@slide(layout=extra-content-only) @title Diacritics @@ -254,10 +285,10 @@ Letters with diacritics can either by typed directly on the keyboard or via esca
-@slide(layout=content-only) +@slide(layout=extra-content-only) @title -Special characters & symbols +Special characters @content The same is true for special characters: They can either be typed directly or created via escape codes and commands: @@ -297,35 +328,4 @@ The same is true for special characters: They can either be typed directly or cr -… and pretty much anything else. - - -@slide(layout=content-only) - -@title -Special characters & symbols - -@content -### Detexify to the rescue! ⛑️ -* A long list of symbols to use: - [PDF on the CTAN website](http://tug.ctan.org/info/symbols/comprehensive/symbols-a4.pdf) -* Draw symbols and have them recognised: - [Detexify](http://detexify.kirelabs.org/classify.html) - - -@slide(layout=task) - -@task-number -5 - -@title -Insert special characters - -@content --From now on, compile the file `main.tex` to see your changes appear in the script itself (in this task, see section “Übung 5”). -- -* Replace the spaces in `exercises/special-characters.tex` within the abbreviations (“e. g.”, “i. a.”) by **thin spaces**. -* Replace the hyphens separating the opening hours by **en dashes** (`--`), optionally surrounded by thin spaces. -* Add **quotation marks** around the words *Studi-Ticket* and *Studi-Karte* using the `\enquote` command. +… and pretty much anything else. \ No newline at end of file