[static-web] Add new ruler for generic FoG messages

[Neil McGovern <nmcgovern src gnome org>]

commit e498340dce7a9c7fb67f2e811c3b6595c133b8bb
Author: Neil McGovern <neil gnome org>
Date:   Tue Nov 27 18:49:34 2018 +0000

    Add new ruler for generic FoG messages

 friends/ruler/ruler-fog.js | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
---
diff --git a/friends/ruler/ruler-fog.js b/friends/ruler/ruler-fog.js
new file mode 100644
index 0000000..55589de
--- /dev/null
+++ b/friends/ruler/ruler-fog.js
@@ -0,0 +1,19 @@
+document.write( '<style type="text/css">' + 
+               '#donation-banner { background: #59b006; 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; }' +
+               '#donation-banner .donation-ruler { background: white; width: 210px; display: inline-block; 
padding: 2px; margin: 0 10px; }' +
+               '#donation-banner .ninesix { margin: auto; width: 100%; }' +
+               '#donation-banner .donation-button { border: 1px solid #555753; background-image: 
linear-gradient(to bottom, #73d216 0%, #4e9a06 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>Donate now to help GNOME <a href="https://www.gnome.org/support-gnome/"; 
style="margin-right: 20px;">continue our work!</a></p>' +
+                       '<a href="http://www.gnome.org/support-gnome/"; class="donation-button">Donate 
now!</a>' +
+                       '</div>' +
+               '</div>' +
+
+               '<div style="clear: both;"></div>')