GNOME.org
 

[planet-web] [pgo] Update planet to use Deneb theme

commit 5b48ac0a1b00298943922e260c003ac8d930c021
Author: Tom Tryfonidis <tomtryf gmail com>
Date:   Sun Sep 9 14:53:13 2018 +0300

    [pgo] Update planet to use Deneb theme

 themes/gnome/index.html.tmpl | 180 ++++++++++++++++++++++++-------------------
 web/planet.css               |  12 +++
 2 files changed, 114 insertions(+), 78 deletions(-)
---
diff --git a/themes/gnome/index.html.tmpl b/themes/gnome/index.html.tmpl
index 432e16e..3aad6da 100644
--- a/themes/gnome/index.html.tmpl
+++ b/themes/gnome/index.html.tmpl
@@ -6,40 +6,63 @@
 
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport">
-       <link rel="shortcut icon" type="image/png" href="http://planet.gnome.org/img/gnome-16.png";>
+       <meta content="#4a86cf" name="theme-color">
+       <meta content="Planet GNOME" name="application-name">
+       <link rel="shortcut icon" type="image/png" href="https://planet.gnome.org/img/favicon.ico";>
        <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 href='https://fonts.googleapis.com/css?family=Cantarell' rel='stylesheet' type='text/css'>
-       <link href='https://fonts.googleapis.com/css?family=Cantarell:400,700' rel='stylesheet' 
type='text/css'>
        <link href='https://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
        <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="https://blogs.gnome.org/wp-content/mu-plugins/bug-links/bug-links.css"; 
type="text/css">
+       <link href="https://static.gnome.org/css/deneb.min.css"; media="all" rel="stylesheet" type="text/css">
+       <link href="https://static.gnome.org/css/fonts.css"; media="all" rel="stylesheet" type="text/css">
 
-       <script type="text/javascript" 
src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js";></script>
+       <script type="text/javascript" src="https://static.gnome.org/js/jquery-2.1.4.min.js";></script>
+       <script type="text/javascript" src="https://static.gnome.org/js/deneb.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="page">
-
-
-       <div id="global_domain_bar">
-               <div>
-                       <a href="https://www.gnome.org";><strong>GNOME</strong>.ORG</a>
+<body class="gnome-body">
+<header class="gnome-header">
+       <nav class="navbar navbar-fixed-top navbar-default affix-top">
+               <div class="container">
+                       <div class="navbar-header">
+                               <button aria-expanded="false" class="navbar-toggle collapsed" 
data-target="#navbar-wrapper" data-toggle="collapse" type="button">
+                                       <span class="sr-only">Toggle navigation</span>
+                                       <span class="icon-bar top-bar"></span>
+                                       <span class="icon-bar middle-bar"></span>
+                                       <span class="icon-bar bottom-bar"></span>
+                               </button>
+                               <a class="gnome-navbar-brand" title="Go to home page">
+                                       <img alt="GNOME: The Free Software Desktop Project" 
src="https://planet.gnome.org/img/gnome-logo.svg";>
+                               </a>
+                       </div>
+                       <div class="navbar-collapse collapse" id="navbar-wrapper">
+                               <ul class="nav navbar-nav">
+                                       <li>
+                                               <a href="#feeds">Feeds</a>
+                                       </li>
+                               </ul>
+                       </div>
                </div>
-  </div>
-
-       <div id="planet-banner">
-               <div id="planet-subtitle">
-                       <a href="http://planet.gnome.org";><img id="planet-logo" 
src="http://planet.gnome.org/img/30/planet-logo.png";  alt="Planet GNOME" title="Planet GNOME"/></a>
-                       <p>24 hours a day, 7 days a week, 365 days per year...</p>
+       </nav>
+</header>
+
+<div class="gnome-content">
+       <section id="featured">
+               <div class="container">
+                       <div class="row">
+                               <div class="col-xs-12">
+                                       <p class="h2 text-center">24 hours a day, 7 days a week, 365 days per 
year…</p>
+                               </div>
+                       </div>
                </div>
-       </div>
+       </section>
 
+       <section id="blog-entries">
        <div id="content">
 
        <TMPL_IF banner_message>
@@ -49,12 +72,12 @@
        <TMPL_LOOP Items>
 
                <TMPL_IF new_date>
-                       <h2 class="date"><TMPL_VAR new_date></h2>
+                       <h3 class="date"><TMPL_VAR new_date></h3>
                </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>
