From 5108172f1515de9affb7ceb218e197735893c7f2 Mon Sep 17 00:00:00 2001 From: Peter Lejeck Date: Fri, 13 Dec 2013 23:24:44 -0800 Subject: Clean up donate banner * Rephrased donation plea * Added Flattr * Moved donate buttons into a single row * Change donate buttons to a unified system * Get rid of paypal's shitty encrypted
, replace with link * Add a label and message to the bitcoin URL --- css/pomf.css | 46 +++++++++++++++++++++++++++++++++++++++++----- img/bitcoin.png | Bin 0 -> 1825 bytes img/flattr.png | Bin 0 -> 1026 bytes img/paypal.png | Bin 0 -> 689 bytes pages/banners/donate.swig | 24 +++++++++++++++++------- 5 files changed, 58 insertions(+), 12 deletions(-) create mode 100644 img/bitcoin.png create mode 100644 img/flattr.png create mode 100644 img/paypal.png diff --git a/css/pomf.css b/css/pomf.css index a6da8f0..ad85f19 100644 --- a/css/pomf.css +++ b/css/pomf.css @@ -129,12 +129,48 @@ a:focus { border-color: #BCE8F1; color: #3A87AD; } -a.btc { - font-weight: bold; - color: #B94A48; + +/** + * DONATION BUTTONS + */ +span.donate-btns { + display: block; + text-align: center; + margin: 11px 0 3px; } -a.btc:hover { - color: #891A18; +a.donate-btn { + height: 26px; + display: inline-block; + margin: 2px 5px; + background: hsl(0, 0%, 95%); + line-height: 16px; + padding: 3px 8px 3px 24px; + border-radius: 3px; + color: hsl(0, 0%, 25%); + border: 1px solid hsl(0, 0%, 85%); + transition: all .2s; +} +a.donate-btn:hover { + color: #000; + border: 1px solid hsl(0, 0%, 70%); + background-color: hsl(0, 0%, 80%); +} +.icon { + display: block; + height: 16px; + width: 16px; + float: left; + margin-left: -20px; + margin-top: 1px; +} +.icon-paypal { + background-image: url('img/paypal.png'); +} +.icon-bitcoin { + background-image: url('img/bitcoin.png'); +} +.icon-flattr { + background-image: url('img/flattr.png'); } /** diff --git a/img/bitcoin.png b/img/bitcoin.png new file mode 100644 index 0000000..85e491b Binary files /dev/null and b/img/bitcoin.png differ diff --git a/img/flattr.png b/img/flattr.png new file mode 100644 index 0000000..7205695 Binary files /dev/null and b/img/flattr.png differ diff --git a/img/paypal.png b/img/paypal.png new file mode 100644 index 0000000..dd8da81 Binary files /dev/null and b/img/paypal.png differ diff --git a/pages/banners/donate.swig b/pages/banners/donate.swig index 9930b63..09a1f4d 100644 --- a/pages/banners/donate.swig +++ b/pages/banners/donate.swig @@ -1,7 +1,17 @@ - -

- - - Look here! Please to cover server costs, even $1 is appreciated. We accept Paypal via the donate button and bitcoins to 1Hb5Xnn5vEJaH1atkJvzqFJq2DK3MAENWD -

-
+

+ pomf.se is a free service, but our hosting bill isn't — we need almost $100 a month for that. Donations help keep pomf.se free, online, and fast. Everything (after fees) goes to the hosting bill. + +

-- cgit v1.2.3