Compare commits

...

5 Commits

19 changed files with 6986 additions and 47 deletions

View File

@ -20,10 +20,10 @@ section {
/* basic layout */
:root {
--square: 100vw; }
@media screen and (min-aspect-ratio: 1 / 1) {
@media (min-aspect-ratio: 1 / 1) {
:root {
--square: 50vw; } }
@media screen and (min-aspect-ratio: 2 / 1) {
@media (min-aspect-ratio: 2 / 1) {
:root {
--square: 100vh; } }
@ -44,13 +44,13 @@ body {
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 screen and (min-aspect-ratio: 1 / 1) {
@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 screen and (min-aspect-ratio: 2 / 1) {
@media (min-aspect-ratio: 2 / 1) {
body .layout-content-and-preview {
grid-template-rows: var(--square);
grid-template-columns: var(--square) auto;
@ -60,7 +60,7 @@ body {
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 screen and (min-aspect-ratio: 1 / 1) {
@media (min-aspect-ratio: 1 / 1) {
body .layout-content-only {
grid-template-rows: auto var(--square) auto;
grid-template-columns: auto var(--square) auto;
@ -76,12 +76,12 @@ body {
grid-template-rows: min-content auto;
grid-template-columns: var(--square);
grid-template-areas: "content" " . "; }
@media screen and (min-aspect-ratio: 1 / 1) {
@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 screen and (min-aspect-ratio: 2 / 1) {
@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;
@ -101,8 +101,8 @@ body {
position: absolute;
top: calc(var(--margin) * var(--square));
right: calc(var(--margin) * var(--square));
width: 15vw;
height: 15vw;
width: calc(.3 * var(--square));
height: calc(.3 * var(--square));
background-image: url(../../images/logo-fachschaft.png);
background-repeat: no-repeat;
background-size: contain; }
@ -161,12 +161,12 @@ body {
grid-template-columns: var(--square);
grid-template-areas: "title" "column1" "column2" ".";
background: var(--secondary); }
@media screen and (min-aspect-ratio: 1 / 1) {
@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 screen and (min-aspect-ratio: 2 / 1) {
@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;
@ -190,7 +190,7 @@ body {
grid-template-rows: auto auto;
grid-template-columns: auto;
background: var(--secondary); }
@media screen and (min-aspect-ratio: 1 / 1) {
@media (min-aspect-ratio: 1 / 1) {
body .layout-two-previews {
grid-template-rows: 100vh;
grid-template-columns: 50vw 50vw;
@ -429,7 +429,7 @@ h2[data-category=Aufgabe]::before {
direction: rtl;
word-spacing: 1000%;
opacity: .2; }
@media screen and (min-aspect-ratio: 1 / 1) and (max-aspect-ratio: 2 / 1) {
@media (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);
@ -544,16 +544,16 @@ kbd {
* Links
* ============
*/
p, li {
p, li, h2, td, figcaption {
z-index: 1; }
p a:link, p a:hover, p a:active, p a:visited, li a:link, li a:hover, li a:active, li a:visited, h2 a:link, h2 a:hover, h2 a:active, h2 a:visited, td a:link, td a:hover, td a:active, td a:visited {
p a:link, p a:hover, p a:active, p a:visited, li a:link, li a:hover, li a:active, li a:visited, h2 a:link, h2 a:hover, h2 a:active, h2 a:visited, td a:link, td a:hover, td a:active, td a:visited, figcaption a:link, figcaption a:hover, figcaption a:active, figcaption a:visited {
text-decoration: none;
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 {
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 {
content: '';
position: absolute;
width: 102%;
@ -564,7 +564,7 @@ p a:link, p a:hover, p a:active, p a:visited, li a:link, li a:hover, li a:active
left: -1%;
transition: .2s height ease; }
p a:hover::before, li a:hover::before, h2 a:hover::before, td a:hover::before {
p a:hover::before, li a:hover::before, h2 a:hover::before, td a:hover::before, figcaption a:hover::before {
height: 110%; }
/*

View File

@ -21,10 +21,10 @@ section {
/* basic layout */
:root {
--square: 100vw;
@media screen and (min-aspect-ratio: 1/1) {
@media (min-aspect-ratio: 1/1) {
--square: 50vw;
}
@media screen and (min-aspect-ratio: 2/1) {
@media (min-aspect-ratio: 2/1) {
--square: 100vh;
}
}
@ -55,7 +55,7 @@ body {
white var(--square),
var(--secondary) var(--square),
var(--secondary) var(--square));
@media screen and (min-aspect-ratio: 1/1) {
@media (min-aspect-ratio: 1/1) {
grid-template-rows: auto var(--square) auto;
grid-template-columns: var(--square) auto;
grid-template-areas:
@ -64,7 +64,7 @@ body {
" . preview";
background: linear-gradient(to right, white 0%, white var(--square), var(--secondary) var(--square), var(--secondary) 100%);
}
@media screen and (min-aspect-ratio: 2/1) {
@media (min-aspect-ratio: 2/1) {
grid-template-rows: var(--square);
grid-template-columns: var(--square) auto;
grid-template-areas:
@ -79,7 +79,7 @@ body {
"content"
" . ";
background: linear-gradient(to bottom, white 0%, white var(--square), var(--secondary) var(--square), var(--secondary) 100%);
@media screen and (min-aspect-ratio: 1/1) {
@media (min-aspect-ratio: 1/1) {
grid-template-rows: auto var(--square) auto;
grid-template-columns: auto var(--square) auto;
grid-template-areas:
@ -110,7 +110,7 @@ body {
grid-template-areas:
"content"
" . ";
@media screen and (min-aspect-ratio: 1/1) {
@media (min-aspect-ratio: 1/1) {
grid-template-rows: auto var(--square) auto;
grid-template-columns: calc(2 * var(--square));
grid-template-areas:
@ -118,7 +118,7 @@ body {
"content"
" . ";
}
@media screen and (min-aspect-ratio: 2/1) {
@media (min-aspect-ratio: 2/1) {
grid-template-rows: auto var(--square) auto;
grid-template-columns: auto calc(2 * var(--square)) auto;
grid-template-areas:
@ -151,8 +151,8 @@ body {
position: absolute;
top: calc(var(--margin) * var(--square));
right: calc(var(--margin) * var(--square));
width: 15vw;
height: 15vw;
width: calc(.3 * var(--square));
height: calc(.3 * var(--square));
background-image: url(../../images/logo-fachschaft.png);
background-repeat: no-repeat;
background-size: contain;
@ -233,7 +233,7 @@ body {
"column2"
".";
background: var(--secondary);
@media screen and (min-aspect-ratio: 1/1) {
@media (min-aspect-ratio: 1/1) {
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:
@ -242,7 +242,7 @@ body {
"column1 column2"
" . . ";
}
@media screen and (min-aspect-ratio: 2/1) {
@media (min-aspect-ratio: 2/1) {
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:
@ -276,7 +276,7 @@ body {
grid-template-rows: auto auto;
grid-template-columns: auto;
background: var(--secondary);
@media screen and (min-aspect-ratio: 1/1) {
@media (min-aspect-ratio: 1/1) {
grid-template-rows: 100vh;
grid-template-columns: 50vw 50vw;
grid-template-areas:
@ -525,7 +525,7 @@ h2[data-category=Aufgabe]::before {
direction: rtl;
word-spacing: 1000%;
opacity: .2;
@media screen and (min-aspect-ratio: 1/1) and (max-aspect-ratio: 2/1) {
@media (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));
@ -665,11 +665,11 @@ kbd {
* Links
* ============
*/
p, li {
p, li, h2, td, figcaption {
z-index: 1;
}
p a, li a, h2 a, td a {
p a, li a, h2 a, td a, figcaption a {
&:link,
&:hover,
&:active,

View File

@ -18,21 +18,6 @@
---
<div class="layout-content-only">
<div class="layout-content">
<h2>Wie wird das verwendet?</h2>
<p class="fragment">Durch BibTex wird LaTeX um einige Befehle zum Zitieren erweitert:</p>
<ul>
<li class="fragment">Zitieren einer Quelle: <code>\cite{&lt;quelle>}</code></li>
<li class="fragment">Zitieren einer Seite: <code>\cite[S. 15]{&lt;quelle>}</code></li>
<li class="fragment">Verweis auf die genutzte `.bib`-Datei: <code>\bibliography{&lt;.bib-datei>}</code></li>
<li class="fragment">Angabe des genutzten Zitierstils: <br/><code>\bibliographystyle{&lt;zitierstil>}</code></li>
</ul>
</div>
</div>
---
<div class="layout-wide-content">
<div class="layout-content">
<h2>Was ist diese ominöse .bib Datei?</h2>
@ -57,6 +42,53 @@
---
<div class="layout-content-only">
<div class="layout-content">
<h2>Wie wird das verwendet?</h2>
<p>Durch BibTeX wird LaTeX um einige Befehle zum Zitieren erweitert. Außerdem benötigt wird das Paket `natbib`.</p>
<ul>
<li class="fragment">Zitieren einer Quelle: <code>\cite{&lt;quelle>}</code></li>
<li class="fragment">Zitieren einer Seite: <code>\cite[S. 15]{&lt;quelle>}</code></li>
<li class="fragment">Verweis auf die genutzte `.bib`-Datei: <code>\bibliography{&lt;.bib-datei>}</code></li>
<li class="fragment">Angabe des genutzten Zitierstils: <br/><code>\bibliographystyle{&lt;zitierstil>}</code></li>
</ul>
<blockquote class="fragment">Zwei Dinge sind unendlich. Das Universum und die Auswahl an Zitierstilen.« <cite>Unbekannt</cite></blockquote>
</div>
</div>
---
<div class="layout-preview-only">
<div class="layout-preview">
<figure>
<img class="large thin-padding" src="sections/german/14/bibtex-alpha-crop.svg">
<figcaption>Zitieren im Alpha-Zitierstil</figcaption>
</figure>
</div>
---
<div class="layout-preview-only">
<div class="layout-preview">
<figure>
<img class="large thin-padding" src="sections/german/14/bibtex-natdin-crop.svg">
<figcaption>Zitieren im Natdin-Zitierstil</figcaption>
</figure>
</div>
---
<div class="layout-preview-only">
<div class="layout-preview">
<figure>
<img class="large thin-padding" src="sections/german/14/bibtex-apa-crop.svg">
<figcaption>Zitieren im Apa-Zitierstil</figcaption>
</figure>
</div>
---
<div class="layout-preview-only">
<div class="layout-preview">
<img class="large" src="sections/german/14/bamberger_katalog_bibtex.jpg">

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 151 KiB

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 151 KiB

View File

@ -0,0 +1,22 @@
\begin{thebibliography}{Haw88}
\bibitem[Fra57]{Frank1957}
Anne Frank.
\newblock {\em Das Tagebuch der Anne Frank}.
\newblock Fischer-B{\"u}cherei. Fischer ; Fischer, Frankfurt/M. ; Frankfurt/M.,
1957.
\newblock EST: Het Achterhuis (dt.).
\bibitem[Haw88]{Hawking1988}
Stephen~W. Hawking.
\newblock {\em Eine kurze Geschichte der Zeit. Die Suche nach der Urkraft des
Universums}.
\newblock Rowohlt, Reinbek bei Hamburg, 23.-42. tsd. edition, 1988.
\newblock 238 S. : Ill., graph. Darst.
\bibitem[Orw57]{Orwell1957}
George Orwell.
\newblock {\em 1984}.
\newblock Diana-Verl., Konstanz, 1957.
\end{thebibliography}

View File

@ -0,0 +1,46 @@
This is BibTeX, Version 0.99d (TeX Live 2017/Debian)
Capacity: max_strings=100000, hash_size=100000, hash_prime=85009
The top-level auxiliary file: bibtex-alpha.aux
The style file: alpha.bst
Database file #1: collection.bib
You've used 3 entries,
2543 wiz_defined-function locations,
582 strings with 4843 characters,
and the built_in function-call counts, 882 in all, are:
= -- 82
> -- 24
< -- 3
+ -- 6
- -- 6
* -- 47
:= -- 160
add.period$ -- 12
call.type$ -- 3
change.case$ -- 13
chr.to.int$ -- 3
cite$ -- 3
duplicate$ -- 48
empty$ -- 76
format.name$ -- 12
if$ -- 180
int.to.chr$ -- 1
int.to.str$ -- 0
missing$ -- 6
newline$ -- 20
num.names$ -- 9
pop$ -- 19
preamble$ -- 1
purify$ -- 18
quote$ -- 0
skip$ -- 30
stack$ -- 0
substring$ -- 21
swap$ -- 3
text.length$ -- 3
text.prefix$ -- 3
top$ -- 0
type$ -- 12
warning$ -- 0
while$ -- 6
width$ -- 5
write$ -- 47

View File

@ -0,0 +1,13 @@
\documentclass[a4paper, pdftex, 12pt]{scrartcl}
\usepackage[utf8]{inputenc}
\usepackage[T1]{fontenc}
\usepackage[ngerman]{babel}
\usepackage{natbib}
\begin{document}
\thispagestyle{empty}
Dieser Text lebt von prominent platzierten Zitaten (u.\thinspace a. \cite{Frank1957}) noch viel prominenterer literarischer Werke \cite[vgl][S. 7]{Orwell1957}, derer \cite{Hawking1988} nur eines ist.
\bibliographystyle{alpha}
\bibliography{collection}
\end{document}

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 150 KiB

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 150 KiB

View File

@ -0,0 +1,21 @@
\begin{thebibliography}{}
\bibitem[\protect\astroncite{Frank}{1957}]{Frank1957}
Frank, A. (1957).
\newblock {\em Das Tagebuch der Anne Frank}.
\newblock Fischer-B{\"u}cherei. Fischer ; Fischer, Frankfurt/M. ; Frankfurt/M.
\newblock EST: Het Achterhuis (dt.).
\bibitem[\protect\astroncite{Hawking}{1988}]{Hawking1988}
Hawking, S.~W. (1988).
\newblock {\em Eine kurze Geschichte der Zeit. Die Suche nach der Urkraft des
Universums}.
\newblock Rowohlt, Reinbek bei Hamburg, 23.-42. tsd. edition.
\newblock 238 S. : Ill., graph. Darst.
\bibitem[\protect\astroncite{Orwell}{1957}]{Orwell1957}
Orwell, G. (1957).
\newblock {\em 1984}.
\newblock Diana-Verl., Konstanz.
\end{thebibliography}

View File

@ -0,0 +1,46 @@
This is BibTeX, Version 0.99d (TeX Live 2017/Debian)
Capacity: max_strings=100000, hash_size=100000, hash_prime=85009
The top-level auxiliary file: bibtex-apa.aux
The style file: apa.bst
Database file #1: collection.bib
You've used 3 entries,
1940 wiz_defined-function locations,
497 strings with 4090 characters,
and the built_in function-call counts, 901 in all, are:
= -- 88
> -- 21
< -- 3
+ -- 6
- -- 6
* -- 63
:= -- 171
add.period$ -- 12
call.type$ -- 3
change.case$ -- 16
chr.to.int$ -- 3
cite$ -- 3
duplicate$ -- 42
empty$ -- 70
format.name$ -- 9
if$ -- 176
int.to.chr$ -- 1
int.to.str$ -- 0
missing$ -- 6
newline$ -- 20
num.names$ -- 9
pop$ -- 16
preamble$ -- 1
purify$ -- 18
quote$ -- 0
skip$ -- 31
stack$ -- 0
substring$ -- 36
swap$ -- 6
text.length$ -- 0
text.prefix$ -- 0
top$ -- 0
type$ -- 12
warning$ -- 0
while$ -- 6
width$ -- 0
write$ -- 47

View File

@ -0,0 +1,13 @@
\documentclass[a4paper, pdftex, 12pt]{scrartcl}
\usepackage[utf8]{inputenc}
\usepackage[T1]{fontenc}
\usepackage[ngerman]{babel}
\usepackage{natbib}
\begin{document}
\thispagestyle{empty}
Dieser Text lebt von prominent platzierten Zitaten (u.\thinspace a. \cite{Frank1957}) noch viel prominenterer literarischer Werke \cite[vgl][S. 7]{Orwell1957}, derer \cite{Hawking1988} nur eines ist.
\bibliographystyle{apa}
\bibliography{collection}
\end{document}

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 169 KiB

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 169 KiB

View File

@ -0,0 +1,36 @@
\begin{thebibliography}{3}
% this bibliography is generated by nd24.bst [3.0c2] from 2005-12-21
\providecommand{\natexlab}[1]{#1}
\providecommand{\url}[1]{\texttt{#1}}
\makeatletter
\newcommand{\dinatlabel}[1]%
{\ifNAT@numbers\else\NAT@biblabelnum{#1}\fi}
\makeatother
\expandafter\ifx\csname urlstyle\endcsname\relax
\providecommand{\doi}[1]{doi: #1}\else
\providecommand{\doi}{doi: \begingroup \urlstyle{rm}\Url}\fi
\bibitem[Frank(1957)]{Frank1957}
\dinatlabel{Frank 1957} \textsc{Frank}, Anne:
\newblock \emph{Das Tagebuch der Anne Frank}.
\newblock Frankfurt/M. ; Frankfurt/M. : Fischer ; Fischer, 1957
(Fischer-B{\"u}cherei). --
\newblock EST: Het Achterhuis (dt.)
\bibitem[Hawking(1988)]{Hawking1988}
\dinatlabel{Hawking 1988} \textsc{Hawking}, Stephen~W.:
\newblock \emph{Eine kurze Geschichte der Zeit. Die Suche nach der Urkraft des
Universums}.
\newblock 23.-42. Tsd.
\newblock Reinbek bei Hamburg : Rowohlt, 1988. --
\newblock ISBN 3498028847. --
\newblock 238 S. : Ill., graph. Darst.
\bibitem[Orwell(1957)]{Orwell1957}
\dinatlabel{Orwell 1957} \textsc{Orwell}, George:
\newblock \emph{1984}.
\newblock Konstanz : Diana-Verl., 1957
\end{thebibliography}

View File

@ -0,0 +1,51 @@
This is BibTeX, Version 0.99d (TeX Live 2017/Debian)
Capacity: max_strings=100000, hash_size=100000, hash_prime=85009
The top-level auxiliary file: bibtex-natdin.aux
The style file: natdin.bst
Reallocated singl_function (elt_size=4) to 100 items from 50.
Reallocated singl_function (elt_size=4) to 100 items from 50.
Reallocated wiz_functions (elt_size=4) to 6000 items from 3000.
Reallocated singl_function (elt_size=4) to 100 items from 50.
Reallocated singl_function (elt_size=4) to 100 items from 50.
Database file #1: collection.bib
You've used 3 entries,
4728 wiz_defined-function locations,
907 strings with 6720 characters,
and the built_in function-call counts, 1562 in all, are:
= -- 149
> -- 30
< -- 30
+ -- 37
- -- 10
* -- 104
:= -- 282
add.period$ -- 4
call.type$ -- 3
change.case$ -- 12
chr.to.int$ -- 3
cite$ -- 3
duplicate$ -- 55
empty$ -- 134
format.name$ -- 18
if$ -- 311
int.to.chr$ -- 1
int.to.str$ -- 1
missing$ -- 12
newline$ -- 34
num.names$ -- 12
pop$ -- 19
preamble$ -- 1
purify$ -- 18
quote$ -- 0
skip$ -- 78
stack$ -- 0
substring$ -- 96
swap$ -- 7
text.length$ -- 4
text.prefix$ -- 0
top$ -- 0
type$ -- 24
warning$ -- 0
while$ -- 13
width$ -- 0
write$ -- 57

View File

@ -0,0 +1,13 @@
\documentclass[a4paper, pdftex, 12pt]{scrartcl}
\usepackage[utf8]{inputenc}
\usepackage[T1]{fontenc}
\usepackage[ngerman]{babel}
\usepackage{natbib}
\begin{document}
\thispagestyle{empty}
Dieser Text lebt von prominent platzierten Zitaten (u.\thinspace a. \cite{Frank1957}) noch viel prominenterer literarischer Werke \cite[vgl][S. 7]{Orwell1957}, derer \cite{Hawking1988} nur eines ist.
\bibliographystyle{natdin}
\bibliography{collection}
\end{document}

View File

@ -0,0 +1,30 @@
@book{Hawking1988,
author={Hawking, Stephen W.},
title={Eine kurze Geschichte der Zeit. Die Suche nach der Urkraft des Universums},
address={Reinbek bei Hamburg},
publisher={Rowohlt},
edition={23.-42. Tsd.},
note={238 S. : Ill., graph. Darst.},
year={1988},
ISBN={3498028847},
keywords={Raum ; Zeit},
keywords={Kosmologie},
}
@book{Orwell1957,
author={Orwell, George},
title={1984},
address={Konstanz},
publisher={Diana-Verl.},
year={1957},
}
@book{Frank1957,
author={Frank, Anne},
title={Das Tagebuch der Anne Frank},
address={Frankfurt/M. ; Frankfurt/M.},
publisher={Fischer ; Fischer},
year={1957},
series={Fischer-B{\"u}cherei},
note={EST: Het Achterhuis (dt.)},
}