From 8dce4e8483e09382511eb95ace67c9ba06b62896 Mon Sep 17 00:00:00 2001
From: Daan Sprenkels <daan@dsprenkels.com>
Date: Tue, 17 Dec 2019 23:11:06 +0530
Subject: [PATCH] web: Indent <pre> with padding-left (no spaces)

Fixes #34
---
 assets/css/main.css                   |  4 ++++
 assets/templates/html/index.html.tmpl | 20 ++++++++++----------
 assets/templates/txt/index.txt.tmpl   | 20 ++++++++++----------
 3 files changed, 24 insertions(+), 20 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index 4f90f6f..54f9979 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -15,4 +15,8 @@ body {
     transition: visibility 175ms, opacity 175ms;
     width: 100%;
     z-index: 999;               
+}
+
+pre {
+    padding-left: 4ex; /* approx 4 monospaced spaces */
 }
\ No newline at end of file
diff --git a/assets/templates/html/index.html.tmpl b/assets/templates/html/index.html.tmpl
index edaa676..80da6a7 100644
--- a/assets/templates/html/index.html.tmpl
+++ b/assets/templates/html/index.html.tmpl
@@ -27,18 +27,18 @@ the command line.
 
 <h2>Command line API</h2>
 <pre>
-    # Upload a file
-    curl -F'file=@yourfile.png' <a href="{{.RootURL}}">{{.RootURL}}</a>
+# Upload a file
+curl -F'file=@yourfile.png' <a href="{{.RootURL}}">{{.RootURL}}</a>
 
-    # Shorten a URL
-    curl -F'shorten=http://example.com/some/long/url' <a href="{{.RootURL}}">{{.RootURL}}</a>
+# Shorten a URL
+curl -F'shorten=http://example.com/some/long/url' <a href="{{.RootURL}}">{{.RootURL}}</a>
 
-    # The first line of the result will contain the shortened URL.
-    #
-    # In the other lines, you will find other information, including
-    # information on how to delete the shortened object.
+# The first line of the result will contain the shortened URL.
+#
+# In the other lines, you will find other information, including
+# information on how to delete the shortened object.
 
-    # To upload a file and only extract the shortened URL (i.e. throw away the rest)
-    curl -F'file=@yourfile.png' <a href="{{.RootURL}}">{{.RootURL}}</a> | head -n 1
+# To upload a file and only extract the shortened URL (i.e. throw away the rest)
+curl -F'file=@yourfile.png' <a href="{{.RootURL}}">{{.RootURL}}</a> | head -n 1
 </pre>
 {{end}}
diff --git a/assets/templates/txt/index.txt.tmpl b/assets/templates/txt/index.txt.tmpl
index dd5e8e0..f7973c1 100644
--- a/assets/templates/txt/index.txt.tmpl
+++ b/assets/templates/txt/index.txt.tmpl
@@ -6,16 +6,16 @@ the command line.
 
 ## USAGE
 
-    # Upload a file
-    curl -F'file=@yourfile.png' {{.RootURL}}
+# Upload a file
+curl -F'file=@yourfile.png' {{.RootURL}}
 
-    # Shorten a URL
-    curl -F'shorten=http://example.com/some/long/url' {{.RootURL}}
+# Shorten a URL
+curl -F'shorten=http://example.com/some/long/url' {{.RootURL}}
 
-    # The first line of the result will contain the shortened URL.
-    #
-    # In the other lines, you will find other information, including
-    # information on how to delete the shortened object.
+# The first line of the result will contain the shortened URL.
+#
+# In the other lines, you will find other information, including
+# information on how to delete the shortened object.
 
-    # To upload a file and only extract the shortened URL (i.e. throw away the rest)
-    curl -F'file=@yourfile.png' {{.RootURL}} | head -n 1
+# To upload a file and only extract the shortened URL (i.e. throw away the rest)
+curl -F'file=@yourfile.png' {{.RootURL}} | head -n 1