Added header and footer to the tutorial.

regebro · Jul 18, 2017 · 5a59c4b · 5a59c4b
1 parent 7bd5e04
commit 5a59c4b
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 1 deletion.
diff --git a/docs/examples/tutorial.css b/docs/examples/tutorial.css
@@ -48,4 +48,17 @@ a {
 
 .hidden {
     display: none;
-}
+}
+
+.header img {
+    opacity: 0.2;
+    width: 25%;
+    position: absolute;
+    left: 0;
+}
+
+.footer {
+    position: absolute;
+    top: 95%;
+    font-size: 50%;
+}
diff --git a/docs/examples/tutorial.rst b/docs/examples/tutorial.rst
@@ -4,6 +4,14 @@
 :keywords: presentation, restructuredtext, impress.js, tutorial
 :css: tutorial.css
 
+.. header::
+
+    .. image:: images/hovercraft_logo.png
+
+.. footer::
+
+   Hovercraft! Tutorial, https://hovercraft.readthedocs.io
+
 This slide show is a sort of tutorial of how to use Hovercraft! to make
 presentations. It will show the most important features of Hovercraft! with
 explanations.