[gimp-web/testing] Added different 'Donation' buttons to header navigation.



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&currency_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]