From: larsk <lars.kurth@citrix.com>
Date: Sun, 14 Apr 2013 01:00:50 +0000 (+0100)
Subject: Adding global navbar
X-Git-Url: http://xenbits.xensource.com/gitweb?a=commitdiff_plain;h=b404b0dd38b02a3bafe9930379d0dc8964fea5d9;p=people%2Flarsk%2Fxenproject-org-websites.git

Adding global navbar
---

diff --git a/xen.org/includes/bottomheader.html b/xen.org/includes/bottomheader.html
index 832046f..6b2a6e6 100644
--- a/xen.org/includes/bottomheader.html
+++ b/xen.org/includes/bottomheader.html
@@ -1,4 +1,3 @@
 <!--#include virtual="/includes/footermenu.html" -->
-<!--#include virtual="/includes/citrixcopyright.html" -->
 <!--#include virtual="/includes/lfcp_green_footer.html" -->
 <!--#include virtual="/includes/rackspace.html" -->
diff --git a/xen.org/includes/globalheader.html b/xen.org/includes/globalheader.html
new file mode 100644
index 0000000..daa3b37
--- /dev/null
+++ b/xen.org/includes/globalheader.html
@@ -0,0 +1,176 @@
+<style type="text/css">
+.clearfix:before,
+.clearfix:after,
+.grid-block:before,
+.grid-block:after,
+.deepest:before,
+.deepest:after {
+	content: "";
+    display: table;
+}
+.clearfix:after,
+.grid-block:after,
+.deepest:after { clear: both; }
+#toolbar {
+	background-color: #122529;
+	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(18, 37, 41)), to(rgb(13, 27, 30)));
+	background-image: -webkit-linear-gradient(top, rgb(18, 37, 41), rgb(13, 27, 30));
+	background-image: -moz-linear-gradient(top, rgb(18, 37, 41), rgb(13, 27, 30));
+	background-image: -o-linear-gradient(top, rgb(18, 37, 41), rgb(13, 27, 30));
+	background-image: -ms-linear-gradient(top, rgb(18, 37, 41), rgb(13, 27, 30));
+	background-image: linear-gradient(top, rgb(18, 37, 41), rgb(13, 27, 30));
+	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#122529', EndColorStr='#0d1b1e');
+	border-bottom: 1px solid #000000;
+	line-height: 22px;
+	font-family: 'Lato', sans-serif;
+	margin: 0;
+}
+#toolbar .wrapper {
+	max-width: 970px;
+	margin: 0 auto;
+}
+.float-left { float: left; }
+.float-right { float: right; }
+
+/* 
+Top Menu
+*/
+
+#toolbar div {
+	margin: 0;
+	padding: 0;
+}
+
+#toolbar .smalltopmenu {
+	margin: 0;
+	padding: 0;
+}
+
+#toolbar .smalltopmenu ul {
+	margin: 0;
+	padding: 0;
+}
+
+#toolbar .smalltopmenu li {
+	background: none;
+	font-size: 12px;
+	margin-left: 6px;
+	display: inline-block;
+}
+
+#toolbar .smalltopmenu li a {
+	line-height: 27px;
+	color: #a1a9ab;
+	text-decoration: none;
+	-webkit-transition: all 0.4s ease; 
+	   -moz-transition: all 0.4s ease; 
+	     -o-transition: all 0.4s ease; 
+	        transition: all 0.4s ease;
+}
+
+#toolbar .smalltopmenu li a:hover {
+	color: #febf4f;
+	text-decoration: underline;
+}
+
+/*
+Social Menu
+*/
+
+#toolbar .float-right .module {
+	margin: 0;
+	padding: 0;
+}
+
+.socialmenu {
+	padding: 4px 14px 0 0;
+}
+
+.socialmenu ul {
+	margin: 0;
+	padding: 0;
+}
+
+.socialmenu li {
+	background: none;
+	height: 16px;
+	margin: 0 0 0 6px;
+	padding-left: 0;
+	list-style: none;
+	display: inline-block;
+}
+
+.socialmenu li:first-child {
+	margin-left: 0;
+}
+
+.socialmenu li a {
+	background: url(/templates/xen/images/socialmenu/twitter-icon.png) 50% 50% no-repeat;
+	width: 19px;
+	height: 19px;
+	display: inline-block;
+	-webkit-transition: all 0.4s ease; 
+	   -moz-transition: all 0.4s ease; 
+	     -o-transition: all 0.4s ease; 
+	        transition: all 0.4s ease;
+}
+
+.socialmenu li a:hover {
+	opacity: 0.8;
+}
+
+.socialmenu li a.facebook {
+	background-image: url(/templates/xen/images/socialmenu/facebook-icon.png);
+}
+
+.socialmenu li a.linkedin {
+	background-image: url(/templates/xen/images/socialmenu/linkedin-icon.png);
+}
+
+.socialmenu li a.vimeo {
+	background-image: url(/templates/xen/images/socialmenu/vimeo-icon.png);
+}
+
+.socialmenu li a.googleplus {
+	background-image: url(/templates/xen/images/socialmenu/googleplus-icon.png);
+}
+
+.socialmenu li a.slideshare {
+	background-image: url(/templates/xen/images/socialmenu/slideshare-icon.png);
+}
+
+.socialmenu li a span {
+	display: none;
+}
+</style>
+
+<div id="toolbar" class="clearfix">
+	<div class="wrapper clearfix">
+		<div class="float-left">
+			<div class="module smalltopmenu  deepest">
+				<ul class="menu menu-line">
+					<li class="level1 item505"><a class="item1 level1" href="http://www.xenproject.org "><span>Home</span></a></li>
+					<li class="level1 item506"><a class="item1 level1" href="http://www.wiki.xenproject.org "><span>Wiki</span></a></li>
+					<li class="level1 item507"><a class="item2 level1" href="http://www.blog.xenproject.org"><span>Blog</span></a></li>
+					<li class="level1 item517"><a class="item3 level1" href="http://www.lists.xenproject.org"><span>Lists</span></a></li>
+					<li class="level1 item508"><a class="item4 level1" href="http://xenorg.uservoice.com"><span>User Voice</span></a></li>
+					<li class="level1 item509"><a class="item5 level1" href="http://www.xenproject.org/downloads.html"><span>Downloads</span></a></li>
+					<li class="level1 item510"><a class="item6 level1" href="/xen-planet.html"><span>Xen Planet</span></a></li>
+				</ul>		
+			</div>				
+		</div>
+							
+		<div class="float-right">
+			<div class="module socialmenu  deepest">
+				<ul class="menu menu-line">
+					<li class="level1 item511"><a class="twitter level1" href="https://twitter.com/xen_org"><span><span class="icon" style="background-image: url('http://xenorg.cloudaccess.net/images/social-menu-icons/twitter-icon.png');"> </span>Twitter</span></a></li>
+					<li class="level1 item512"><a class="facebook level1" href="https://www.facebook.com/pages/The-Xen-Project/181712638644349"><span><span class="icon" style="background-image: url('http://xenorg.cloudaccess.net/images/social-menu-icons/facebook-icon.png');"> </span>Facebook</span></a></li>
+					<li class="level1 item513"><a class="linkedin level1" href="http://www.linkedin.com/groups?home=&amp;gid=167190"><span><span class="icon" style="background-image: url('http://xenorg.cloudaccess.net/images/social-menu-icons/linkedin-icon.png');"> </span>LinkedIn</span></a></li>
+					<li class="level1 item514"><a class="vimeo level1" href="http://vimeo.com/channels/xen"><span><span class="icon" style="background-image: url('http://xenorg.cloudaccess.net/images/social-menu-icons/vimeo-icon.png');"> </span>Vimeo</span></a></li>
+					<li class="level1 item515"><a class="googleplus level1" href="https://plus.google.com/b/109906712194947644104/109906712194947644104/about/p/pub"><span><span class="icon" style="background-image: url('http://xenorg.cloudaccess.net/images/social-menu-icons/googleplus-icon.png');"> </span>Google Plus</span></a></li>
+					<li class="level1 item516"><a class="slideshare level1" href="http://slideshare.net/xen_com_mgr/presentations"><span><span class="icon" style="background-image: url('http://xenorg.cloudaccess.net/images/social-menu-icons/slideshare-icon.png');"> </span>Slideshare</span></a></li>
+				</ul>
+			</div>		
+		</div>
+	</div>
+</div>
\ No newline at end of file
diff --git a/xen.org/includes/lfcp_green_footer.html b/xen.org/includes/lfcp_green_footer.html
index 0325691..360961d 100644
--- a/xen.org/includes/lfcp_green_footer.html
+++ b/xen.org/includes/lfcp_green_footer.html
@@ -1 +1,10 @@
-<!--Replace with right header-->
\ No newline at end of file
+<!--Replace with right header-->
+&nbsp;<br />
+<table cellpadding="0" align="center" width="915px">
+<tr><td><div style="background:url(/includes/lfcp_green_footer_stripe.png); width:100%; height:74px; background-repeat:repeat; overflow:hidden; position:relative;">
+<p style="position:absolute; top: 4px; left: 2%; font-family:helvetica,arial; font-size:11px; color:white; line-height: 16px; margin-top:12px;">
+&nbsp;<br />
+&nbsp;<br/>
+&nbsp;</p></div>
+</td></tr>
+</table>
\ No newline at end of file
diff --git a/xen.org/includes/lfcp_green_header.html b/xen.org/includes/lfcp_green_header.html
index 0325691..b4100bb 100644
--- a/xen.org/includes/lfcp_green_header.html
+++ b/xen.org/includes/lfcp_green_header.html
@@ -1 +1,4 @@
-<!--Replace with right header-->
\ No newline at end of file
+<!--Replace with right header-->
+<table cellpadding="0" align="center" width="915px">
+<tr><td color="#05934B">&nbsp;</td></tr>
+</table>
\ No newline at end of file
diff --git a/xen.org/includes/topheader.html b/xen.org/includes/topheader.html
index a8f57b0..6f5ec90 100644
--- a/xen.org/includes/topheader.html
+++ b/xen.org/includes/topheader.html
@@ -1 +1,2 @@
 <!--#include virtual="/includes/lfcp_green_header.html" -->