+                               <a href="<TMPL_VAR channel_link ESCAPE="HTML">" title="<TMPL_VAR 
channel_title ESCAPE="HTML">"><TMPL_IF channel_face><img class="img-circle" src="<TMPL_VAR channel_face 
ESCAPE="HTML">" alt=""><br><TMPL_ELSE><img class="img-circle" 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_opw2013><p><a 
href="https://wiki.gnome.org/GnomeWomen/OutreachProgram"; title="GNOME Outreach Program for Women"><img 
src="http://planet.gnome.org/heads/logos/opw2013.png"; alt="OPW 2013" /></a></p></TMPL_IF>
                                <TMPL_IF channel_gsoc2013><p><a 
href="https://wiki.gnome.org/SummerOfCode2013"; title="Google Summer of Code 2013"><img 
src="http://planet.gnome.org/heads/logos/gsoc2013.png"; alt="GSoC 2013" /></a></p></TMPL_IF>
                                 <TMPL_IF channel_gsoc2014><p><a 
href="https://wiki.gnome.org/SummerOfCode2014"; title="Google Summer of Code 2014"><img 
src="http://planet.gnome.org/heads/logos/gsoc2014.png"; alt="GSoC 2014" /></a></p></TMPL_IF>
@@ -87,69 +110,70 @@
 
        </TMPL_LOOP>
 
-</div> <!-- /content -->
-
-<div id="footer-art"> &nbsp; </div>
-<div id="footer-grass"> &nbsp; </div>
-
-<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"> is a window into the world, work and lives of GNOME <a 
href="http://planet.gnome.org/heads/";>hackers and contributors</a>.</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://vinicius.depizzol.com.br/blog/";>Vinicius Depizzol</a> and <a 
href="http://aruiz.typepad.com";>Alberto Ruiz</a>, inspired by earlier work from <a 
href="http://bethesignal.org/";>Jeff Waugh</a>, <a href="http://www.actsofvolition.com/";>Steven Garrity</a>, 
<a href="http://www.gnome.org/~seth/";>Seth Nickell</a> and Diana Fong.</p>
+       </div> <!-- /content -->
+       </section>  <!-- /blog-entries -->
+</div> <!-- /gnome-content -->
 
-<p><TMPL_VAR title ESCAPE="HTML"> is edited by Alberto Ruiz, Daniel Mustieles García and Frederic Muller. 
Please <a href="mailto:planet-maint gnome org?Subject=planet.gnome.org">mail them</a> if you have a question. 
If you would like your blog added to the feed, please <a 
href="https://bugzilla.gnome.org/enter_bug.cgi?product=website;component=planet.gnome.org";>file a bug</a>. 
Make sure to read the <a href="http://live.gnome.org/PlanetGnome";><TMPL_VAR title ESCAPE="HTML"> 
guidelines</a> first, as it should cover most questions and as it contains detailed instructions for a blog 
addition.</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="https://wiki.gnome.org/GnomeWorldWide";><img 
src="https://static.gnome.org/img/GnomeWorldWideSmall.jpg"; alt=""></a></p>
-<p>GNOME communities around the world by region and language:</p>
-<ul>
-  <li><a href="http://planeta.br.gnome.org/";>Brazil</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.gr/";>Greece</a></li>
-  <li><a href="http://planeta.es.gnome.org/";>Hispano</a></li>
-  <li><a href="http://planet.nl.gnome.org/";>Netherlands</a></li>
-  <li><a href="http://www.gnome.org.tr/";>Turkey</a></li>
-
-       <!-- Broken planets -->
-  <!--li><a href="http://www.gnomebangalore.org/?q=blog";>Bangalore, India</a></li-->
-  <!--li><a href="http://gnome.cult.bg/";>Bulgaria</a></li-->
-  <!--li><a href="http://planet.gnome-ev.de/";>Germany</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://www.uk.gnome.org/planet/";>United Kingdom</a></li-->
-</ul>
-</div>
+<div id="feeds-container">
+       <div class="container">
+               <div class="row">
+                       <div id="feeds" class="col-xs-12">
+                               <h3><a href="feeds.html">Feeds</a></h3>
+                               <div id="feedlist"></div>
+                       </div>
+               </div>
+       </div>
 </div>
 
