diff --git a/Makefile b/Makefile
index 3fc0b2f..0f19933 100644
--- a/Makefile
+++ b/Makefile
@@ -40,5 +40,5 @@ mobi:
 upload:
 	cp -r _build/html/* '/home/runassudo/Documents/Work/School Cloud Data/unenc/public/www/pointsoforder'
 	sha256sum _build/latex/PointsOfOrder_Lulu.pdf | awk '{print substr($$1,0,6);}' > _build/latex/PointsOfOrder_Lulu.pdf.sha256
-	rm '/home/runassudo/Documents/Work/School Cloud Data/unenc_transient/Lulu/PointsOfOrder_Lulu'*.pdf
+	rm '/home/runassudo/Documents/Work/School Cloud Data/unenc_transient/Lulu/PointsOfOrder_Lulu'*.pdf || true
 	cp _build/latex/PointsOfOrder_Lulu.pdf '/home/runassudo/Documents/Work/School Cloud Data/unenc_transient/Lulu/PointsOfOrder_Lulu_'$$(sha256sum _build/latex/PointsOfOrder_Lulu.pdf | awk '{print substr($$1,0,6);}')'.pdf'
diff --git a/_static/cover.jpg b/_static/cover.jpg
index ace16d5..854d765 100644
Binary files a/_static/cover.jpg and b/_static/cover.jpg differ
diff --git a/_static/custom_html.css b/_static/custom_html.css
index 479d413..5166763 100644
--- a/_static/custom_html.css
+++ b/_static/custom_html.css
@@ -61,6 +61,36 @@ div.sphinxsidebarwrapper p.caption {
 	display: none;
 }
 
+div.sphinxsidebarwrapper div.logo {
+	display: flex;
+	align-items: center;
+}
+
+div.sphinxsidebarwrapper div.logo a:not(:hover) {
+	border: none;
+}
+
+div.sphinxsidebarwrapper div.logo > a {
+	border: none;
+	width: 40%;
+	margin-right: 0.5em;
+}
+
+/* Footer */
+
+div.pre-footer {
+	width: 940px;
+	margin: 20px auto 0 auto;
+	padding: 4px;
+	font-size: 16px;
+	text-align: center;
+	border: 1px solid #999;
+}
+
+div.pre-footer a {
+	color: #444;
+}
+
 /* Media queries */
 
 @media screen and (max-width: 870px) {
diff --git a/potheme_html/about.html b/potheme_html/about.html
new file mode 100644
index 0000000..c843be7
--- /dev/null
+++ b/potheme_html/about.html
@@ -0,0 +1,9 @@
+<h1 class="logo"><a href="{{ pathto(master_doc) }}">{{ project }}</a></h1>
+<div class="logo">
+	<a href="{{ pathto(master_doc) }}">
+		<img class="logo" src="{{ pathto('_static/cover.jpg', 1) }}" alt="Logo"/>
+	</a>
+	<aside>
+		<a href="https://gumroad.com/l/KErDHC">Buy the ebook:<br>Pay what you want</a>
+	</aside>
+</div>
diff --git a/potheme_html/layout.html b/potheme_html/layout.html
index 3f6670b..427e229 100644
--- a/potheme_html/layout.html
+++ b/potheme_html/layout.html
@@ -1,6 +1,10 @@
 {%- extends "alabaster/layout.html" %}
 
 {%- block footer %}
+    <div class="pre-footer">
+      <a href="https://gumroad.com/l/KErDHC">Buy the ebook: Pay what you want</a>
+    </div>
+    
     <div class="footer">
       Edition {{ release }} | Copyright &copy; {{ copyright }} | <a href="introduction.html#copyright">CC BY-SA 4.0 / GFDL 1.3</a>
       {%- if show_source and has_source and sourcename %}