adding the beginning of the colophon

static/author2.svg

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="119px" height="117px" viewBox="0 0 119 117" enable-background="new 0 0 119 117" xml:space="preserve">
+<path fill="none" d="M-58,101c0,0,205,66,179-176"/>
+<text transform="matrix(0.9907 0.1359 -0.1359 0.9907 -33.3164 106.5879)"><tspan x="0" y="0" font-family="'ApfelGrotezk-Regular'" font-size="50"> </tspan><tspan x="11.08" y="-0.025" font-family="'ApfelGrotezk-Regular'" font-size="50" rotate="-2.946"> </tspan><tspan x="22.216" y="-0.627" font-family="'ApfelGrotezk-Regular'" font-size="50" rotate="-6.105"> </tspan><tspan x="34.575" y="-1.619" font-family="'ApfelGrotezk-Regular'" font-size="50" rotate="-12.529">a</tspan><tspan x="63.94" y="-8.364" font-family="'ApfelGrotezk-Regular'" font-size="50" rotate="-25.388">u</tspan><tspan x="93.526" y="-23.849" font-family="'ApfelGrotezk-Regular'" font-size="50" rotate="-39.98">t</tspan><tspan x="111.065" y="-38.65" font-family="'ApfelGrotezk-Regular'" font-size="50" rotate="-56.67">h</tspan><tspan x="129.261" y="-68.635" font-family="'ApfelGrotezk-Regular'" font-size="50" rotate="-74.726">o</tspan><tspan x="136.951" y="-100.473" font-family="'ApfelGrotezk-Regular'" font-size="50" rotate="-84.945">r</tspan></text>
+</svg>

static/css/main.css

@@ -76,6 +76,22 @@ sup#fn54, sup#fn38, sup#fn66 {
   /* -webkit-clip-path: ellipse(49% 70% at center center); */
   }
 
+#colophon {
+  position: fixed;
+  right: 0;
+  bottom: 10px;
+  width: 14%;
+}
+
+#colophon img {
+  width: 100%;
+  -webkit-transform:rotate(180deg);
+  -moz-transform: rotate(180deg);
+  -ms-transform: rotate(180deg);
+  -o-transform: rotate(180deg);
+  transform: rotate(180deg);
+}
+
 .main:after {
     content: "";
     display: table;

templates/layout.html

@@ -654,6 +654,8 @@ var flag = true;
 
         {% block content %}
         {% endblock content %}
+
+        <div id="colophon"><img src="{{ url_for('static', filename='chewing_gum_shadow.png') }}"></div>
       </div>
     </div>
     <div class="nav-bottom">