+<!--#include virtual="/includes/globalmenu.html" -->
\ No newline at end of file
diff --git a/xen.org/templates/xen/images/socialmenu/facebook-icon.png b/xen.org/templates/xen/images/socialmenu/facebook-icon.png
new file mode 100644
index 0000000..ea75638
Binary files /dev/null and b/xen.org/templates/xen/images/socialmenu/facebook-icon.png differ
diff --git a/xen.org/templates/xen/images/socialmenu/googleplus-icon.png b/xen.org/templates/xen/images/socialmenu/googleplus-icon.png
new file mode 100644
index 0000000..fbde501
Binary files /dev/null and b/xen.org/templates/xen/images/socialmenu/googleplus-icon.png differ
diff --git a/xen.org/templates/xen/images/socialmenu/linkedin-icon.png b/xen.org/templates/xen/images/socialmenu/linkedin-icon.png
new file mode 100644
index 0000000..e250a57
Binary files /dev/null and b/xen.org/templates/xen/images/socialmenu/linkedin-icon.png differ
diff --git a/xen.org/templates/xen/images/socialmenu/slideshare-icon.png b/xen.org/templates/xen/images/socialmenu/slideshare-icon.png
new file mode 100644
index 0000000..c7a81c8
Binary files /dev/null and b/xen.org/templates/xen/images/socialmenu/slideshare-icon.png differ
diff --git a/xen.org/templates/xen/images/socialmenu/twitter-icon.png b/xen.org/templates/xen/images/socialmenu/twitter-icon.png
new file mode 100644
index 0000000..7a3a2f3
Binary files /dev/null and b/xen.org/templates/xen/images/socialmenu/twitter-icon.png differ
diff --git a/xen.org/templates/xen/images/socialmenu/vimeo-icon.png b/xen.org/templates/xen/images/socialmenu/vimeo-icon.png
new file mode 100644
index 0000000..2297f3c
Binary files /dev/null and b/xen.org/templates/xen/images/socialmenu/vimeo-icon.png differ
diff --git a/xen.org/xen-planet.html b/xen.org/xen-planet.html
new file mode 100644
index 0000000..50535f8
--- /dev/null
+++ b/xen.org/xen-planet.html
@@ -0,0 +1,5 @@
+<html>
+	<head>
+	<meta HTTP-EQUIV="REFRESH" content="0; url=http://blog.xenproject.org/">
+	</head>
+</html>
\ No newline at end of file