show how to add/customize header/footer; fixes #71

demo/remark/header-footer/talk.css

@@ -0,0 +1,53 @@
+.header-content {
+  background: #3498db;
+  position: absolute;
+  width: 100%;
+  top: 0em;
+}
+
+#footer-content {
+  background: #3498db;
+  position: absolute;
+  width: 100%;
+  bottom: 0em;
+}
+
+h1 {
+  color: #4a235a;
+}
+
+h2 {
+  color: #6c3483;
+}
+
+h3 {
+  color: #8e44ad;
+}
+
+a {
+  color: #3498db;
+}
+
+.inverse {
+  background: #272822;
+  color: #777872;
+}
+
+.inverse h1, .inverse h2 {
+  color: #a3e4d7;
+  line-height: 0.8em;
+}
+
+.background h1 {
+  color: #e8daef;
+}
+
+.left-column {
+  width: 50%;
+  float: left;
+}
+
+.right-column {
+  width: 50%;
+  float: right;
+}

demo/remark/header-footer/talk.md

@@ -0,0 +1,76 @@
+class: center, middle, inverse
+
+# Simple example presentation
+
+## Author [@404](https://twitter.com)
+
+Some affiliation
+
+---
+
+layout: true
+
+.header-content[This is a customized header that appears on all slides]
+
+<div id="footer-content">
+  <p>
+    <img src="img/placeholder-logo.svg" style="width: 50px;"/>
+    This is a customized footer that appears on all slides
+  </p>
+</div>
+
+---
+
+# Main heading
+
+## Subheading
+
+### Even smaller heading
+
+Try **F** and **P** keys.
+
+- A bullet point
+- Another convincing argument
+
+Some links:
+
+- [Cicero](https://cicero.xyz)
+- [remark](https://remarkjs.com)
+
+---
+
+# Slide with two columns
+
+.left-column[
+## Left heading
+
+- Some
+- Bullet
+- Points
+]
+
+.right-column[
+## Right heading
+
+- Other
+- Interesting
+- Bullet points
+]
+
+---
+
+## Code blocks are no problem
+
+Here we have some Python code:
+
+```python
+from itertools import cycle
+
+fizz = cycle(['', '', 'Fizz'])
+buzz = cycle(['', '', '', '', 'Buzz'])
+
+for i in range(1, 101):
+    print((next(fizz) + next(buzz)) or i)
+```
+
+[Source](https://github.com/olemb/nonsense/blob/master/fizzbuzz/itertools_cycle.py)

doc/api.rst

@@ -13,6 +13,7 @@ Examples with `files on GitHub <https://github.com/bast/cicero/tree/master/demo>
 - https://cicero.xyz/v3/remark/0.14.0/github.com/bast/cicero/master/demo/remark/styling/talk.md
 - https://cicero.xyz/v3/remark/0.14.0/github.com/bast/cicero/master/demo/remark/equations/talk.md
 - https://cicero.xyz/v3/remark/0.14.0/github.com/bast/cicero/master/demo/remark/original/talk.md
+- https://cicero.xyz/v3/remark/0.14.0/github.com/bast/cicero/master/demo/remark/header-footer/talk.md
 - https://cicero.xyz/v3/reveal.js/3.7.0/github.com/bast/cicero/master/demo/reveal.js/talk.md
 
 Examples with `files on GitLab <https://gitlab.com/bast/cicero-example/tree/master/demo>`__: