[planet-web] gnome-br: add translation to FoG ruler

[Daniel Mustieles García <dmustieles src gnome org>]

commit 89a29439170272466226c4d4fb137eef78bf615a
Author: Rafael Fontenelle <rafaelff gnome org>
Date:   Sun Apr 5 10:35:33 2020 -0300

    gnome-br: add translation to FoG ruler

 web/gnome-br/js/ruler-fog.js | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)
---
diff --git a/web/gnome-br/js/ruler-fog.js b/web/gnome-br/js/ruler-fog.js
new file mode 100644
index 0000000..ec856f0
--- /dev/null
+++ b/web/gnome-br/js/ruler-fog.js
@@ -0,0 +1,21 @@
+// This is a translation of https://static.gnome.org/friends/ruler/ruler-fog.js
+
+document.write( '<style type="text/css">' + 
+               '#donation-banner { background: #4cae4c; color: #fff; padding: 0 10px; font-size: 12px; }' +
+               '#donation-banner a { color: #fff; }' +
+               '#donation-banner p { display: inline-block; }' +
+               '#donation-banner img { margin-right: 5px; width: 24px; height: 24px; vertical-align: middle; 
}' +
+               '#donation-banner .donation-ruler { background: white; width: 210px; display: inline-block; 
padding: 2px; margin: 0 10px; }' +
+               '#donation-banner .ninesix { margin: auto; width: 100%; text-align: center;}' +
+               '#donation-banner .donation-button { border: 1px solid #555753; background-image: 
linear-gradient(to bottom, #73d216 0%, #4cae4c 100%); padding: 5px 10px; border-radius: 5px; text-decoration: 
none; color: #fff !important; font-weight: bold; }' +
+               '</style>' )
+
+document.write( '<div id="donation-banner">' +
+                       '<div class="ninesix">' +
+                       '<img src="https://static.gnome.org/friends/ruler/lock.png";>' +
+                       '<p>Doe agora para ajudar o GNOME a <a href="https://www.gnome.org/support-gnome/"; 
style="margin-right: 20px;">continuar nosso trabalho!</a></p>' +
+                       '<a href="http://www.gnome.org/support-gnome/"; class="donation-button">Doar 
agora!</a>' +
+                       '</div>' +
+               '</div>' +
+
+               '<div style="clear: both;"></div>')