feat: Improve image scaling and body resizing

chapters/KonvexeProbleme.md

@@ -51,7 +51,7 @@ Der Ursprung der Menge $\ncone{C}(\vvec{x})$ ist im Punkt $\vvec{x}$.
 
 Die Abbildung [-@fig:normalcone] visualisiert für eine konvexe Menge $\set{C}$ die verschiedenen Normalkegel.
 
-![Normalkegel an die Punkte $\vvec{x}$, $\vvec{y}$ und $\vvec{z}$. Der Normalkegel an einen innerhalb der Menge $\set{C}$ liegenden Punkt $\vvec{z}$ degeneriert zum $\vvec{0}$-Vektor. Der Vektor $\vvec{v}$ ist in der Menge des Normalkegels an $\vvec{x}$.](files/NormalKegel.svg){#fig:normalcone style="min-width:10cm"}
+![Normalkegel an die Punkte $\vvec{x}$, $\vvec{y}$ und $\vvec{z}$. Der Normalkegel an einen innerhalb der Menge $\set{C}$ liegenden Punkt $\vvec{z}$ degeneriert zum $\vvec{0}$-Vektor. Der Vektor $\vvec{v}$ ist in der Menge des Normalkegels an $\vvec{x}$.](files/NormalKegel.svg){#fig:normalcone style="width:100%;max-width:7cm"}
 
 ## Zusammenhang von Normalkegel und Proximaler Punkt
 
@@ -82,7 +82,7 @@ umschreiben. Aus dem erkennen wir, dass der Ursprung des Normalkegels, worin ein
 
 Müssten wir nun eine Projektionsfunktion auf ein $2$d-Dreieck herleiten, würden wir folgendes Bild malen:
 
-![Normalkegel an die Punkte $\vvec{a}$, $\vvec{b}$ und $\vvec{c}$ eines Dreiecks.](files/NormalKegelDreieck.svg){#fig:normalconetri style="min-width:10cm"}
+![Normalkegel an die Punkte $\vvec{a}$, $\vvec{b}$ und $\vvec{c}$ eines Dreiecks.](files/NormalKegelDreieck.svg){#fig:normalconetri style="width:100%;max-width:7cm"}
 
 Das heisst es gibt genau 3 nicht triviale Normalkegel und 3 einfachere Normalkegel (bestehend lediglich aus den Normalen auf die Seitenflächen). Eine Projektionsfunktion auf ein Dreieck muss diese 6 Bereiche beachten und ist so auch optimal und richtig implementiert.
 
@@ -131,7 +131,7 @@ Da man zeigen kann, dass das Subdifferential, also die mengenwertige Ableitung,
 
 Das bringt uns nicht viel mehr ausser einer visuellen Erkenntnis durch folgende Visualisierung:
 
-![Konvexes Optimierungs Problem innerhalb der Menge $\set{C}$ auf einer $2$d-Funktion $f(\vvec{x}) \in \mathbb{R}$. Der negative Gradient liegt im Optimum $\vvec{x}^*$ genau innerhalb des Normalkegels an $\vvec{x}^*$.](files/ConvexOptimizationProblem.svg){#fig:convex-opt-prob style="min-width:100%"}
+![Konvexes Optimierungs Problem innerhalb der Menge $\set{C}$ auf einer $2$d-Funktion $f(\vvec{x}) \in \mathbb{R}$. Der negative Gradient liegt im Optimum $\vvec{x}^*$ genau innerhalb des Normalkegels an $\vvec{x}^*$.](files/ConvexOptimizationProblem.svg){#fig:convex-opt-prob style="width:100%;max-width:100%"}
 
 Mit der Beziehung zwischen **proximalem Punkt** und **Normalkegel** $\eqref{eq:prox-to-ncone}$ kriegen wir daraus direkt eine **implizite Projektionsgleichung** für den optimalen Punkt $\vvec{x}^*$:
 `\begin{align}

chapters/tables-tex/TableExample.tex

@@ -1,8 +1,8 @@
 \begin{longtable}[]{@{}
-  >{\raggedright\arraybackslash}p{(\columnwidth - 6\tabcolsep) * \real{0.15}}
-  >{\raggedright\arraybackslash}p{(\columnwidth - 6\tabcolsep) * \real{0.20}}
-  >{\raggedright\arraybackslash}p{(\columnwidth - 6\tabcolsep) * \real{0.35}}
-  >{\raggedright\arraybackslash}p{(\columnwidth - 6\tabcolsep) * \real{0.30}}@{}}
+  >{\raggedright\arraybackslash}p{(\columnwidth - 6\tabcolsep) * \real{0.1500}}
+  >{\raggedright\arraybackslash}p{(\columnwidth - 6\tabcolsep) * \real{0.2000}}
+  >{\raggedright\arraybackslash}p{(\columnwidth - 6\tabcolsep) * \real{0.3500}}
+  >{\raggedright\arraybackslash}p{(\columnwidth - 6\tabcolsep) * \real{0.3000}}@{}}
 \caption{Table by included \texttt{.html} file.}\tabularnewline
 \toprule
 \begin{minipage}[b]{\linewidth}\raggedright

convert/css/src/collapsable-list.less

@@ -1,4 +1,4 @@
-.define-collapsable-list(@toggleSize: 100%, @openChar: "▾", @closeChar: "▸") {
+.define-collapsable-list(@toggleSize: 100%, @openChar: "▾", @closeChar: "▸", @topShift: 0.2em) {
     ul li {
         list-style-type: none;
         position: relative;
@@ -15,12 +15,10 @@
     }
     ul li:before {
         /* the expand/collapse symbols before each item */
-        height: 1em;
-        font-size: 0.8em;
         display: block;
         position: absolute;
         left: -1.2em;
-        //top: 0.3em;
+        top: @topShift;
         content: @closeChar;
         font-size: @toggleSize;
         font-weight: bold;

convert/css/src/images.less

@@ -15,7 +15,7 @@
 
         > img {
             padding: 5px;
-            display: inline-block;
+            display: inline-flex;
             vertical-align: middle;
             border: 2pt solid @main-float-border-color;
             border-radius: 4pt;

convert/css/src/main.less

@@ -73,8 +73,8 @@ html {
         .define-links();
 
         #nav-content > #TOC {
-            .define-toc-style(@main-heading-color, @main-heading-color);
-            .define-collapsable-list(140%);
+            .define-toc-style(@main-heading-color, 1.2*@main-font-size);
+            .define-collapsable-list(18pt, @topShift:2.5pt);
             padding-left: 3ex;
             padding-right: 2ex;
             padding-bottom: 3em;
@@ -86,7 +86,7 @@ html {
         margin: auto;
 
         #nav-content-inline > #TOC {
-            .define-toc-style(@main-heading-color, @main-link-color);
+            .define-toc-style(@main-heading-color, @main-font-size);
         }
 
         .define-markdown-style();

convert/css/src/toc.less

@@ -2,7 +2,16 @@
 
 .define-toc-style(@color: @main-heading-color, @fontSize: @main-font-size) {
     .define-title-style();
-    font-size: 14pt;
+    font-size: @fontSize;
+    line-height: @fontSize;
+
+    ul li ul li a {
+        font-size: 0.9 * @fontSize;
+    }
+
+    ul li ul li ul li a {
+        font-size: 0.8 * @fontSize;
+    }
 
     ul {
         padding-inline-start: 2ex;

convert/pandoc/includes/Anchors.js

@@ -9,8 +9,8 @@
         }
 
         anchors.options = {
-            placement: 'left',
-            visible: 'always',
+            placement: 'right',
+            visible: 'never',
             icon: '§'
         };
         var P = "#main-markdown"