add special box floating in left corner

site/layouts/index.html

@@ -46,6 +46,8 @@
         {{ partial "legal.html" . }}
         
         {{ partial "sharecolumn.html" . }}
+        
+        {{ partial "special-box.html" . }}
 
         {{ partial "js.html" . }}
     </body>

site/layouts/partials/special-box.html

@@ -0,0 +1,4 @@
+{{ "<!-- SPECIAL-BOX -->" | safeHTML }}
+<div id="special-box">
+<a href="#action" class="hiddenlink page-scroll"><span>Already X signatures – sign the Open Letter now!</span></a>
+</div>

site/static/css/custom.css

@@ -345,3 +345,18 @@ a:not(.btn):not(.hiddenlink):hover::before, a:not(.btn):not(.hiddenlink):focus::
   padding: 20px 30px;
   font-style: italic;
 }
+
+/* FLOATING SIGNATURE BOX */
+#special-box {
+  position: fixed;
+  top: 50px;
+  left: 0px;
+  background: rgba(255,255,255,0.8);
+  max-width: 250px;
+  padding: 10px;
+  border-radius: 0px 0px 15px 0px;
+  text-align: center;
+}
+#special-box a {
+  
+}