diff --git a/css/theme/latex.css b/css/theme/latex.css
index 5bf4384..7b1098e 100644
--- a/css/theme/latex.css
+++ b/css/theme/latex.css
@@ -13,14 +13,18 @@ body {
font-family: 'Fira Sans';
margin: 0;
line-height: 1.2em;
- font-size: 1.5vw; }
+ font-size: 1.7vw; }
+
+@media screen and (screen-orientation: landscape) {
+ body {
+ font-size: 3.5vh; } }
section {
min-height: 100vh;
width: 100vw;
padding: 0 !important; }
-.layout {
+.layout-side-by-side {
min-width: 100vw;
max-width: 100vw;
min-height: 100vh;
@@ -29,30 +33,41 @@ section {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 12fr;
- background: linear-gradient(to right, #cccccc 0%, #cccccc 50%, #ffffff 50%, #ffffff 100%); }
- .layout-title {
+ background: linear-gradient(to right, white 0%, white calc(50% - 4px), #c8ceda calc(50% - 4px), #c8ceda calc(50% + 4px), #ffffff calc(50% + 4px), #ffffff 100%); }
+ .layout-side-by-side .layout-title {
grid-column-end: span 2;
padding: 3.5vw calc(50% + 4vw) 0.5vw 4vw;
line-height: 1.15em; }
- .layout-content-left {
+ .layout-side-by-side .layout-content-left {
overflow: auto;
padding: 4vw; }
- .layout-content-left *:first-child {
+ .layout-side-by-side .layout-content-left *:first-child {
margin-top: 0; }
- .layout h2 {
+ .layout-side-by-side .layout-content-right {
+ display: flex;
+ align-items: flex-start;
+ justify-content: center;
+ padding: 4vw; }
+ .layout-side-by-side .layout-content-right img {
+ width: auto;
+ height: auto;
+ max-width: 100%;
+ max-height: 100%;
+ box-shadow: 0.2em 0.2em 0.5em 0 rgba(0, 0, 0, 0.3); }
+ .layout-side-by-side h2 {
margin: 0; }
- .layout ul {
+ .layout-side-by-side ul {
list-style-type: disc;
padding-left: 0; }
- .layout ul ul {
+ .layout-side-by-side ul ul {
padding-left: 2vw; }
- .layout pre {
+ .layout-side-by-side pre {
margin-left: -4vw;
padding-left: 4vw;
line-height: 1.2em;
position: relative;
overflow: hidden; }
- .layout pre::before {
+ .layout-side-by-side pre::before {
content: attr(data-sourcefile);
position: absolute;
top: .3em;
@@ -62,8 +77,22 @@ section {
transform: rotate(-90deg);
transform-origin: 100% 50%;
color: #cccccc; }
- .layout code {
+ .layout-side-by-side code {
font-size: 0.9em;
font-family: 'Fira Code'; }
- .layout code.hljs {
+ .layout-side-by-side code.hljs {
padding: .3em 0; }
+
+.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); }
+
+h1 {
+ font-size: 300%; }
diff --git a/css/theme/source/latex.scss b/css/theme/source/latex.scss
index 69c32de..f06121a 100644
--- a/css/theme/source/latex.scss
+++ b/css/theme/source/latex.scss
@@ -20,7 +20,13 @@ body {
font-family: 'Fira Sans';
margin: 0;
line-height: 1.2em;
- font-size: 1.5vw;
+ font-size: 1.7vw;
+}
+
+@media screen and (screen-orientation: landscape) {
+ body {
+ font-size: 3.5vh;
+ }
}
section {
@@ -29,7 +35,10 @@ section {
padding: 0 !important;
}
-.layout {
+.layout-side-by-side {
+ $backgroundColor: #c8ceda;
+ $stripHalfWidth: 4px;
+
min-width: 100vw;
max-width: 100vw;
min-height: 100vh;
@@ -38,15 +47,16 @@ section {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 12fr;
- background: linear-gradient(to right, #cccccc 0%, #cccccc 50%, #ffffff 50%, #ffffff 100%);
+ // background: linear-gradient(to right, $backgroundColor 0%, $backgroundColor 50%, #ffffff 50%, #ffffff 100%);
+ background: linear-gradient(to right, white 0%, white calc(50% - #{$stripHalfWidth}), $backgroundColor calc(50% - #{$stripHalfWidth}), $backgroundColor calc(50% + #{$stripHalfWidth}), #ffffff calc(50% + #{$stripHalfWidth}), #ffffff 100%);
- &-title {
+ .layout-title {
grid-column-end: span 2;
padding: 3.5vw calc(50% + 4vw) 0.5vw 4vw;
line-height: 1.15em;
}
- &-content-left {
+ .layout-content-left {
overflow: auto;
padding: 4vw;
@@ -55,6 +65,21 @@ section {
}
}
+ .layout-content-right {
+ display: flex;
+ align-items: flex-start;
+ justify-content: center;
+ padding: 4vw;
+
+ img {
+ width: auto;
+ height: auto;
+ max-width: 100%;
+ max-height: 100%;
+ box-shadow: .2em .2em .5em 0 rgba(0, 0, 0, .3);
+ }
+ }
+
h2 {
margin: 0;
}
@@ -96,3 +121,19 @@ section {
padding: .3em 0;
}
}
+
+.layout.layout-chapter-heading {
+ height: 100vh;
+ width: 100vw;
+ position: relative;
+
+ .layout-title {
+ position: absolute;
+ left: 2vw;
+ width: calc(100vw - 4vw);
+ text-align: center;
+ bottom: calc(38.2% - .5em);
+ }
+}
+
+h1 { font-size: 300%; }
\ No newline at end of file
diff --git a/sections/german/04/04.md b/sections/german/04/04.md
index 7aef056..cf7608a 100644
--- a/sections/german/04/04.md
+++ b/sections/german/04/04.md
@@ -1,5 +1,7 @@
-# Projektstruktur
+
+
Projektstruktur
+
---
@@ -10,7 +12,7 @@ Ein größeres LaTeX-Projekt anlegen und dabei ...
---
-