[planet-web] Update Brazilian Planet's theme



commit e9b59e9689f819473a91eff0fffdf45557386364
Author: Georges Basile Stavracas Neto <georges stavracas gmail com>
Date:   Fri Oct 19 10:44:17 2018 -0300

    Update Brazilian Planet's theme
    
    To match the Planet GNOME one.

 themes/gnome-br/index.html.tmpl | 385 +++++++++++++++++++++++-----------------
 1 file changed, 220 insertions(+), 165 deletions(-)
---
diff --git a/themes/gnome-br/index.html.tmpl b/themes/gnome-br/index.html.tmpl
index e86ecfc..c01acc1 100644
--- a/themes/gnome-br/index.html.tmpl
+++ b/themes/gnome-br/index.html.tmpl
@@ -2,176 +2,231 @@
 <html>
 
 <head>
-       <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-       <title><TMPL_VAR name></title>
-
-       <link href="css/layout.css" rel="stylesheet" type="text/css">
-       <link href="css/style.css" rel="stylesheet" type="text/css">
-       <link href="css/generic.css" rel="stylesheet" type="text/css">
-       <link href="css/planet.css" rel="stylesheet" type="text/css">
-
-       <link rel="icon" type="image/ico" href="images/logo-gnomebr-16.ico">
-       <link rel="SHORTCUT ICON" type="image/png" href="images/logo-gnomebr-16.ico">
-
-       <link rel="alternate" type="application/rss+xml" title="Planeta GNOME Brasil (Atom 1.0)" 
href="atom.xml">
-       <link rel="alternate" type="application/rss+xml" title="Planeta GNOME Brasil (RSS 2.0)" 
href="rss20.xml">
+        <title><TMPL_VAR name></title>
+
+        <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">
+        <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=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://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>
-  <!-- site header -->
-  <div id="page">
-    <ul id="general">
-      <li id="siteaction-gnome_home" class="home"><a href="http://www.gnome.org/";>GNOME</a></li>
-      <li id="siteaction-gnome_news"><a href="http://news.gnome.org";>Notícias</a></li>
-      <li id="siteaction-gnome_projects"><a href="http://www.gnome.org/projects/";>Projetos</a></li>
-      <li id="siteaction-gnome_art"><a href="http://art.gnome.org";>Arte</a></li>
-      <li id="siteaction-gnome_support"><a href="http://www.gnome.org/support/";>Suporte</a></li>
-      <li id="siteaction-gnome_development"><a href="http://developer.gnome.org";>Desenvolvimento</a></li>
-      <li id="siteaction-gnome_community"><a href="http://www.gnome.org/community/";>Comunidade</a></li>
-    </ul>
-    <div id="header">
-      <h1>
-        <!--Planeta GNOME Brasil-->
-      </h1>
-      <div id="tabs">
-<!--
-        <ul id="portal-globalnav">
-          <li id="portaltab-root" class="selected">
-            <a href="/"><span>Planeta</span></a>
-          </li>
-        </ul>
--->
-      </div> <!-- end of #tabs -->
-    </div> <!-- end of #header -->
-  </div>
-<!-- end site header -->
-
-<div class="body">
-  <div id="content">
-
-<TMPL_IF banner_message>
-<div style="border: 1px solid #e0e0df; background-color: #fffff0; padding: 0.5em 1em 0.5em 1em; 
padding-left: 60px; min-height: 50px; background-position: 6px 0.5em; background-repeat: no-repeat; 
background-image: url(http://library.gnome.org/skin/admon-note.png); margin-bottom: 2em; width: 50%; 
margin-left: auto; margin-right: auto;"><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">     
-       
-       <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="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>
-       </div>
-       
-               <div class="post">
-               <div class="post2">
-                       <div class="post-header">
-                               <TMPL_IF title>
-                               <h4 class="post-title"><a href="<TMPL_VAR link ESCAPE="HTML">"><TMPL_VAR 
title></a></h4>
-                               <TMPL_ELSE>
-                               <div class="post-title"><span>&nbsp;</span></div>
-                               </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>
-                       </div>
-               </div>
-               </div>
-
-       </div>
-</TMPL_LOOP>
-</div>
-
-<div id="sidebar">
-       <div class="section">
-       <h3>Planeta GNOME Brasil</h3>
-       <p>Planeta GNOME Brasil é uma janela para o mundo, o trabalho e as vidas dos membros da comunidade  
<a href="http://br.gnome.org/";>GNOME Brasil</a>.</p>
-
-       <p>Alguns posts podem estar em inglês pois estamos trabalhando junto com pessoas de todo o mundo.</p>
-
-       <p><strong>Atualizado em:</strong><br /><TMPL_VAR date> UTC<br /></p>
-        </div>
-
-        <div class="section">
-       <h3>Pessoas</h3>
-       <ul>
-       <TMPL_LOOP Channels>
-        <li>
-       <TMPL_IF url>
-       <a href="<TMPL_VAR url ESCAPE="HTML">" title="s'abonner"><img src="images/feed-icon-10x10.png" 
alt="(flux)"></a>
-       <TMPL_ELSE>
-       <img src="images/feed-icon-10x10.png" alt="(flux)">
-       </TMPL_IF>
-       <TMPL_IF link>
-       <a href="<TMPL_VAR link ESCAPE="HTML">" <TMPL_IF message>class="message" title="<TMPL_VAR message 
ESCAPE="HTML">"</TMPL_IF><TMPL_UNLESS message>title="<TMPL_VAR title_plain 
ESCAPE="HTML">"</TMPL_UNLESS>><TMPL_VAR name></a>
-       <TMPL_ELSE>
-       <span <TMPL_IF message>class="message" title="<TMPL_VAR message ESCAPE="HTML">"</TMPL_IF><TMPL_UNLESS 
message>title="<TMPL_VAR title_plain ESCAPE="HTML">"</TMPL_UNLESS>><TMPL_VAR name></span>
-       </TMPL_IF>
-       </li>
-       </TMPL_LOOP>
-       </ul>
-        </div>
-
-        <div class="section">
-       <h3>Feeds</h3>
-       <ul>
-               <li><a href="atom.xml">Atom 1.0</a></li>
-               <li><a href="rss20.xml">RSS 2.0</a></li>
-               <li><a href="rss10.xml">RSS 1.0</a></li>
-               <li><a href="foafroll.xml">FOAF</a></li>
-               <li><a href="opml.xml">OPML</a></li>
-       </ul>
+<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>
+        </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>
+        </section>
+
+        <section id="blog-entries">
+        <div id="content">
+
+        <TMPL_IF banner_message>
+        <div class="banner"><TMPL_VAR banner_message></div>
+        </TMPL_IF>
+
+        <TMPL_LOOP Items>
+
+                <TMPL_IF new_date>
+                        <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="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>
+                                <TMPL_IF channel_gsoc2015><p><a 
href="https://wiki.gnome.org/SummerOfCode2015"; title="Google Summer of Code 2015"><img 
src="http://planet.gnome.org/heads/logos/gsoc-2015.png"; alt="GSoC 2015" /></a></p></TMPL_IF>
+                                <TMPL_IF channel_gsoc2016><p><a 
href="https://wiki.gnome.org/SummerOfCode2016"; title="Google Summer of Code 2016"><img 
src="http://planet.gnome.org/heads/logos/gsoc-2016.png"; alt="GSoC 2016" /></a></p></TMPL_IF>
+                                <TMPL_IF channel_gsoc2017><p><a 
href="https://wiki.gnome.org/SummerOfCode2017"; title="Google Summer of Code 2017"><img 
src="http://planet.gnome.org/heads/logos/gsoc-2017.png"; alt="GSoC 2017" /></a></p></TMPL_IF>
+                                <TMPL_IF channel_gsoc2018><p><a 
href="https://wiki.gnome.org/SummerOfCode2018"; title="Google Summer of Code 2018"><img 
src="http://planet.gnome.org/heads/logos/gsoc-2018.png"; alt="GSoC 2018" /></a></p></TMPL_IF>
+                                <TMPL_IF channel_opw2014><p><a 
href="https://wiki.gnome.org/GnomeWomen/OutreachProgram"; title="GNOME Outreach Program for Women"><img 
src="http://planet.gnome.org/heads/logos/opw2014.png"; alt="OPW 2014" /></a></p></TMPL_IF>
+                                <TMPL_IF channel_guadec><p><a href="https://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>
+                                <TMPL_IF channel_opw2015><p><a 
href="https://wiki.gnome.org/GnomeWomen/OutreachProgram"; title="GNOME Outreach Program for Women"><img 
src="http://planet.gnome.org/heads/logos/opw2015.png"; alt="OPW 2015" /></a></p></TMPL_IF>
+                                <TMPL_IF channel_opw2016><p><a 
href="https://wiki.gnome.org/GnomeWomen/OutreachProgram"; title="GNOME Outreach Program for Women"><img 
src="http://planet.gnome.org/heads/logos/opw2016.png"; alt="OPW 2016" /></a></p></TMPL_IF>
+                                <TMPL_IF channel_opw2017><p><a 
href="https://wiki.gnome.org/GnomeWomen/OutreachProgram"; title="GNOME Outreach Program for Women"><img 
src="http://planet.gnome.org/heads/logos/opw2017.png"; alt="OPW 2017" /></a></p></TMPL_IF>
+                                <TMPL_IF channel_gtkblog><p><a href="https://blog.gtk.org/"; title="GTK+ 
Development Blog"><img src="http://planet.gnome.org/heads/logos/gtk.png"; alt="GTK+" /></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 -->
+                        </div> <!-- /post -->
+        </div> <!-- /entry -->
+
+        </TMPL_LOOP>
+
+        </div> <!-- /content -->
+        </section>  <!-- /blog-entries -->
+</div> <!-- /gnome-content -->
+
+
+<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 class="section">
-       <h3>Créditos</h3>
-
-       <p>Planeta GNOME Brasil é trazido a você pelo agregador <a 
href="http://www.planetplanet.org/";>Planet</a>, cron, <a href="http://www.python.org/";>Python</a>, e <a 
href="http://www.redhat.com/";>Red Hat</a> (que generosamente hospeda os servidores do GNOME).</p>
-
-       <p>O design deste site é baseado no modelo dos sites do GNOME e <a 
href="http://planet.gnome.org/";>Planet GNOME</a>.</p>
-
-       <p>Planeta GNOME Brasil é mantido por <a href="mailto:lucasr gnome org">Lucas Rocha</a> e <a 
href="mailto:jwendell gnome org">Jonh Wendell</a>.
-       Para ter seu blog adicionado a este Planeta, veja <a href="http://br.gnome.org/GNOMEBR/Planeta";>as 
regras</a>.
-       Não hesite em nos contactar se quiser tirar alguma dúvida.</p>
-        </div>
-
-        <div class="section">
-       <h3>Ajude o GNOME</h3>
-       <a href="http://www.gnome.org/friends/";>
-       <img src="http://www.gnome.org/friends/banners/fog-120x240.png"; alt="Seja um amigo do GNOME" 
border="0" /></a>
-       </div>
-
-</div>
 </div>
 
-<div id="footer">
-<p>Copyright &copy; 2005-2013 <a href="http://www.gnome.org/";>O Projeto GNOME</a>
-<br />
-As postagens agregadas neste site são de propriedade, e representam as opiniões, dos seus respectivos 
autores.
-<br />
-<a href="http://validator.w3.org/check/referer";>Optimizado</a> para os 
-<a href="http://www.w3.org/";>padrões</a>. Hospedado pela 
-<a href="http://redhat.com/";>Red Hat</a>.</p>
-</div>
+<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"> é uma janela para o 
mundo, o trabalho e as vidas dos membros da comunidade  <a href="http://br.gnome.org/";>GNOME 
Brasil</a>.</b></p>
+                                                <p>O design deste site é baseado no modelo dos sites do 
GNOME e <a href="http://planet.gnome.org/";>Planet GNOME</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>
+                                                <p>Atualizado em <TMPL_VAR date> UTC. Os horários das 
publicações estão convertidos para UTC.</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/";>Brasil</a></li>
+                                          <li><a href="http://planeta.gnome.cl/";>Chile</a></li>
+                                          <li><a href="http://planet.gnomefr.org/";>França</a></li>
+                                          <li><a href="http://planet.gnome.gr/";>Grécia</a></li>
+                                          <li><a href="http://planeta.es.gnome.org/";>Hispano</a></li>
+                                          <li><a href="http://planet.nl.gnome.org/";>Polônia</a></li>
+                                          <li><a href="http://www.gnome.org.tr/";>Turquia</a></li>
+                                        </ul>
+                                </div>
+                        </div>
+                        <div class="col-xs-12 footnotes">
+                                <div class="section">
+                                        <p>© <a href="https://www.gnome.org/";>Projeto GNOME</a>.</p>
+                                        <p>Planeta GNOME Brasil. Hospedado por <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 -->
+
+        <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>
+
+<!-- Piwik -->
+<script type="text/javascript">
+  var _paq = _paq || [];
+  _paq.push(['disableCookies']);
+  _paq.push(["trackPageView"]);
+  _paq.push(["enableLinkTracking"]);
+
+  (function() {
+    var u=(("https:" == document.location.protocol) ? "https" : "http") + "://webstats.gnome.org/";
+    _paq.push(["setTrackerUrl", u+"piwik.php"]);
+    _paq.push(["setSiteId", "2"]);
+    var d=document, g=d.createElement("script"), s=d.getElementsByTagName("script")[0]; 
g.type="text/javascript";
+    g.defer=true; g.async=true; g.src=u+"piwik.js"; s.parentNode.insertBefore(g,s);
+  })();
+</script>
+<!-- End Piwik Code -->
 
 </body>
 


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]