[gnomeweb-wml] fog privacy campaign ruler

[Andreas Nilsson <andreasn src gnome org>]

commit 8b047c4383d1f9f569b0ddf11073b6159484d629
Author: Andreas Nilsson <nisses mail home se>
Date:   Thu Dec 20 19:36:47 2012 +0100

    fog privacy campaign ruler

 www.gnome.org/friends/ruler/Makefile.am      |    4 ++-
 www.gnome.org/friends/ruler/lock.png         |  Bin 0 -> 658 bytes
 www.gnome.org/friends/ruler/ruler-privacy.js |   50 ++++++++++++++++++++++++++
 3 files changed, 53 insertions(+), 1 deletions(-)
---
diff --git a/www.gnome.org/friends/ruler/Makefile.am b/www.gnome.org/friends/ruler/Makefile.am
index a6e6fb6..1808ed1 100644
--- a/www.gnome.org/friends/ruler/Makefile.am
+++ b/www.gnome.org/friends/ruler/Makefile.am
@@ -8,6 +8,8 @@ page_DATA = \
     ruler-bg.jpg \
     ruler-done-bg.png \
     ruler.js \
-    a11y-ruler.js
+    a11y-ruler.js \
+    ruler-privacy.js \
+    lock.png
 
 EXTRA_DIST=$(page_DATA)
diff --git a/www.gnome.org/friends/ruler/lock.png b/www.gnome.org/friends/ruler/lock.png
new file mode 100644
index 0000000..0ffbb09
Binary files /dev/null and b/www.gnome.org/friends/ruler/lock.png differ
diff --git a/www.gnome.org/friends/ruler/ruler-privacy.js b/www.gnome.org/friends/ruler/ruler-privacy.js
new file mode 100644
index 0000000..d1cd955
--- /dev/null
+++ b/www.gnome.org/friends/ruler/ruler-privacy.js
@@ -0,0 +1,50 @@
+document.write( '<style type="text/css">' + 
+		'#gnome-fog-ruler { background: #237100; padding: 16px 0px 16px 0px; color: #fff; font-family: "Cantarell", "Lucida Grande", "DejaVu Sans", Verdana, sans-serif; font-size: 12px; z-index: 200; float: left; width: 100%; position: relative; }' + 
+		'#gnome-fog-ruler * { margin: 0; padding: 0; }' + 
+		'#gnome-fog-ruler .fog-center { width: 960px; margin: 0 auto; text-align: left; }' + 
+		'#gnome-fog-ruler a { color: #fff; }' + 
+		'#gnome-fog-ruler .fog-left { width: 64px; float: left; margin-right: 10px; }' + 
+		'#gnome-fog-ruler .fog-intro { width: 500px; float: left; margin-right: 25px; }' + 
+		'#gnome-fog-ruler .fog-intro h4 { margin-bottom: 6px; color: #fff; font-size: 13px; text-shadow: 0 1px 2px #346704; }' + 
+		'#gnome-fog-ruler .fog-ruler { background: #fff; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 2px; -moz-box-shadow: 0 1px 2px #346704; -webkit-box-shadow: 0 1px 2px #346704; }' + 
+		'#gnome-fog-ruler .fog-ruler .fog-bar { display: block; float: left; font-size: 5px; height: 14px; line-height: 12px; }' + 
+		'#gnome-fog-ruler .green { background: #66bb14; }' + 
+		'#gnome-fog-ruler .orange { background: #f57900; }' + 
+		'#gnome-fog-ruler .blue { background: #729fcf; }' + 
+		'#gnome-fog-ruler .yellow { background: #fce94f; }' + 
+		'#gnome-fog-ruler .white { background: #fff; }' + 
+		'#gnome-fog-ruler .green { background: #8ae234; }' + 
+		'#gnome-fog-ruler .purple { background: #9a32cd; }' + 
+		'#gnome-fog-ruler .fog-description { margin-top: 8px; overflow: hidden; text-align: center; }' + 
+		'#gnome-fog-ruler .fog-description .fog-item { margin-right: 12px; display: block; float: left; overflow: hidden; text-align: left; }' + 
+		'#gnome-fog-ruler .fog-description .fog-item .fog-box { display: block; float: left; width: 12px; height: 12px; border: 1px solid #fff; margin: 0 6px 6px 0; -moz-border-radius: 3px;  -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 2px #346704; -webkit-box-shadow: 0 1px 2px #346704; }' + 
+		'#gnome-fog-ruler .fog-description .fog-item .fog-details { font-style: italic; display: block; margin-left: 20px; }' + 
+		'#gnome-fog-ruler .fog-donate { float: right; margin-top: 8px; }' + 
+		'#gnome-fog-ruler .fog-donate a { display: block; padding: 6px 8px; background: #fff; color: #333; font-weight: bold; text-decoration: none; font-size: 14px; -moz-box-shadow: 0 1px 2px #346704, inset 0 -3px 10px #ccc; -webkit-box-shadow: 0 1px 2px #346704, inset 0 -3px 10px #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px;}' + 
+		'#gnome-fog-ruler .fog-donate a:hover { color: #204a87; text-decoration: underline; }' + 
+		'</style>' )
+
+document.write(	'<div id="gnome-fog-ruler">' + 
+		'<div class="fog-center">' +
+		'<div class="fog-left"><img src="lock.png" /></div>' +
+		'<div class="fog-intro">' +  
+			'<h4>Become a Friend of GNOME</h4>' + 
+			'<p>Donate today to help make GNOME safer then ever!</p>' + 
+			'</div><div class="fog-data">' + 
+			'<div class="fog-ruler">' + 
+				'<span style="width: 0;" class="fog-bar orange">&nbsp;</span>' +
+			'</div>' + 
+			'<div class="fog-donate">' + 
+				'<a href="http://www.gnome.org/friends/";>Donate now!</a>' + 
+			'</div>' + 
+			'<div class="fog-description">' + 
+				'<div class="fog-item">' + 
+					'<span class="fog-box orange">&nbsp;</span>' + 
+					'<strong>Friends of GNOME donations</strong>' + 
+					'<span class="fog-details">$0. $20,000 to go!</span>' + 
+				'</div>' +
+			'</div>' + 
+		'</div>' + 
+		'<div style="clear: both;"></div>' + 
+		'</div>' + 
+		'</div>' )