[gimp-web/testing] Added different 'Donation' buttons to header navigation.
- From: Pat David <patdavid src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gimp-web/testing] Added different 'Donation' buttons to header navigation.
- Date: Tue, 26 Apr 2016 20:59:32 +0000 (UTC)
commit c1b1c53292939697272d5201025d5f8739a14d6b
Author: Pat David <patdavid gmail com>
Date: Tue Apr 26 15:57:48 2016 -0500
Added different 'Donation' buttons to header navigation.
We used to have a simple Flattr banner/button there, but it left
off bitcoin and paypal from visibility.
I have replaced the Flattr badge with a PayPal, Flattr, and
bitcoin icon (with appropriate links) that will now be visible
on all pages of the site in the header navigation.
themes/newgimp/static/css/gimp.css | 31 +++++++++++++++++++++++++++++++
themes/newgimp/static/images/flattr.png | Bin 0 -> 428 bytes
themes/newgimp/static/images/pp16.png | Bin 0 -> 1921 bytes
themes/newgimp/templates/base.html | 11 +++++++++++
4 files changed, 42 insertions(+), 0 deletions(-)
---
diff --git a/themes/newgimp/static/css/gimp.css b/themes/newgimp/static/css/gimp.css
index eac8f7f..29266ac 100644
--- a/themes/newgimp/static/css/gimp.css
+++ b/themes/newgimp/static/css/gimp.css
@@ -209,6 +209,23 @@ nav#menu ul > li a{
color: #ecf0f1;
}
+nav#menu ul > li:last-of-type {
+ white-space: nowrap;
+}
+
+.donate-type:hover {
+ text-decoration: none;
+}
+
+.donate-type > img {
+ vertical-align: middle;
+}
+
+.donate-type > i {
+ display: inline !important;
+ color: #f57900;
+}
+
nav#menu .fa {
font-size: 1rem;
vertical-align: middle;
@@ -487,6 +504,20 @@ footer .nav-bottom a {
padding-top: 0.5rem;
}
+ nav#menu ul li:last-of-type {
+ margin-bottom: 1rem;
+ }
+
+ nav#menu ul li a.donate-type {
+ display: inline;
+ padding: 1rem;
+ }
+
+ nav#menu ul li a.donate-type > i.fa.fa-btc {
+ vertical-align: middle !important;
+ font-size: 1.25rem;
+ }
+
a#navel-old {
top: 0;
z-index: 2;
diff --git a/themes/newgimp/static/images/flattr.png b/themes/newgimp/static/images/flattr.png
new file mode 100644
index 0000000..98248e1
Binary files /dev/null and b/themes/newgimp/static/images/flattr.png differ
diff --git a/themes/newgimp/static/images/pp16.png b/themes/newgimp/static/images/pp16.png
new file mode 100644
index 0000000..ad2c144
Binary files /dev/null and b/themes/newgimp/static/images/pp16.png differ
diff --git a/themes/newgimp/templates/base.html b/themes/newgimp/templates/base.html
index 9c5dfba..6069da5 100644
--- a/themes/newgimp/templates/base.html
+++ b/themes/newgimp/templates/base.html
@@ -105,6 +105,16 @@
<li>
<a href="/donating/" style="color:#f57900;"><i class="fa fa-money"></i> Donate</a>
+ <a
href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=gimp%40gnome%2eorg&lc=US&item_name=Donation%20to%20GIMP%20Project&item_number=106¤cy_code=USD"
title='Donate with PayPal' class='donate-type'>
+ <img src='/theme/images/pp16.png' alt="PayPal" >
+ </a>
+ <a href='https://flattr.com/thing/707850' title='Donate with Flattr' class='donate-type'>
+ <img src='/theme/images/flattr.png' alt="Flattr" >
+ </a>
+ <a href='/donating/#bitcoin' title='Donate with Bitcoin' class='donate-type'>
+ <i class='fa fa-btc'></i>
+ </a>
+ {#
<a class="FlattrButton" style=""
title="Click to Flattr GIMP"
data-flattr-uid="schumaml"
@@ -115,6 +125,7 @@
href="https://flattr.com/thing/707850">
<img src='/theme/images/flattr-badge-large.png' alt='Flattr GIMP'/>
</a>
+ #}
</li>
</ul>
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]