diff --git a/docs/css/cookbook.css b/docs/css/cookbook.css
new file mode 100644
index 0000000..64e800b
--- /dev/null
+++ b/docs/css/cookbook.css
@@ -0,0 +1,96 @@
+/* https://stackoverflow.com/questions/56373198/get-xaringan-incremental-animations-to-print-to-pdf */
+
+.title-slide {
+ background-image: url(img/Dry_Chili_pepper.jpg);
+ /* background-position: 100% 0%; ## just start changing this */
+ background-size: 300px;
+ background-color: #fff;
+ padding-left: 100px; /* delete this for 4:3 aspect ratio */
+}
+
+
+.remark-slide-content {
+ background-color: #FAFAFA;
+ border-top: 80px solid #6B84AC;
+ font-size: 20px;
+ font-weight: 300;
+ line-height: 1.5;
+ padding: 1em 2em 1em 2em;
+}
+
+hr, .title-slide h2::after, .mline h1::after {
+ content: '';
+ display: block;
+ border: none;
+ background-color: #efefef;
+ /* color: #EB811B; */
+ height: 3px;
+}
+@media print {
+ .has-continuation {
+ display: block !important;
+ }
+}
+
+.inverse {
+ background-color: #6B84AC;
+ border-top: 0px !important;
+ color: #ffffff;
+ /* text-shadow: 0 0 20px #333; */
+}
+
+
+.inverse h1{
+ margin-top: 425px;
+}
+
+.inverse2 h1{
+ margin-top: 100px;
+ text-align: right;
+}
+
+.inverse2 h2 {
+ color: #efefef;
+ text-align: right;
+}
+
+
+.title-slide h1 {
+ margin-top: 100px;
+ color: #efefef;
+}
+
+
+
+.title-slide h2 {
+ color: #efefef;
+}
+
+.title-slide h3 {
+ color: #efefef;
+}
+
+.white{
+ background-color: #ffffff !important;
+}
+
+h1 {
+ margin-top: -95px;
+ color: #efefef;
+ text-align: left;
+}
+
+.smallpic{
+ width: 2500px;
+ height: 180px
+}
+
+.attribution{
+ padding-left: 650px;
+ font-size: 15px;
+ color: #efefef;
+}
+
+.attribution a {
+ color: #efefef;
+}
\ No newline at end of file
diff --git a/docs/img/Dry_Chili_pepper.jpg b/docs/img/Dry_Chili_pepper.jpg
new file mode 100644
index 0000000..a31a994
Binary files /dev/null and b/docs/img/Dry_Chili_pepper.jpg differ
diff --git a/docs/img/Dry_tagliatelle_pasta.jpg b/docs/img/Dry_tagliatelle_pasta.jpg
new file mode 100644
index 0000000..d243147
Binary files /dev/null and b/docs/img/Dry_tagliatelle_pasta.jpg differ
diff --git a/docs/img/Making_potato_wedges.jpg b/docs/img/Making_potato_wedges.jpg
new file mode 100644
index 0000000..1377369
Binary files /dev/null and b/docs/img/Making_potato_wedges.jpg differ
diff --git a/docs/img/Oranges.jpg b/docs/img/Oranges.jpg
new file mode 100644
index 0000000..b7fc92f
Binary files /dev/null and b/docs/img/Oranges.jpg differ
diff --git a/docs/img/Spices.jpg b/docs/img/Spices.jpg
new file mode 100644
index 0000000..90ae879
Binary files /dev/null and b/docs/img/Spices.jpg differ
diff --git a/docs/index.Rmd b/docs/index.Rmd
new file mode 100644
index 0000000..eaddd2d
--- /dev/null
+++ b/docs/index.Rmd
@@ -0,0 +1,66 @@
+---
+title: "The PolMine Cookbook"
+author: "Andreas Blaette, Christoph Leonhardt"
+output:
+ xaringan::moon_reader:
+ css: [default, metropolis, robot-fonts, './css/cookbook.css']
+ seal: false
+ nature:
+ countIncrementalSlides: false
+ titleSlideClass: ["title-slide", "nobackground", "inverse"]
+editor_options:
+ chunk_output_type: console
+---
+
+background-image: url(img/Oranges.jpg)
+background-size: cover
+class: nobackground, inverse
+
+.attribution[[Picture: Wikimedia Commons](https://commons.wikimedia.org/wiki/File:Oranges.jpg)]
+
+
+# Cookin' with PolMine
+## A Cookbook for Corpus Analysis
+
+---
+
+
+background-image: url(img/Spices.jpg)
+background-size: cover
+class: nobackground, inverse
+
+.attribution[[Ramesh NG](https://commons.wikimedia.org/wiki/File:Dry_Chili_pepper.jpg)]
+
+
+# The CQP Syntax
+## Spice up your Queries
+
+[Click here to see recipe!](subset.html)
+
+---
+
+background-image: url(img/Making_potato_wedges.jpg)
+background-size: cover
+class: nobackground, inverse2
+
+.attribution[[W. Carter](https://upload.wikimedia.org/wikipedia/commons/4/49/Making_potato_wedges.jpg)]
+
+
+# Corpus Slices
+## Subsetting by Structural Annotation
+
+[Click here to see recipe!](subset.html)
+
+---
+
+background-image: url(img/Dry_tagliatelle_pasta.jpg)
+background-size: cover
+class: nobackground, inverse
+
+.attribution[[Mathias Braux](https://upload.wikimedia.org/wikipedia/commons/3/32/Dry_tagliatelle_pasta.jpg)]
+
+# Textual Tagliatelle
+## Unraveling Sentence Annotation
+
+[Click here to see recipe!](sentences_intro.html)
+
diff --git a/docs/index.html b/docs/index.html
new file mode 100644
index 0000000..dc88397
--- /dev/null
+++ b/docs/index.html
@@ -0,0 +1,185 @@
+
+
+
+ The PolMine Cookbook
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/docs/index_files/header-attrs-2.25/header-attrs.js b/docs/index_files/header-attrs-2.25/header-attrs.js
new file mode 100644
index 0000000..dd57d92
--- /dev/null
+++ b/docs/index_files/header-attrs-2.25/header-attrs.js
@@ -0,0 +1,12 @@
+// Pandoc 2.9 adds attributes on both header and div. We remove the former (to
+// be compatible with the behavior of Pandoc < 2.8).
+document.addEventListener('DOMContentLoaded', function(e) {
+ var hs = document.querySelectorAll("div.section[class*='level'] > :first-child");
+ var i, h, a;
+ for (i = 0; i < hs.length; i++) {
+ h = hs[i];
+ if (!/^h[1-6]$/i.test(h.tagName)) continue; // it should be a header h1-h6
+ a = h.attributes;
+ while (a.length > 0) h.removeAttribute(a[0].name);
+ }
+});
diff --git a/docs/index_files/remark-css-0.0.1/default.css b/docs/index_files/remark-css-0.0.1/default.css
new file mode 100644
index 0000000..d37bfd2
--- /dev/null
+++ b/docs/index_files/remark-css-0.0.1/default.css
@@ -0,0 +1,72 @@
+a, a > code {
+ color: rgb(249, 38, 114);
+ text-decoration: none;
+}
+.footnote {
+ position: absolute;
+ bottom: 3em;
+ padding-right: 4em;
+ font-size: 90%;
+}
+.remark-code-line-highlighted { background-color: #ffff88; }
+
+.inverse {
+ background-color: #272822;
+ color: #d6d6d6;
+ text-shadow: 0 0 20px #333;
+}
+.inverse h1, .inverse h2, .inverse h3 {
+ color: #f3f3f3;
+}
+/* Two-column layout */
+.left-column {
+ color: #777;
+ width: 20%;
+ height: 92%;
+ float: left;
+}
+.left-column h2:last-of-type, .left-column h3:last-child {
+ color: #000;
+}
+.right-column {
+ width: 75%;
+ float: right;
+ padding-top: 1em;
+}
+.pull-left {
+ float: left;
+ width: 47%;
+}
+.pull-right {
+ float: right;
+ width: 47%;
+}
+.pull-right + * {
+ clear: both;
+}
+img, video, iframe {
+ max-width: 100%;
+}
+blockquote {
+ border-left: solid 5px lightgray;
+ padding-left: 1em;
+}
+.remark-slide table {
+ margin: auto;
+ border-top: 1px solid #666;
+ border-bottom: 1px solid #666;
+}
+.remark-slide table thead th { border-bottom: 1px solid #ddd; }
+th, td { padding: 5px; }
+.remark-slide thead, .remark-slide tfoot, .remark-slide tr:nth-child(even) { background: #eee }
+
+@page { margin: 0; }
+@media print {
+ .remark-slide-scaler {
+ width: 100% !important;
+ height: 100% !important;
+ transform: scale(1) !important;
+ top: 0 !important;
+ left: 0 !important;
+ }
+}
diff --git a/docs/index_files/remark-css-0.0.1/metropolis.css b/docs/index_files/remark-css-0.0.1/metropolis.css
new file mode 100644
index 0000000..59f0072
--- /dev/null
+++ b/docs/index_files/remark-css-0.0.1/metropolis.css
@@ -0,0 +1,254 @@
+.remark-slide-content {
+ background-color: #FAFAFA;
+ border-top: 80px solid #23373B;
+ font-size: 20px;
+ font-weight: 300;
+ line-height: 1.5;
+ padding: 1em 2em 1em 2em
+}
+
+.title-slide .inverse .remark-slide-content {
+ background-color: #FAFAFA;
+}
+
+.inverse {
+ background-color: #23373B;
+ text-shadow: none;
+}
+
+/* Removes colored bar from top of the slide resulting in a clear slide */
+.clear{
+ border-top: 0px solid #FAFAFA;
+}
+
+h1 {
+ font-weight: normal;
+ margin-top: -95px;
+ margin-left: -00px;
+ color: #FAFAFA;
+}
+
+h2, h3, h4 {
+ padding-top: -15px;
+ padding-bottom: 00px;
+ color: #1A292C;
+ text-shadow: none;
+ font-weight: 400;
+ text-align: left;
+ margin-left: 00px;
+ margin-bottom: -10px;
+}
+
+.remark-slide-content h1 {
+ font-size: 45px;
+}
+
+.remark-slide-content h2 {
+ font-size: 35px;
+}
+
+.remark-slide-content h3 {
+ font-size: 30px;
+}
+
+.left-column h2, .left-column h3, .left-column h4 {
+ color: #777;
+}
+
+.left-column h2:last-of-type, .left-column h3:last-child {
+ color: #1A292C;
+}
+
+.title-slide {
+ background-color: #FAFAFA;
+ border-top: 80px solid #FAFAFA;
+}
+
+.title-slide h1 {
+ color: #1A292C;
+ font-size: 40px;
+ text-shadow: none;
+ font-weight: 400;
+ text-align: left;
+ margin-left: 15px;
+ padding-top: 80px;
+}
+.title-slide h2 {
+ margin-top: -25px;
+ padding-bottom: -20px;
+ color: #1A292C;
+ text-shadow: none;
+ font-weight: 300;
+ font-size: 35px;
+ text-align: left;
+ margin-left: 15px;
+}
+.title-slide h3 {
+ color: #1A292C;
+ text-shadow: none;
+ font-weight: 300;
+ font-size: 25px;
+ text-align: left;
+ margin-left: 15px;
+ margin-bottom: -30px;
+}
+
+hr, .title-slide h2::after, .mline h1::after {
+ content: '';
+ display: block;
+ border: none;
+ background-color: #EB811B;
+ color: #EB811B;
+ height: 1px;
+}
+
+hr, .mline h1::after {
+ margin: 1em 15px 0 15px;
+}
+
+.title-slide h2::after {
+ margin: 10px 15px 35px 0;
+}
+
+.mline h1::after {
+ margin: 10px 15px 0 15px;
+}
+
+.remark-slide-number {
+ font-size: 13pt;
+ color: #272822;
+ opacity: 1;
+}
+.inverse .remark-slide-number {
+ font-size: 13pt;
+ color: #FAFAFA;
+ opacity: 1;
+}
+
+/* turns off slide numbers for title page: https://github.com/gnab/remark/issues/298 */
+.title-slide .remark-slide-number {
+ display: none;
+}
+
+.remark-inline-code {
+ /* background: #F5F5F5; /* lighter */
+ background: #e7e8e2; /* darker */
+ border-radius: 3px;
+ padding: 4px;
+}
+
+.code10 .remark-code {
+ font-size: 10%;
+}
+
+.code20 .remark-code {
+ font-size: 20%;
+}
+
+.code30 .remark-code {
+ font-size: 30%;
+}
+
+.code40 .remark-code {
+ font-size: 40%;
+}
+
+.code50 .remark-code {
+ font-size: 50%;
+}
+
+.code60 .remark-code {
+ font-size: 60%;
+}
+
+.code70 .remark-code {
+ font-size: 70%;
+}
+
+.code80 .remark-code {
+ font-size: 80%;
+}
+
+.code90 .remark-code {
+ font-size: 90%;
+}
+
+.code100 .remark-code {
+ font-size: 100%;
+}
+
+.font10 {
+ font-size: 10%;
+}
+
+.font20 {
+ font-size: 20%;
+}
+
+.font30 {
+ font-size: 30%;
+}
+
+.font40 {
+ font-size: 40%;
+}
+
+.font50 {
+ font-size: 50%;
+}
+
+.font60 {
+ font-size: 60%;
+}
+
+.font70 {
+ font-size: 70%;
+}
+
+.font80 {
+ font-size: 80%;
+}
+
+.font90 {
+ font-size: 90%;
+}
+
+.font100 {
+ font-size: 100%;
+}
+
+.font110 {
+ font-size: 110%;
+}
+
+.font120 {
+ font-size: 120%;
+}
+
+.font130 {
+ font-size: 130%;
+}
+
+.font140 {
+ font-size: 140%;
+}
+
+.font150 {
+ font-size: 150%;
+}
+
+.font160 {
+ font-size: 160%;
+}
+.font170 {
+ font-size: 170%;
+}
+.font180 {
+ font-size: 180%;
+}
+.font190 {
+ font-size: 190%;
+}
+.font200 {
+ font-size: 200%;
+}
diff --git a/docs/index_files/remark-css-0.0.1/robot-fonts.css b/docs/index_files/remark-css-0.0.1/robot-fonts.css
new file mode 100644
index 0000000..8e8c7b6
--- /dev/null
+++ b/docs/index_files/remark-css-0.0.1/robot-fonts.css
@@ -0,0 +1,19 @@
+@import url(https://fonts.googleapis.com/css?family=Inconsolata);
+@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700');
+@import url('https://fonts.googleapis.com/css?family=Roboto:700');
+
+body {
+ font-family: 'Roboto Condensed', 'Avenir Next', 'Helvetica Neue', 'Helvetica', sans-serif;
+ font-weight: 400;
+ color: #222;
+}
+.remark-slide-content {
+ font-size: 1.38em;
+ padding: .25em 3.5em .25em 4em;
+}
+h1, h2, h3 {
+ font-family: 'Roboto', 'Avenir Next', 'Helvetica Neue', 'Helvetica', sans-serif;
+ font-weight: 700;
+ color: #222;
+}
+.remark-code, .remark-inline-code { font-family: 'Inconsolata', 'Consolas', Monaco, monospace; }
diff --git a/sentences_intro.html b/sentences_intro.html
new file mode 100644
index 0000000..04acc16
--- /dev/null
+++ b/sentences_intro.html
@@ -0,0 +1,509 @@
+
+
+
+ Cooking with GermaParl
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/sentences_intro_files/header-attrs-2.25/header-attrs.js b/sentences_intro_files/header-attrs-2.25/header-attrs.js
new file mode 100644
index 0000000..dd57d92
--- /dev/null
+++ b/sentences_intro_files/header-attrs-2.25/header-attrs.js
@@ -0,0 +1,12 @@
+// Pandoc 2.9 adds attributes on both header and div. We remove the former (to
+// be compatible with the behavior of Pandoc < 2.8).
+document.addEventListener('DOMContentLoaded', function(e) {
+ var hs = document.querySelectorAll("div.section[class*='level'] > :first-child");
+ var i, h, a;
+ for (i = 0; i < hs.length; i++) {
+ h = hs[i];
+ if (!/^h[1-6]$/i.test(h.tagName)) continue; // it should be a header h1-h6
+ a = h.attributes;
+ while (a.length > 0) h.removeAttribute(a[0].name);
+ }
+});