GNOME.org
 

[planet-web] [ux] Change Planet UX to use its own theme

commit 228946795b5e8485fa47ef2c1a162104958cf5cd
Author: Lucas Rocha <lucasr litl com>
Date:   Fri Apr 30 13:27:44 2010 +0100

    [ux] Change Planet UX to use its own theme

 config/ux/config.ini       |    2 +-
 themes/ux/config.ini       |   22 +++++
 themes/ux/index.html.tmpl  |  207 ++++++++++++++++++++++++++++++++++++++++++++
 themes/ux/simple.html.tmpl |   74 ++++++++++++++++
 4 files changed, 304 insertions(+), 1 deletions(-)
---
diff --git a/config/ux/config.ini b/config/ux/config.ini
index a0b48b2..b7b1c8f 100644
--- a/config/ux/config.ini
+++ b/config/ux/config.ini
@@ -7,7 +7,7 @@ owner_email = william jon mccann gmail com
 date_format = %B %d, %Y %I:%M %p
 log_level = CRITICAL
 
-output_theme = ../../themes/gnome
+output_theme = ../../themes/ux
 output_dir = ../../web/ux
 
 #spider_threads = 10
diff --git a/themes/ux/config.ini b/themes/ux/config.ini
new file mode 100644
index 0000000..8949178
--- /dev/null
+++ b/themes/ux/config.ini
@@ -0,0 +1,22 @@
+[Planet]
+template_files:
+  index.html.tmpl
+  light.html.tmpl
+  atom.xml.xslt
+  rss10.xml.tmpl
+  rss20.xml.tmpl
+  opml.xml.xslt
+  foafroll.xml.xslt
+
+template_directories:
+  /home/users/jdub/bin/venus/themes/common
+
+bill_of_materials:
+
+# feeds should be fairly short by default
+[atom.xml.xslt]
+items_per_page = 30
+[rss10.xml.tmpl]
+items_per_page = 30
+[rss20.xml.tmpl]
+items_per_page = 30
diff --git a/themes/ux/index.html.tmpl b/themes/ux/index.html.tmpl
new file mode 100644
index 0000000..566a60a
--- /dev/null
+++ b/themes/ux/index.html.tmpl
@@ -0,0 +1,207 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd";>
+<html>
+
+<head>
+	<title><TMPL_VAR name></title>
+
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<link rel="shortcut icon" type="image/png" href="http://planet.gnome.org/img/gnome-16.png";>
+	<link rel="alternate" type="application/atom+xml" title="<TMPL_VAR title ESCAPE="HTML"> Atom 1.0" href="<TMPL_VAR link ESCAPE="HTML">atom.xml">
+	<link rel="alternate" type="application/rss+xml" title="<TMPL_VAR title ESCAPE="HTML"> RSS 2.0" href="<TMPL_VAR link ESCAPE="HTML">rss20.xml">
+
+	<link rel="stylesheet" href="http://planet.gnome.org/nlayout.css"; type="text/css">
+	<link rel="stylesheet" href="http://planet.gnome.org/planet.css"; type="text/css">
+	<link rel="stylesheet" href="http://planet.gnome.org/generic.css"; type="text/css">
+	<link rel="stylesheet" href="http://blogs.gnome.org/wp-content/mu-plugins/bug-links/bug-links.css"; type="text/css">
+
+	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js";></script>
+	<script type="text/javascript" src="http://planet.gnome.org/jquery.lazyload.min.js";></script>
+	<script type="text/javascript"><!-- $(function(){ $('.post img').lazyload(); }); --></script>
+</head>
+
+<body>
+
+
+<div id="gnome-sites">
+<ul><li class="home"><a href="http://www.gnome.org/"; title="Home">Home</a></li><li><a href="http://news.gnome.org"; title="News">News</a></li><li><a href="http://www.gnome.org/projects/"; title="Projects">Projects</a></li><li><a href="http://art.gnome.org"; title="Art">Art</a></li><li><a href="http://www.gnome.org/support/"; title="Support">Support</a></li><li><a href="http://developer.gnome.org"; title="Development">Development</a></li><li><a href="http://www.gnome.org/community/"; title="Community">Community</a></li></ul>
+</div> <!-- /gnome-sites -->
+
+
+<div id="page">
+
+
+<div id="header">
+
+<!-- Google CSE Search Box Begins -->
+<div id="search">
+<form id="searchbox_007525575524326405779:c0gv0y410u0" action="http://www.google.com/cse";>
+<input type="hidden" name="cx" value="007525575524326405779:c0gv0y410u0">
+<input name="q" type="text" size="15">
+<!--<input type="submit" name="sa" value="Search">-->
+<input type="hidden" name="cof" value="FORID:0">
+</form>
+<script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=searchbox_007525575524326405779%3Ac0gv0y410u0";></script>
+</div> <!-- /search -->
+<!-- Google CSE Search Box Ends -->
+
+<div id="masthead">
+<a href="/" title="Home" rel="home"><img src="http://planet.gnome.org/img/logo.png"; alt="Home" id="site-logo" width="64" height="64"></a>
+<div id="site-title">
+<p id="site-name"><a href="/" title="Home" rel="home"><TMPL_VAR title ESCAPE="HTML"></a></p>
+<p id="site-slogan">24 hours a day, 7 days a week, 365 days per year<span title="Yeah, yeah... 366 days per leap year :-)" style="cursor: pointer;">*</span>, this is... <TMPL_VAR title ESCAPE="HTML">!</p>
+</div> <!-- /site-title -->
+<a id="footer-link" href="#footer">About <TMPL_VAR title ESCAPE="HTML"></a>
+</div> <!-- /masthead -->
+
+</div> <!-- /header -->
+
+<div id="content">
+
+<TMPL_IF banner_message>
+<div class="banner"><TMPL_VAR banner_message></div>
+</TMPL_IF>
+
+<TMPL_LOOP Items>
+
+<TMPL_IF new_date>
+<h2 class="date"><TMPL_VAR new_date></h2>
+</TMPL_IF>
+
+<div class="entry<TMPL_IF channel_nick> <TMPL_VAR channel_nick></TMPL_IF>">
+
+<div class="person-info">
+<a href="<TMPL_VAR channel_link ESCAPE="HTML">" title="<TMPL_VAR channel_title ESCAPE="HTML">"><TMPL_IF channel_face><img class="face" src="<TMPL_VAR channel_face ESCAPE="HTML">" alt=""><br><TMPL_ELSE><img class="face" src="http://planet.gnome.org/heads/nobody.png"; alt=""><br></TMPL_IF><TMPL_VAR channel_name><TMPL_IF channel_real><br><TMPL_VAR channel_real></TMPL_IF><TMPL_IF channel_nick><br>(<TMPL_VAR channel_nick>)</TMPL_IF></a>
+<TMPL_IF channel_gsoc2009><p><a href="http://live.gnome.org/SummerOfCode2009"; title="Google Summer of Code 2009"><img src="http://planet.gnome.org/heads/logos/gsoc2009.png"; alt="GSoC 2009" /></a></p></TMPL_IF>
+<TMPL_IF channel_guadec><p><a href="http://www.guadec.org/"; title="The GNOME Conference"><img src="http://planet.gnome.org/heads/logos/guadec.png"; alt="The GNOME Conference" /></a></p></TMPL_IF>
+</div>
+
+<div class="post">
+
+<div class="post-header">
+<TMPL_IF title><h3 class="post-title"><a href="<TMPL_VAR link ESCAPE="HTML">"><TMPL_VAR title></a></h3></TMPL_IF>
+</div> <!-- /post-header -->
+
+<div class="post-contents <TMPL_IF channel_fixedwidth>post-fixedwidth</TMPL_IF>">
+<TMPL_VAR content>
+</div> <!-- /post-contents -->
+
+<div class="post-footer">
+<p><a href="<TMPL_VAR link ESCAPE="HTML">"><TMPL_VAR date></a></p>
+</div> <!-- /post-footer -->
+
+<b class="vt lt"></b><b class="vt rt"></b><b class="hz to"></b><b class="hz bo"></b>
+<b class="cr tl"></b><b class="cr tr"></b><b class="cr bl"></b><b class="cr br"></b>
+
+</div> <!-- /post -->
+
+</div> <!-- /entry -->
+
+</TMPL_LOOP>
+
+</div> <!-- /content -->
+
+
+<div id="feeds">
+	<h3><a href="feeds.html">Feeds</a></h3>
+	<div id="feedlist"></div>
+</div>
+
+<div id="footer">
+
+<div class="column">
+<div class="section">
+<h3><TMPL_VAR title ESCAPE="HTML"></h3>
+<p><b><TMPL_VAR title ESCAPE="HTML"> aggregates the blogs of hackers and contributors dedicated to GNOME's user experience design.</b></p>
+
+<p>Brought to you by the <a href="http://www.planetplanet.org/";>Planet</a> aggregator, cron, <a href="http://www.python.org/";>Python</a>, <a href="http://www.redhat.com/";>Red Hat</a> (who kindly host the GNOME servers). Design by <a href="http://bethesignal.org/";>Jeff Waugh</a>, inspired by earlier work from <a href="http://www.actsofvolition.com/";>Steven Garrity</a>, <a href="http://www.gnome.org/~seth/";>Seth Nickell</a> and <a href="http://www.isity.net/";>Diana Fong</a>.</p>
+
+<p><TMPL_VAR title ESCAPE="HTML"> is edited by William Jon McCann. Please <a href="mailto:william jon mccann gmail com?Subject=planet gnome org">mail him</a> if you have a question or would like your blog added to the feed.</p>
+
+<p>Updated on <TMPL_VAR date> UTC. Entries are normalised to UTC time.</p>
+</div>
+</div>
+
+<div class="column">
+<div class="section">
+<h3>GNOME World Wide</h3>
+<p><a href="http://live.gnome.org/GnomeWorldWide";><img src="http://www.gnome.org/~jdub/random/GnomeWorldWideSmall.jpg"; alt=""></a></p>
+<p>GNOME communities around the world by region and language:</p>
+<ul>
+  <li><a href="http://www.gnomebangalore.org/?q=blog";>Bangalore, India</a></li>
+  <li><a href="http://planeta.br.gnome.org/";>Brazil</a></li>
+  <li><a href="http://gnome.cult.bg/";>Bulgaria</a></li>
+  <li><a href="http://planeta.gnome.cl/";>Chile</a></li>
+  <li><a href="http://planet.gnomefr.org/";>Francophile</a></li>
+  <li><a href="http://planet.gnome-ev.de/";>Germany</a></li>
+  <li><a href="http://planet.gnome.gr/";>Greece</a></li>
+  <li><a href="http://planeta.es.gnome.org/";>Hispano</a></li>
+  <li><a href="http://it.gnome.org/planet/";>Italy</a></li>
+  <li><a href="http://gnome.or.kr/pgk/";>Korea</a></li>
+  <li><a href="http://planet.nl.gnome.org/";>Netherlands</a></li>
+  <li><a href="http://www.gnome.org.tr/";>Turkey</a></li>
+  <li><a href="http://www.uk.gnome.org/planet/";>United Kingdom</a></li>
+</ul>
+</div>
+</div>
+
+<div id="fineprint" class="section">
+<h3><img src="img/footer-logo.png" alt="GNOME" title="GNOME"></h3>
+<p>Copyright © 2003-2010, <a href="http://www.gnome.org/";>The GNOME Project</a>.<br>
+<a href="http://validator.w3.org/check/referer";>Optimised</a> for <a href="http://www.w3.org/";>standards</a>.<br>
+Hosted by <a href="http://www.redhat.com/";>Red Hat</a>.</p>
+<p id="ownership">Planet UX automatically reposts blog entries from the GNOME community. Entries on this page are owned by their authors. We do not edit, endorse or vouch for the contents of individual posts.</p>
+</div> <!-- /fineprint -->
+
+</div> <!-- /footer -->
+
+
+</div> <!-- /page -->
+
+	<script type="text/javascript" src="http://planet.gnome.org/jquery.cookie.min.js";></script>
+	<script type="text/javascript">
+	function toggleFeeds() {
+		$("#feedlist").slideToggle(function() {
+			$("#feeds h3").toggleClass("open");
+		});
+	}
+	$(document).ready(function() {
+		var hidden = $.cookie("hidden") ? $.cookie("hidden").split(",") : new Array();
+		// hide posts by disabled folks
+		if (hidden.length > 0) for (i in hidden) {
+			$("div." + hidden[i]).hide();
+		}
+		$("#feeds h3 a").click(function(e) {
+			e.preventDefault();
+			if ($("#feedlist ul").length == 0) {
+				$("#feedlist").load('feeds.html', '', function(r,t,x) {
+					$('<input type="checkbox" checked>')
+						.change(function() {
+							var nick = $(this).parent().attr("class");
+							var i = $.inArray(nick, hidden);
+							if ($(this).attr("checked")) {
+								if (hidden[i]) hidden.splice(i, 1);
+								$("div." + nick).show();
+							} else {
+								if (!hidden[i]) hidden[hidden.length] = nick;
+								$("div." + nick).hide();
+							}
+							$.cookie("hidden", hidden.join(","),
+								{expires: 365});
+						})
+						.prependTo("#feedlist ul li");
+					// remove checks from disabled folks
+					for (i in hidden) {
+						$("#feedlist ul li." + hidden[i] + " input")
+							.removeAttr("checked");
+					}
+					toggleFeeds();
+				});
+			} else {
+				toggleFeeds();
+			}
+		});
+	});
+	</script>
+</body>
+
+</html>
diff --git a/themes/ux/simple.html.tmpl b/themes/ux/simple.html.tmpl
new file mode 100644
index 0000000..f5904a6
--- /dev/null
+++ b/themes/ux/simple.html.tmpl
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd";>
+<html>
+
+
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+	<title><TMPL_VAR name></title>
+	<link rel="stylesheet" href="http://planet.gnome.org/generic.css"; type="text/css">
+	<link rel="stylesheet" href="http://planet.gnome.org/planet.css"; type="text/css">
+
+	<link rel="icon" type="image/png" href="http://planet.gnome.org/img/gnome-16.png";>
+	<link rel="SHORTCUT ICON" type="image/png" href="http://planet.gnome.org/img/gnome-16.png";>
+	<link rel="alternate" type="application/atom+xml" title="Planet UX Atom 1.0" href="http://planet.gnome.org/ux/atom.xml";>
+	<link rel="alternate" type="application/rss+xml" title="Planet UX RSS 2.0" href="http://planet.gnome.org/ux/rss20.xml";>
+</head>
+
+
+<body>
+
+
+<TMPL_LOOP Items>
+	<TMPL_IF new_date>
+		<h2 class="date"><TMPL_VAR new_date></h2>
+	</TMPL_IF>
+
+	<div class="entry<TMPL_IF channel_nick> <TMPL_VAR channel_nick></TMPL_IF>">
+	
+	<div class="person-info">
+		<a href="<TMPL_VAR channel_link ESCAPE="HTML">" title="<TMPL_VAR channel_title ESCAPE="HTML">">
+			<TMPL_IF channel_face>
+				<img class="face" src="<TMPL_VAR channel_face ESCAPE="HTML">" alt=""><br />
+			<TMPL_ELSE>
+				<img class="face" src="http://planet.gnome.org/heads/nobody.png"; alt=""><br />
+			</TMPL_IF>
+			<TMPL_VAR channel_name>
+			<TMPL_IF channel_real><br /><TMPL_VAR channel_real></TMPL_IF>
+			<TMPL_IF channel_nick><br />(<TMPL_VAR channel_nick>)</TMPL_IF>
+		</a>
+		<TMPL_IF channel_gsoc2009>
+		<p><a href="http://live.gnome.org/SummerOfCode2009"; title="Google Summer of Code 2009"><img src="http://planet.gnome.org/heads/logos/gsoc2009.png"; alt="GSoC 2009" /></a></p>
+		</TMPL_IF>
+	</div>
+	
+		<div class="post">
+			<div class="post-header">
+				<TMPL_IF title>
+				<h3 class="post-title"><a href="<TMPL_VAR link ESCAPE="HTML">"><TMPL_VAR title></a></h3>
+				</TMPL_IF>
+			</div>
+			<div class="post-contents">
+			<TMPL_VAR content>
+			</div>
+			<div class="post-footer">
+				<p><a href="<TMPL_VAR link ESCAPE="HTML">"><TMPL_VAR date></a></p>
+			</div>
+			<b class="vt lt"></b><b class="vt rt"></b><b class="hz to"></b><b class="hz bo"></b>
+			<b class="cr tl"></b><b class="cr tr"></b><b class="cr bl"></b><b class="cr br"></b>
+		</div>
+
+	</div>
+</TMPL_LOOP>
+</div>
+
+
+<div id="copyright">
+Copyright &copy; 2003-2010, <a href="http://www.gnome.org/";>The GNOME Project</a><br />
+Planet UX automatically reposts blog entries from the GNOME community. Entries on this page are owned by their authors. We do not edit, endorse or vouch for the contents of individual posts.<br />
+<a href="http://validator.w3.org/check/referer";>Optimised</a> for <a href="http://www.w3.org/";>standards</a>. Hosted by <a href="http://redhat.com/";>Red Hat</a>.<br />
+</div>
+
+
+</body>
+
+</html>
[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]