-<div id="fineprint" class="section">
-<h3><img src="http://planet.gnome.org/img/30/gnome-logo.png"; alt="GNOME" title="GNOME"></h3>
-<p>Copyright © 2003-2013, <a href="https://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 GNOME 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 class="footer m-t-0">
+       <div class="container">
+               <div class="row">
+                       <div class="col-xs-12 col-sm-9">
+                               <div class="column">
+                                       <div class="section">
+                                               <h3><TMPL_VAR title ESCAPE="HTML"></h3>
+                                               <p><b><TMPL_VAR title ESCAPE="HTML"> is a window into the 
world, work and lives of GNOME <a href="http://planet.gnome.org/heads/";>hackers and contributors</a>.</b></p>
+                                               <p><TMPL_VAR title ESCAPE="HTML"> is edited by Alberto Ruiz, 
Daniel Mustieles García and Frederic Muller. Please <a href="mailto:planet-maint gnome 
org?Subject=planet.gnome.org">mail them</a> if you have a question. If you would like your blog added to the 
feed, please <a 
href="https://bugzilla.gnome.org/enter_bug.cgi?product=website;component=planet.gnome.org";>file a bug</a>. 
Make sure to read the <a href="http://live.gnome.org/PlanetGnome";><TMPL_VAR title ESCAPE="HTML"> 
guidelines</a> first, as it should cover most questions and as it contains detailed instructions for a blog 
addition.</p>
+                                               <p>Design by <a 
href="http://vinicius.depizzol.com.br/blog/";>Vinicius Depizzol</a> and <a 
href="http://aruiz.typepad.com";>Alberto Ruiz</a>, inspired by earlier work from <a 
href="http://bethesignal.org/";>Jeff Waugh</a>, <a href="http://www.actsofvolition.com/";>Steven Garrity</a>, 
<a href="http://www.gnome.org/~seth/";>Seth Nickell</a> and Diana Fong.</p>
+                                               <p id="ownership">Planet GNOME 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>
+                                               <p>Updated on <TMPL_VAR date> UTC. Entries are normalised to 
UTC time.</p>
+                                       </div>
+                               </div>
+                       </div>
+                       <div class="col-xs-12 col-sm-3">
+                               <div class="section">
+                                       <h3>GNOME World Wide</h3>
+                                       <p>GNOME communities around the world by region and language:</p>
+                                       <ul>
+                                         <li><a href="http://planeta.br.gnome.org/";>Brazil</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.gr/";>Greece</a></li>
+                                         <li><a href="http://planeta.es.gnome.org/";>Hispano</a></li>
+                                         <li><a href="http://planet.nl.gnome.org/";>Netherlands</a></li>
+                                         <li><a href="http://www.gnome.org.tr/";>Turkey</a></li>
+
+                                               <!-- Broken planets -->
+                                         <!--li><a href="http://www.gnomebangalore.org/?q=blog";>Bangalore, 
India</a></li-->
+                                         <!--li><a href="http://gnome.cult.bg/";>Bulgaria</a></li-->
+                                         <!--li><a href="http://planet.gnome-ev.de/";>Germany</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://www.uk.gnome.org/planet/";>United 
Kingdom</a></li-->
+                                       </ul>
+                               </div>
+                       </div>
+                       <div class="col-xs-12 footnotes">
+                               <div class="section">
+                                       <p>© <a href="https://www.gnome.org/";>The GNOME Project</a>.</p>
+                                       <p>Planet GNOME. Hosted by <a href="https://www.redhat.com/"; 
target="_blank">Red Hat</a>. Powered by <a href="http://www.planetplanet.org/";>Planet</a> aggregator, <a 
href="http://www.python.org/";>Python</a>, cron.</p>
+                               </div>
+                       </div> <!-- /footnotes -->
+               </div>
+       </div>
 </div> <!-- /footer -->
 
-
-</div> <!-- /page -->
-
        <script type="text/javascript" src="http://planet.gnome.org/jquery.cookie.min.js";></script>
        <script type="text/javascript">
        function toggleFeeds() {
diff --git a/web/planet.css b/web/planet.css
index 924bde8..b2b7aba 100644
--- a/web/planet.css
+++ b/web/planet.css
@@ -295,7 +295,19 @@ b.bo { bottom: 0px; left: 0px; background-position: bottom left; }
     background: none repeat scroll 0 0 #D3D7CF;
     color: #555753;
        }
+       #feeds-container {
+               padding-top: 20px;
+               background: #000;
+       }
        
+       #feeds-container #feeds {
+               background: #000;
+       }
+
+       #feeds-container #feeds h3 a {
+               color: #fff;
+       }
+
        #footer a
        {
     color: inherit;
[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]