From a1b124b7df6dda2c7f6c821f64be6a7505e47b6b Mon Sep 17 00:00:00 2001
From: Georg Krause <mail@georg-krause.net>
Date: Tue, 4 Jun 2019 14:39:16 +0200
Subject: [PATCH] Add Liberapay Button

---
 themes/Loopp/static/css/style.css     | 10 ++++++++++
 themes/Loopp/static/images/donate.svg |  1 +
 themes/Loopp/templates/base.html      |  5 +++++
 3 files changed, 16 insertions(+)
 create mode 100644 themes/Loopp/static/images/donate.svg

diff --git a/themes/Loopp/static/css/style.css b/themes/Loopp/static/css/style.css
index 07f4a06..c7e1a27 100644
--- a/themes/Loopp/static/css/style.css
+++ b/themes/Loopp/static/css/style.css
@@ -212,6 +212,16 @@ li.translations {
     }
 }
 
+.pure-menu-img img {
+    height: 1.7em;
+    display: inline-block;
+    margin-top: 5px;
+}
+
+.pure-menu-img {
+    vertical-align: middle;
+}
+
 .custom-wrapper {
     margin-bottom: 1em;
     -webkit-font-smoothing: antialiased;
diff --git a/themes/Loopp/static/images/donate.svg b/themes/Loopp/static/images/donate.svg
new file mode 100644
index 0000000..1ca05be
--- /dev/null
+++ b/themes/Loopp/static/images/donate.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="83" height="30"><rect id="back" fill="#f6c915" x="1" y=".5" width="82" height="29" rx="4"/><svg viewBox="0 0 80 80" height="16" width="16" x="7" y="7"><g transform="translate(-78.37-208.06)" fill="#1a171b"><path d="m104.28 271.1c-3.571 0-6.373-.466-8.41-1.396-2.037-.93-3.495-2.199-4.375-3.809-.88-1.609-1.308-3.457-1.282-5.544.025-2.086.313-4.311.868-6.675l9.579-40.05 11.69-1.81-10.484 43.44c-.202.905-.314 1.735-.339 2.489-.026.754.113 1.421.415 1.999.302.579.817 1.044 1.546 1.395.729.353 1.747.579 3.055.679l-2.263 9.278"/><path d="m146.52 246.14c0 3.671-.604 7.03-1.811 10.07-1.207 3.043-2.879 5.669-5.01 7.881-2.138 2.213-4.702 3.935-7.693 5.167-2.992 1.231-6.248 1.848-9.767 1.848-1.71 0-3.42-.151-5.129-.453l-3.394 13.651h-11.162l12.52-52.19c2.01-.603 4.311-1.143 6.901-1.622 2.589-.477 5.393-.716 8.41-.716 2.815 0 5.242.428 7.278 1.282 2.037.855 3.708 2.024 5.02 3.507 1.307 1.484 2.274 3.219 2.904 5.205.627 1.987.942 4.11.942 6.373m-27.378 15.461c.854.202 1.91.302 3.167.302 1.961 0 3.746-.364 5.355-1.094 1.609-.728 2.979-1.747 4.111-3.055 1.131-1.307 2.01-2.877 2.64-4.714.628-1.835.943-3.858.943-6.071 0-2.161-.479-3.998-1.433-5.506-.956-1.508-2.615-2.263-4.978-2.263-1.61 0-3.118.151-4.525.453l-5.28 21.948"/></g></svg><text fill="#1a171b" text-anchor="middle" font-family="Helvetica Neue,Helvetica,Arial,sans-serif" font-weight="700" font-size="14" x="50" y="20">Donate</text></svg>
\ No newline at end of file
diff --git a/themes/Loopp/templates/base.html b/themes/Loopp/templates/base.html
index 55fa407..a232a9b 100644
--- a/themes/Loopp/templates/base.html
+++ b/themes/Loopp/templates/base.html
@@ -53,6 +53,11 @@
                             <li class="pure-menu-item"><a href="{{ link }}" class="pure-menu-link">{{ title }}</a></li>
                         {% endfor %}
                     {% endif %}
+                    <li class="pure-menu-item">
+                        <a href="https://liberapay.com/gcrkrause/donate" class="pure-menu-img">
+                            <img alt="Donate using Liberapay" src="{{ SITEURL }}/theme/images/donate.svg">
+                        </a>
+                    </li>
                 </ul>
             </div>
         </div>