GNOME.org
 

[gimp-web/testing] Added Flattr button to heading nav

commit 5cdd614b6cf21d2df69102b10b9d04556b915420
Author: Pat David <patdavid gmail com>
Date:   Fri Jan 15 14:31:06 2016 -0600

    Added Flattr button to heading nav

 content/donating/index.md                          |    6 ++-
 themes/newgimp/static/css/gimp.css                 |   14 +++++++
 .../newgimp/static/images/flattr-badge-large.png   |  Bin 0 -> 2853 bytes
 themes/newgimp/templates/base.html                 |   37 ++++++++++++++++++-
 themes/newgimp/templates/home.html                 |    6 ++--
 5 files changed, 56 insertions(+), 7 deletions(-)
---
diff --git a/content/donating/index.md b/content/donating/index.md
index b169df7..c5cc4c3 100644
--- a/content/donating/index.md
+++ b/content/donating/index.md
@@ -18,19 +18,21 @@ Many thanks to all our [sponsors](sponsors.html)!
 
 ## Paypal
 
-Donate to gimp gnome org, this will notify us, and the GNOME board, that funds have been donated to the GIMP 
project. Credit card donations are also accepted via this route.
+[Donate to gimp gnome org][], this will notify us, and the GNOME board, that funds have been donated to the 
GIMP project. Credit card donations are also accepted via this route.
 
 <figure>
 <form action="https://www.paypal.com/cgi-bin/webscr"; method="post"><input name="cmd" type="hidden" 
value="_xclick"><input name="business" type="hidden" value="gimp gnome org"><input name="item_name" 
type="hidden" value="Donation to GIMP Project"><input name="item_number" type="hidden" value="106"><input 
name="no_shipping" type="hidden" value="1"><input alt="Support GIMP" name="submit" src="donate.png" 
type="image"></form>
 </figure>
 
+[Donate to gimp gnome org]: https://www.paypal.com/cgi-bin/webscr?business=gimp gnome 
org&cmd=_xclick&currency_code=USD&amount=2.00&item_name=Donation%20to%20GIMP%20Project
+[Donate to gimp gnome org]: 
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
 
 ## Flattr
 
 Flattr is a microdonation system. Users are able to pay a small amount every month (minimum 2 euros) and 
then click Flattr buttons on sites to share the money they paid among those sites, comparable to an Internet 
tip jar (for more details see Wikipedia's [Flattr](http://en.wikipedia.org/wiki/Flattr) article).
 
 <p>
-<iframe frameborder="0" height="420" src="http://tools.flattr.net/widgets/thing.html?thing=707850"; 
width="292"></iframe>
+<iframe frameborder="0" height="420" src="//tools.flattr.net/widgets/thing.html?thing=707850" 
width="292"></iframe>
 </p>
 
 ## Bitcoin
diff --git a/themes/newgimp/static/css/gimp.css b/themes/newgimp/static/css/gimp.css
index 463315c..1a865f6 100644
--- a/themes/newgimp/static/css/gimp.css
+++ b/themes/newgimp/static/css/gimp.css
@@ -655,3 +655,17 @@ blockquote:before {
 blockquote p {
   display: inline;
 }
+
+#menu li iframe {
+    height: 18px;
+    vertical-align: top;
+    margin-left: 0;
+}
+
+.FlattrButton {
+    display: inline;
+}
+
+.FlattrButton img {
+    vertical-align: middle;
+}
diff --git a/themes/newgimp/static/images/flattr-badge-large.png 
b/themes/newgimp/static/images/flattr-badge-large.png
new file mode 100644
index 0000000..046c557
Binary files /dev/null and b/themes/newgimp/static/images/flattr-badge-large.png differ
diff --git a/themes/newgimp/templates/base.html b/themes/newgimp/templates/base.html
index b70e908..9c5dfba 100644
--- a/themes/newgimp/templates/base.html
+++ b/themes/newgimp/templates/base.html
@@ -44,10 +44,31 @@
         {% endif %}
 
         {% endblock head %}
-</head>
+
+
+        {# Testing Flattr js loader #}
+        <script type="text/javascript">
+        /* <![CDATA[ */
+            (function() {
+                var s = document.createElement('script');
+                var t = document.getElementsByTagName('script')[0];
+
+                s.type = 'text/javascript';
+                s.async = true;
+                s.src = '//api.flattr.com/js/0.6/load.js?'+
+                        'mode=auto&uid=707850';
+
+                t.parentNode.insertBefore(s, t);
+            })();
+        /* ]]> */
+        </script>
+
+
+    </head>
 
 <body id="index" class="home">
 
+
         {# <nav id="menu" style='display: none;'> #}
         <nav id="menu">
             <ul>
@@ -82,7 +103,19 @@
 
                 #}
 
-                <li><a href="/donating/" style="color:#f57900;"><i class="fa fa-money"></i> Donate</a></li>
+                <li>
+                    <a href="/donating/" style="color:#f57900;"><i class="fa fa-money"></i> Donate</a>
+                    <a class="FlattrButton" style=""
+                    title="Click to Flattr GIMP"
+                    data-flattr-uid="schumaml"
+                    data-flattr-button="compact"
+                    data-flattr-popout="1"
+                    data-flattr-description="GNU Image Manipulation Program (GIMP)"
+                    data-flattr-url="https://www.gimp.org/";
+                    href="https://flattr.com/thing/707850";>
+                    <img src='/theme/images/flattr-badge-large.png' alt='Flattr GIMP'/>
+                    </a>
+                </li>
 
             </ul>
             <i class="fa fa-chevron-up" id='nav-up'></i>
diff --git a/themes/newgimp/templates/home.html b/themes/newgimp/templates/home.html
index 0df4fa7..4e71b62 100644
--- a/themes/newgimp/templates/home.html
+++ b/themes/newgimp/templates/home.html
@@ -66,12 +66,12 @@
                         GIMP is a cross-platform image editor available for GNU/Linux, 
                        OS&nbsp;X, Windows and more operating systems. It is 
                        <a href='https://www.gnu.org/philosophy/free-sw.html' 
-                       title='GNU - The Free Software Definition' target=_blank">free 
+                       title='GNU - The Free Software Definition' target="_blank">free 
                        software</a>, you can change its 
                        <a href="https://git.gnome.org/browse/gimp"; 
-                       title='Source code repository of GIMP' target=_blank">source code</a> 
+                       title='Source code repository of GIMP' target="_blank">source code</a> 
                        and <a href="http://www.gnu.org/licenses/quick-guide-gplv3.en.html"; 
-                       title='A Quick Guide to GPLv3' target=_blank">distribute</a> 
+                       title='A Quick Guide to GPLv3' target="_blank">distribute</a> 
                        your changes.
                     </p>
                     <p>
[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]