From 9714ad457fb63ef693c823a806b61df6d7d2a115 Mon Sep 17 00:00:00 2001 From: Christian Kremitzl Date: Wed, 8 May 2019 19:57:55 +0200 Subject: [PATCH 1/2] Working on layouts. --- css/theme/latex.css | 24 ++++++++++++++--- css/theme/source/latex.scss | 27 ++++++++++++++----- sections/german/02/02.md | 2 +- sections/german/03/03.md | 2 +- sections/german/04/04.md | 2 +- sections/german/05/05.md | 2 +- sections/german/07/07.md | 2 +- sections/german/08/08.md | 2 +- sections/german/09/09.md | 2 +- sections/german/10/10.md | 4 +-- sections/german/11/11.md | 2 +- sections/german/12/12.md | 2 +- sections/german/13/13.md | 5 ++-- sections/german/14/14.md | 2 +- sections/german/15/15.md | 54 +++++++++++++++++-------------------- 15 files changed, 80 insertions(+), 54 deletions(-) diff --git a/css/theme/latex.css b/css/theme/latex.css index e2ba673..919597f 100644 --- a/css/theme/latex.css +++ b/css/theme/latex.css @@ -223,7 +223,7 @@ body { .layout-content-and-preview .layout-content, .layout-content-only .layout-content, .layout-wide-content .layout-content { - overflow: auto; + overflow: visible; padding: calc(var(--margin) * var(--square)); } .layout-content-and-preview .layout-content *:first-child, .layout-content-only .layout-content *:first-child, @@ -405,9 +405,12 @@ h2[data-category]::before { padding-left: calc(var(--margin) * var(--square)); margin-right: .5em; } -.layout-content-only h2[data-category^=Aufgabe]::after, -.layout-wide-content h2[data-category^=Aufgabe]::after { - content: attr(data-category); +h2[data-category=Aufgabe]::before { + content: attr(data-category) " " attr(data-task); } + +.layout-content-only h2[data-category=Aufgabe]::after, +.layout-wide-content h2[data-category=Aufgabe]::after { + content: attr(data-task); position: absolute; top: 0; right: 0; @@ -421,6 +424,12 @@ h2[data-category]::before { direction: rtl; word-spacing: 1000%; opacity: .2; } + @media screen and (min-aspect-ratio: 1 / 1) and (max-aspect-ratio: 2 / 1) { + .layout-content-only h2[data-category=Aufgabe]::after, + .layout-wide-content h2[data-category=Aufgabe]::after { + --versatz: calc((100vh - var(--square)) / 2); + top: var(--versatz); + bottom: calc(-1 * var(--versatz)); } } img { width: auto; @@ -552,3 +561,10 @@ p a:link, p a:hover, p a:active, p a:visited { p a:hover::before { height: 110%; } + +pre.small-text { + font-size: 80%; } + +pre.scroll-one-half { + max-height: calc(.5 * var(--square)); + overflow: auto !important; } diff --git a/css/theme/source/latex.scss b/css/theme/source/latex.scss index f06c7aa..5175723 100644 --- a/css/theme/source/latex.scss +++ b/css/theme/source/latex.scss @@ -314,7 +314,7 @@ body { .layout-content-only, .layout-wide-content { .layout-content { - overflow: auto; + overflow: visible; padding: calc(var(--margin) * var(--square)); *:first-child { @@ -494,15 +494,16 @@ h2[data-category]::before { vertical-align: baseline; letter-spacing: .1em; position: relative; - // left: calc(-1 * var(--margin) * var(--square)); - // margin-right: calc(-1 * var(--margin) * var(--square) + 1em); margin-left: calc(-1 * var(--margin) * var(--square)); padding-left: calc(var(--margin) * var(--square)); margin-right: .5em; } -.layout-content-only h2[data-category^=Aufgabe]::after, -.layout-wide-content h2[data-category^=Aufgabe]::after { - content: attr(data-category); +h2[data-category=Aufgabe]::before { + content: attr(data-category) ' ' attr(data-task); +} +.layout-content-only h2[data-category=Aufgabe]::after, +.layout-wide-content h2[data-category=Aufgabe]::after { + content: attr(data-task); position: absolute; top: 0; right: 0; @@ -516,6 +517,11 @@ h2[data-category]::before { direction: rtl; word-spacing: 1000%; opacity: .2; + @media screen and (min-aspect-ratio: 1/1) and (max-aspect-ratio: 2/1) { + --versatz: calc((100vh - var(--square)) / 2); + top: var(--versatz); + bottom: calc(-1 * var(--versatz)); + } } img { @@ -684,3 +690,12 @@ p a { } } + +pre.small-text { + font-size: 80%; +} + +pre.scroll-one-half { + max-height: calc(.5 * var(--square)); + overflow: auto !important; +} diff --git a/sections/german/02/02.md b/sections/german/02/02.md index 0fc5fcd..94c1865 100644 --- a/sections/german/02/02.md +++ b/sections/german/02/02.md @@ -140,7 +140,7 @@ Geburtsort: Milwaukee, Wisconsin
-

Erste Schritte mit LaTeX

+

Erste Schritte mit LaTeX

  • Falls nötig: Install now!
  • Ladet euch aus dem VC die Datei aufgabe01.tex herunter und speichert sie in einem eigenen Ordner.
    • diff --git a/sections/german/03/03.md b/sections/german/03/03.md index 03bcca7..15424da 100644 --- a/sections/german/03/03.md +++ b/sections/german/03/03.md @@ -345,7 +345,7 @@ Mein Lieblingsrezept
    -

    Grundstruktur des Skripts anpassen

    +

    Grundstruktur des Skripts anpassen

    • Füge ein Inhaltsverzeichnis in das Skript ein.
    • Füge im 1. Kapitel xxxxx mehrere neue Absätze mit \section{} und \subsection{} ein und beobachte, was im Inhaltsverzeichnis passiert.
      • diff --git a/sections/german/04/04.md b/sections/german/04/04.md index a061f6e..67c1dc7 100644 --- a/sections/german/04/04.md +++ b/sections/german/04/04.md @@ -224,7 +224,7 @@ Inhalt von Abschnitt 1.
      -

      Projektstruktur für das Skript anlegen

      +

      Projektstruktur für das Skript anlegen

      • Teile das Skript in sinnvolle Abschnitte auf und lagere sie in separate .tex-Dateien aus.
      • Verwende zunächst \input{}, um die Abschnitte in deine Hauptdatei einzubinden.
        • diff --git a/sections/german/05/05.md b/sections/german/05/05.md index 81d6887..9bee1e1 100644 --- a/sections/german/05/05.md +++ b/sections/german/05/05.md @@ -406,7 +406,7 @@ $\dagger$
        -

        Sonderzeichen einfügen

        +

        Sonderzeichen einfügen

        • Suche dir aus der PDF-Liste zu Sonderzeichen einige interessante Symbole aus und füge sie in den ersten Absatz von xxx ein.
        • Lies dir den ersten Absatz von xxx durch und hebe auf unterschiedliche Art und Weise (fett, kursiv etc.) Abschnitte hervor, die dir wichtig erscheinen.
          • diff --git a/sections/german/07/07.md b/sections/german/07/07.md index 2dc6c8b..cf247da 100644 --- a/sections/german/07/07.md +++ b/sections/german/07/07.md @@ -53,7 +53,7 @@
          -

          Absätze ändern

          +

          Absätze ändern

          • Formatiere den ersten Absatz des Kapitels xxx rechtsbündig zentriert.
          diff --git a/sections/german/08/08.md b/sections/german/08/08.md index 3b7446c..b1e6c52 100644 --- a/sections/german/08/08.md +++ b/sections/german/08/08.md @@ -121,7 +121,7 @@
          -

          Aufzählungen einfügen

          +

          Aufzählungen einfügen

          • Füge in Absatz xxx von Kapitel xxx eine nummerierte Aufzählung von xxx ein.
          • Wandle die Aufzählung anschließend in eine Liste mit Bullet Points um.
            • diff --git a/sections/german/09/09.md b/sections/german/09/09.md index 6acaa97..e2b72cc 100644 --- a/sections/german/09/09.md +++ b/sections/german/09/09.md @@ -169,7 +169,7 @@
            -

            Formeln setzen

            +

            Formeln setzen

            diff --git a/sections/german/10/10.md b/sections/german/10/10.md index 80ac5b4..3a04da2 100644 --- a/sections/german/10/10.md +++ b/sections/german/10/10.md @@ -107,9 +107,9 @@ breaklines=true,
            -

            Quelltext einbinden

            +

            Quelltext einbinden

            -
            \ No newline at end of file +
            diff --git a/sections/german/11/11.md b/sections/german/11/11.md index ca7aad8..6da032e 100644 --- a/sections/german/11/11.md +++ b/sections/german/11/11.md @@ -73,7 +73,7 @@ height=5cm]{<dateipfad>}
            -

            Grafiken einfügen

            +

            Grafiken einfügen

            diff --git a/sections/german/12/12.md b/sections/german/12/12.md index ee8d3c8..187eb1b 100644 --- a/sections/german/12/12.md +++ b/sections/german/12/12.md @@ -196,7 +196,7 @@
            -

            Tabellen einfügen

            +

            Tabellen einfügen

            diff --git a/sections/german/13/13.md b/sections/german/13/13.md index cfccaab..a48e4c6 100644 --- a/sections/german/13/13.md +++ b/sections/german/13/13.md @@ -55,12 +55,11 @@ TODO: Fußnoten --- -
            +
            -

            8. Referenzen einfügen

            +

            Referenzen einfügen

            - diff --git a/sections/german/14/14.md b/sections/german/14/14.md index 428a281..504b96d 100644 --- a/sections/german/14/14.md +++ b/sections/german/14/14.md @@ -75,7 +75,7 @@
            -

            Ein Literaturverzeichnis erstellen und einfügen

            +

            Ein Literaturverzeichnis erstellen und einfügen

            • Suche in einer Literaturdatenbank deiner Wahl die BibTeX-Einträge für folgende LaTeX-Handbücher:
                diff --git a/sections/german/15/15.md b/sections/german/15/15.md index d891ac4..8d74066 100644 --- a/sections/german/15/15.md +++ b/sections/german/15/15.md @@ -37,7 +37,7 @@ weiter verbreitet.

                Beamer

                Dokumentenklasse zur Erstellung von Präsentationen.

                - 
                \documentclass{beamer}
+   
                \documentclass{beamer}
 \usetheme{Frankfurt}
 \usecolortheme{seahorse}
 \author{ACID}
@@ -62,9 +62,9 @@ auf Basis von \textit{Zitronen}.
 
 
                
     
                
-    
                TikZ - TikZ ist kein Zeichenprogramm
                
+    
                TikZ – TikZ ist kein Zeichenprogramm
                
     
                Paket zur Erstellung von Vektorgrafiken.
                
-    
                \tikzstyle{every node}=[draw=black,thick,anchor=west]
+    
                \tikzstyle{every node}=[draw=black,thick,anchor=west]
 \tikzstyle{selected}=[draw=red,fill=red!30]
 \tikzstyle{dir}=[fill=gray!50]
 \tikzstyle{relativeTo}=[fill=blue!70]
@@ -78,15 +78,15 @@ parent path={(\tikzparentnode.south)
  |- (\tikzchildnode.west)}]
 \node {/ oder C:}
 child { node {home}
-   child { node {knut}
-       child { node {pictures}}
-       child { node {docs}
-           child { node [dir] {latex}
-              child { node [relativeTo] {main.tex}
-              child { node [selected] {part1.tex}
-           }
-       }
-   }
+  child { node {knut}
+    child { node {pictures}}
+    child { node {docs}
+      child { node [dir] {latex}
+        child { node [relativeTo] {main.tex}
+        child { node [selected] {part1.tex}
+      }
+    }
+  }
 };
 \end{tikzpicture}
                
     
                
@@ -102,16 +102,16 @@ child { node {home}
     
                paralist
                
     
                Paket für platzsparendere Listen
                
     
                \begin{asparaenum} %enumerate
-       \item Erdbeeren
-       \item Stachelbeeren
-       \item Eisbären
-    \end{asparaenum}
+   \item Erdbeeren
+   \item Stachelbeeren
+   \item Eisbären
+\end{asparaenum}
 
-    \begin{asparaitem} %itemize
-       \item Erdbeeren
-       \item Stachelbeeren
-       \item Eisbären
-    \end{asparaitem}
                
+\begin{asparaitem} %itemize
+   \item Erdbeeren
+   \item Stachelbeeren
+   \item Eisbären
+\end{asparaitem}
                @@ -121,15 +121,11 @@ child { node {home}
                -

                Linguistik

                -

                Beispiel Konstituentenbäume mit qtree

                +

                Linguistik

                +

                Beispiel Konstituentenbäume mit qtree

                + 
                \Tree [.S [.NP LaTeX ]
+[.VP [.V is ] [.NP fun ] ] ]
                -
                - 
                -    
-    \Tree [.S [.NP LaTeX ] [.VP [.V is ] [.NP fun ] ] ]
-    
-
                From 9f6e16a221eccea6c51809cd333f27691133de0e Mon Sep 17 00:00:00 2001 From: Christian Kremitzl Date: Wed, 8 May 2019 21:58:54 +0200 Subject: [PATCH 2/2] Fixing stuff. --- sections/german/14/14.md | 57 ++++++++++++++++++++-------------------- 1 file changed, 29 insertions(+), 28 deletions(-) diff --git a/sections/german/14/14.md b/sections/german/14/14.md index 504b96d..31f9ee9 100644 --- a/sections/german/14/14.md +++ b/sections/german/14/14.md @@ -8,26 +8,26 @@ ---
                -
                -

                Was brauchen wir dafür?

                -

                BibTex als Schnittstelle zwischen der Literatur und LaTeX

                -

                Bibliographiedatei (nachfolgend ".bib" Datei) zur Speicherung von Literaturverweisen

                -

                +
                +

                Was brauchen wir dafür?

                +

                BibTex als Schnittstelle zwischen der Literatur und LaTeX

                +

                Bibliographiedatei (nachfolgend ".bib" Datei) zur Speicherung von Literaturverweisen

                +

                ---
                -
                -

                Wie wird das verwendet?

                -

                Durch BibTex wird LaTeX um einige Befehle zum Zitieren erweitert

                -
                  -
                • \cite{Quelle} zitieren einer Quelle
                  • -
                • \cite[S. 15]{Quelle} zitieren einer Seite
                  • -
                • \bibliography{Name der .bib Datei} Verweis auf die genutzte .bib Datei
                  • -
                • \bibliographystyle{Zitierstil} Angabe des genutzten Zitierstils
                  • -
                -
                +
                +

                Wie wird das verwendet?

                +

                Durch BibTex wird LaTeX um einige Befehle zum Zitieren erweitert

                +
                  +
                • \cite{Quelle} zitieren einer Quelle
                  • +
                • \cite[S. 15]{Quelle} zitieren einer Seite
                  • +
                • \bibliography{Name der .bib Datei} Verweis auf die genutzte .bib Datei
                  • +
                • \bibliographystyle{Zitierstil} Angabe des genutzten Zitierstils
                  • +
                +
                --- @@ -38,7 +38,7 @@

                Sammlung von Literatureinträgen

                Im BibTex Format

                -

                Beispielhafter Literatureintrag im BibTex Format

                +

                Beispielhafter Literatureintrag im BibTex Format

                @article{turing1990, %Art des Dokuments und Bezeichner für den \cite Befehl
     title={The chemical basis of morphogenesis}, % Titel
     author={Turing, Alan Mathison}, % Autor
@@ -55,21 +55,22 @@
 ---
 
 
                
-
                
-    
-    Finden von fertigen BibTex Einträgen - Bamberger Katalog
-
                
+    
                
+        
+        
                Finden von fertigen BibTex Einträgen – Bamberger Katalog
                
+    
                
 
                
 
 ---
 
 
                
-
                
-
                
-    
-    
-    Finden von fertigen BibTex Einträgen - Google Scholar
-
                
+    
                
+    
                
+        
+        
+        
                Finden von fertigen BibTex Einträgen – Google Scholar
                
+    
                
+
                
 
 ---
 
@@ -78,11 +79,11 @@
         
                Ein Literaturverzeichnis erstellen und einfügen
                
         
                  
             
                • Suche in einer Literaturdatenbank deiner Wahl die BibTeX-Einträge für folgende LaTeX-Handbücher:
-		
                    
+		        
                      
                     
                    • Leslie Lamport (1994): LaTeX. A Document Preparation System.
                      • 
                     
                    • Dilip Datta (2017): LaTeX in 24 Hours. A Practical Guide for Scientific Writing.
                      • 
                     
                    • Frank Mittelbach / Michel Goossens (2012): Der LaTeX-Begleiter.
                      • 
-		
                    
+		        
                  
             
                  • 
             
                • Füge die BibTeX-Einträge in eine bibtex-Datei bibliography.bib ein.
                  • 
             
                • Wähle einen Bibliographierstil aus und füge den entsprechenden Befehl per \bibliographystyle{} in deine LaTeX-Datei für das Skript ein.
                  •