Add Spanish layouts

Convert English layouts to use page.baseurl instead of site.baseurl so that the correct locale is used Remove AlaveteliCon 2012 sidebar link since it doesn't exist in ES.
author: Gareth Rees <gareth@mysociety.org> 2015-01-14 10:15:51 +0000
committer: Gareth Rees <gareth@mysociety.org> 2015-04-07 16:23:02 +0100
commit: 21e63e3192878ac72642c48cd34bd230cb23e214 (patch)
tree: 42c2f887e1d8349aabf730e5226ee430a8a55856
parent: 0b3cced2197ff3629e83b31ec78f2cc599599d84 (diff)
6 files changed, 347 insertions, 38 deletions
diff --git a/_layouts/default.html b/_layouts/default.html
index 3065a2d16..789387cee 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -48,15 +48,15 @@
 
   <header class="site-header">
     <div class="container">
-      <a href="{{ site.baseurl }}" class="site-title"><h1>Alaveteli</h1></a>
+      <a href="{{ page.baseurl }}" class="site-title"><h1>Alaveteli</h1></a>
       <div class="nav-position">
         <nav role="navigation" class="site-nav nav-collapse">
           <ul>
-            <li><a href="{{ site.baseurl }}about/">About</a></li>
-            <li><a href="{{ site.baseurl }}docs/getting_started/">Get started</a></li>
-            <li><a href="{{ site.baseurl }}docs/">Documentation</a></li>
+            <li><a href="{{ page.baseurl }}/about/">About</a></li>
+            <li><a href="{{ page.baseurl }}/docs/getting_started/">Get started</a></li>
+            <li><a href="{{ page.baseurl }}/docs/">Documentation</a></li>
             <li><a href="https://www.mysociety.org/category/alaveteli/">Blog</a></li>
-            <li><a href="{{ site.baseurl }}community/">Contact</a></li>
+            <li><a href="{{ page.baseurl }}/community/">Contact</a></li>
           </ul>
         </nav>
       </div>
diff --git a/_layouts/es/default.html b/_layouts/es/default.html
new file mode 100644
index 000000000..862bd0fdf
--- /dev/null
+++ b/_layouts/es/default.html
@@ -0,0 +1,178 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>{{ page.title }} | Alaveteli | mySociety</title>
+    <link rel="stylesheet" href="{{ site.baseurl }}assets/css/global.css">
+    <link rel="stylesheet" href="{{ site.baseurl }}assets/css/alaveteli-org.css">
+    <link href="/atom.xml" rel="alternate" title="Alaveteli" type="application/atom+xml">
+    <link rel="icon" type="image/png" href="{{ site.baseurl }}assets/img/favicon.png" />
+    <meta name="viewport" content="initial-scale=1">
+    <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,900,400italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
+    <script src="{{ site.baseurl }}assets/scripts/modernizr.min.js"></script>
+    <!--[if lt IE 9]>
+      <script src="{{ site.baseurl }}assets/scripts/respond.js"></script>
+    <![endif]-->
+    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
+    <script src="{{ site.baseurl }}assets/scripts/jquery.cookie.js"></script>
+    <script src="{{ site.baseurl }}assets/scripts/feedback-form.js"></script>
+    <script>
+      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+      ga('create', 'UA-24633320-1', 'alaveteli.org');
+      ga('send', 'pageview');
+
+        (function() {
+          var cx = '017774751021845757815:coockvcxkjm';
+          var gcse = document.createElement('script');
+          gcse.type = 'text/javascript';
+          gcse.async = true;
+          gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
+              '//www.google.com/cse/cse.js?cx=' + cx;
+          var s = document.getElementsByTagName('script')[0];
+          s.parentNode.insertBefore(gcse, s);
+        })();
+
+
+    </script>
+  </head>
+  <body>
+
+  <div class="ms-header">
+    <nav class="ms-header__row">
+       <a class="ms-header__logo" href="https://www.mysociety.org">mySociety</a>
+    </nav>
+  </div>
+
+  <header class="site-header">
+    <div class="container">
+      <a href="{{ page.baseurl }}" class="site-title"><h1>Alaveteli</h1></a>
+      <div class="nav-position">
+        <nav role="navigation" class="site-nav nav-collapse">
+          <ul>
+            <li><a href="{{ page.baseurl }}/about/">Información</a></li>
+            <li><a href="{{ page.baseurl }}/docs/getting_started/">Primeros pasos</a></li>
+            <li><a href="{{ page.baseurl }}/docs/">Documentación</a></li>
+            <li><a href="https://www.mysociety.org/category/alaveteli/">Blog</a></li>
+            <li><a href="{{ page.baseurl }}/community/">Contacto</a></li>
+          </ul>
+        </nav>
+      </div>
+    </div>
+  </header>
+
+    {{ content }}
+
+  <footer class="site-footer">
+      <div class="container">
+        <div class="column">
+          <h3>mySociety</h3>
+          <ul>
+            <li><a href="http://www.mysociety.org/helpus/">Colabore con nosotros</a></li>
+            <li><a href="http://www.mysociety.org/about/">Nosotros</a></li>
+            <li><a href="https://www.mysociety.org/projects/">Nuestros proyectos</a>
+            <li><a href="http://www.mysociety.org/about/team/">Nuestro equipo</a></li>
+            <li><a href="http://www.mysociety.org/contact/">Contacto</a></li>
+            <li><a href="http://www.mysociety.org/donate/">Donaciones</a></li>
+          </ul>
+        </div>
+        <div class="column central">
+          <h3>Nuestras aplicaciones</h3>
+          <ul>
+            <li><a href="http://www.fixmystreet.com/">FixMyStreet</a></li>
+            <li><a href="https://www.writetothem.com/">WriteToThem</a></li>
+            <li><a href="https://www.whatdotheyknow.com/">WhatDoTheyKnow</a></li>
+            <li><a href="http://www.theyworkforyou.com/">TheyWorkForYou</a></li>
+            <li><a href="http://www.fixmytransport.com/">FixMyTransport</a></li>
+            <li><a href="http://www.alaveteli.org/">Alaveteli</a></li>
+            <li><a href="http://www.pombola.org/">Pombola</a></li>
+            <li><a href="http://popit.poplus.org/">PopIt</a></li>
+            <li><a href="http://sayit.mysociety.org/">SayIt</a></li>
+            <li><a href="http://mapit.poplus.org/">MapIt</a></li>
+          </ul>
+        </div>
+        <div class="column">
+          <h3>Conexiones</h3>
+          <ul>
+            <li><a href="https://groups.google.com/group/alaveteli-users">Lista de correo</a></li>
+            <li><a href="https://groups.google.com/group/alaveteli-dev">Lista de correo para desarrolladores</a></li>
+            <li><a href="https://github.com/mysociety/alaveteli">GitHub</a></li>
+            <li><a href="http://www.irc.mysociety.org/">IRC</a></li>
+            <li><a href="https://twitter.com/alaveteli">Twitter</a></li>
+          </ul>
+        </div>
+      </div>
+    </footer>
+
+    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
+    <script src="{{ site.baseurl }}assets/scripts/responsive-nav.min.js"></script>
+    <script>
+      var nav = responsiveNav(".nav-collapse");
+    </script>
+    <script src="{{ site.baseurl }}assets/scripts/svgeezy.js"></script>
+    <script>
+      svgeezy.init('nocheck', 'png'); // this will tell the plugin to not check images with a class of 'nocheck'
+    </script>
+    <script>
+      function replace_str(base, replacement) {
+        return base + replacement; // FIXME TODO should replace %s
+      }
+
+      $(function(){
+
+        $('.reveal-on-click dd').hide();
+        $('.reveal-on-click dt').on('click', function(){
+          // $(this).find('+ dd').toggle();
+          var $dd = $(this).find('+ dd');
+          if ($dd.is(':visible')) {
+            $(this).removeClass('revealed');
+            $dd.slideUp();
+          } else {
+            $(this).addClass('revealed');
+            $dd.slideDown();
+          }
+        });
+
+        var reveal_all_text = {'reveal': 'Show all ', 'hide': 'Collapse all '}; // TODO add %s
+
+        $('dl.reveal-on-click').each(function(){
+          $(this).before("<div class='reveal-all revealed'>&nbsp;</div>");
+        });
+        $('.reveal-all').on('click', function(){
+          console.log("reveal all clicked");
+          var $dl = $(this).find('+ dl.reveal-on-click');
+          var noun = $dl.data('reveal-noun');
+          if ($(this).hasClass('revealed')) {
+            console.log("hiding all");
+            $dl.find('dt').removeClass('revealed');
+            $dl.find('dd').slideUp();
+            $(this).removeClass('revealed');
+            $(this).text(replace_str(reveal_all_text['reveal'], noun));
+          } else {
+            console.log("showing all");
+            $dl.find('dt').addClass('revealed');
+            $dl.find('dd').slideDown();
+            $(this).addClass('revealed');
+            $(this).text(replace_str(reveal_all_text['hide'], noun));
+          }
+        });
+        $('.reveal-all').trigger('click');
+      });
+      // Anchor links for the headings
+       $(function() {
+         return $("h1, h2, h3, h4, h5, h6").each(function(i, el) {
+           var $el, icon, id;
+           $el = $(el);
+           id = $el.attr('id');
+           if (id) {
+             return $el.append($("<a />").addClass("header-link").attr("href", "#" + id).html('#'));
+           }
+         });
+       });
+    </script>
+    <script src="{{ site.baseurl }}assets/scripts/how-it-works-slides.js"></script>
+  </body>
+</html>
diff --git a/_layouts/es/fullwidth.html b/_layouts/es/fullwidth.html
new file mode 100644
index 000000000..f2b3e1d4d
--- /dev/null
+++ b/_layouts/es/fullwidth.html
@@ -0,0 +1,30 @@
+---
+layout: es/default
+---
+<div class="page-wrapper">
+<div class="page">
+{% capture url_parts %} {{ page.url | remove: "/index.html" | replace:'/'," " }}{% endcapture %}
+  {% capture num_parts %}{{ url_parts | number_of_words | minus: 1 }}{% endcapture %}
+  {% assign previous="" %}
+  <ul class="breadcrumb">
+    {% if num_parts == "-1" %}
+    {% elsif num_parts == "0" %}
+      <li><a href="/">Inicio</a></li>
+    {% else %}
+      <li><a href="/">Inicio</a></li>
+      {% for unused in page.content limit:num_parts %}
+        {% capture first_word %}{{ url_parts | truncatewords:1 | remove:"..."}}{% endcapture %}
+        {% capture previous %}{{ previous }}/{{ first_word }}{% endcapture %}
+        <li><a href="{{ previous }}/">{{ first_word | capitalize }}</a></li>
+        {% capture url_parts %}{{ url_parts | remove_first:first_word }}{% endcapture %}
+      {% endfor %}
+    {% endif %}
+  </ul>
+    <div class="main-content-column-full-width">
+      <main role="main" class="main-content">
+        {{ content }}
+      </main>
+    </div>
+
+  </div>
+  </div>
diff --git a/_layouts/es/landing.html b/_layouts/es/landing.html
new file mode 100644
index 000000000..e0b735ce9
--- /dev/null
+++ b/_layouts/es/landing.html
@@ -0,0 +1,8 @@
+---
+layout: es/default
+---
+
+
+<div class="page-wrapper--white">
+    {{ content }}
+</div>
diff --git a/_layouts/es/page.html b/_layouts/es/page.html
new file mode 100644
index 000000000..f2e7e6b6e
--- /dev/null
+++ b/_layouts/es/page.html
@@ -0,0 +1,93 @@
+---
+layout: es/default
+---
+ <meta charset="utf-8">
+
+<div class="page-wrapper">
+<div class="page">
+  {% capture url_parts %} {{ page.url | remove: "/index.html" | replace:'/'," " }}{% endcapture %}
+  {% assign parts = url_parts | split: ' ' %}
+  {% assign previous="" %}
+  <ul class="breadcrumb">
+    {% if num_parts == "-1" %}
+    {% elsif num_parts == "0" %}
+      <li><a href="/">Inicio</a></li>
+    {% else %}
+      <li><a href="/">Inicio</a></li>
+      {% if page.slug == null %}
+          {% for part in parts %}
+            {% capture previous %}{{ previous }}/{{ part }}{% endcapture %}
+            <li><a href="{{ previous }}/">{{ part | capitalize | replace:'_'," " }}</a></li>
+            {% capture url_parts %}{{ url_parts | remove_first:part }}{% endcapture %}
+          {% endfor %}
+      {% else %}
+        <li><a href="/blog/">Blog</a></li>
+      {% endif %}
+    {% endif %}
+  </ul>
+
+    <div class="main-content-column">
+      <main role="main" class="main-content">
+        {{ content }}
+      </main>
+    </div>
+    <div class="secondary-content-column">
+      <nav class="sidebar">
+        <ul>
+          <li>{% include feedback_form.html %}</li>
+          <li>
+            <gcse:searchbox-only></gcse:searchbox-only>
+
+          </li>
+          <li><a href="{{ page.baseurl }}/about/">Información</a></li>
+          <li><a href="{{ page.baseurl }}/docs/">Documentación</a>
+            <ul>
+              <li><a href="{{ page.baseurl }}/docs/glossary/">Glosario</a></li>
+            </uL>
+          </li>
+          <li><a href="{{ page.baseurl }}/docs/getting_started/">Primeros pasos</a></li>
+          <li><a href="{{ page.baseurl }}/docs/installing/">Instalación</a>
+            <ul>
+              <li><a href="{{ page.baseurl }}/docs/installing/script/">Script de instalación</a></li>
+              <li><a href="{{ page.baseurl }}/docs/installing/vagrant/">Vagrant</a></li>
+              <li><a href="{{ page.baseurl }}/docs/installing/ami/">AMI de Alaveteli para EC2</a></li>
+              <li><a href="{{ page.baseurl }}/docs/installing/manual_install/">Instalación manual</a></li>
+              <li><a href="{{ page.baseurl }}/docs/installing/deploy/">Implementación</a></li>
+              <li><a href="{{ page.baseurl }}/docs/installing/email/">MTA (servidor de correo)</a></li>
+              <li><a href="{{ page.baseurl }}/docs/installing/next_steps/">Próximos pasos</a></li>
+            </ul>
+          </li>
+          <li><a href="{{ page.baseurl }}/docs/customising/">Personalización</a>
+            <ul>
+              <li><a href="{{ page.baseurl }}/docs/customising/config/">Configuración</a></li>
+              <li><a href="{{ page.baseurl }}/docs/customising/themes/">Temas</a></li>
+              <li><a href="{{ page.baseurl }}/docs/customising/translation/">Traducción</a></li>
+              <li><a href="{{ page.baseurl }}/docs/customising/states/">Estados de solicitud</a></li>
+            </ul>
+          </li>
+          <li><a href="{{ page.baseurl }}/docs/running/">Ejecución</a>
+            <ul>
+              <li><a href="{{ page.baseurl }}/docs/running/admin_manual/">Manual de administración</a></li>
+              <li><a href="{{ page.baseurl }}/docs/running/redaction">Redacción</a></li>
+              <li><a href="{{ page.baseurl }}/docs/running/security/">Seguridad y mantenimiento</a></li>
+              <li><a href="{{ page.baseurl }}/docs/running/server/">Requisitos del servidor</a></li>
+              <li><a href="{{ page.baseurl }}/docs/running/upgrading/">Actualización</a></li>
+            </ul>
+          </li>
+          <li><a href="{{ page.baseurl }}/docs/developers/">Para desarrolladores</a>
+            <ul>
+              <li><a href="{{ page.baseurl }}/docs/developers/overview/">Vista general de alto nivel</a></li>
+              <li><a href="{{ page.baseurl }}/docs/developers/directory_structure/">Estructura de directorios</a></li>
+              <li><a href="{{ page.baseurl }}/docs/developers/i18n/">Internacionalización</a></li>
+              <li><a href="{{ page.baseurl }}/docs/developers/api/">API</a></li>
+            </ul>
+          </li>
+          <li><a href="{{ page.baseurl }}/community/">Comunidad</a>
+          </li>
+          <li><a href="https://www.mysociety.org/category/alaveteli/">Blog</a></li>
+        </ul>
+      </nav>
+    </div>
+
+  </div>
+</div>
diff --git a/_layouts/page.html b/_layouts/page.html
index d868a951d..e81965b09 100644
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -37,56 +37,56 @@ layout: default
             <gcse:searchbox-only></gcse:searchbox-only>
 
           </li>
-          <li><a href="{{ site.baseurl }}about/">About</a></li>
-          <li><a href="{{ site.baseurl }}docs/">Documentation</a>
+          <li><a href="{{ page.baseurl }}/about/">About</a></li>
+          <li><a href="{{ page.baseurl }}/docs/">Documentation</a>
             <ul>
-              <li><a href="{{ site.baseurl }}docs/glossary/">Glossary</a></li>
+              <li><a href="{{ page.baseurl }}/docs/glossary/">Glossary</a></li>
             </uL>
           </li>
-          <li><a href="{{ site.baseurl }}docs/getting_started/">Getting Started</a></li>
-          <li><a href="{{ site.baseurl }}docs/installing/">Installing</a>
+          <li><a href="{{ page.baseurl }}/docs/getting_started/">Getting Started</a></li>
+          <li><a href="{{ page.baseurl }}/docs/installing/">Installing</a>
             <ul>
-              <li><a href="{{ site.baseurl }}docs/installing/script/">Install script</a></li>
-              <li><a href="{{ site.baseurl }}docs/installing/vagrant/">Vagrant</a></li>
-              <li><a href="{{ site.baseurl }}docs/installing/ami/">Alaveteli AMI for EC2</a></li>
-              <li><a href="{{ site.baseurl }}docs/installing/manual_install/">Manual Install</a></li>
-              <li><a href="{{ site.baseurl }}docs/installing/deploy/">Deploying</a></li>
-              <li><a href="{{ site.baseurl }}docs/installing/email/">MTA (email)</a></li>
-              <li><a href="{{ site.baseurl }}docs/installing/next_steps/">Next steps</a></li>
+              <li><a href="{{ page.baseurl }}/docs/installing/script/">Install script</a></li>
+              <li><a href="{{ page.baseurl }}/docs/installing/vagrant/">Vagrant</a></li>
+              <li><a href="{{ page.baseurl }}/docs/installing/ami/">Alaveteli AMI for EC2</a></li>
+              <li><a href="{{ page.baseurl }}/docs/installing/manual_install/">Manual Install</a></li>
+              <li><a href="{{ page.baseurl }}/docs/installing/deploy/">Deploying</a></li>
+              <li><a href="{{ page.baseurl }}/docs/installing/email/">MTA (email)</a></li>
+              <li><a href="{{ page.baseurl }}/docs/installing/next_steps/">Next steps</a></li>
             </ul>
           </li>
-          <li><a href="{{ site.baseurl }}docs/customising/">Customising</a>
+          <li><a href="{{ page.baseurl }}/docs/customising/">Customising</a>
             <ul>
-              <li><a href="{{ site.baseurl }}docs/customising/config/">Configuration</a></li>
-              <li><a href="{{ site.baseurl }}docs/customising/themes/">Themes</a></li>
-              <li><a href="{{ site.baseurl }}docs/customising/translation/">Translation</a></li>
-              <li><a href="{{ site.baseurl }}docs/customising/states/">Request states</a></li>
+              <li><a href="{{ page.baseurl }}/docs/customising/config/">Configuration</a></li>
+              <li><a href="{{ page.baseurl }}/docs/customising/themes/">Themes</a></li>
+              <li><a href="{{ page.baseurl }}/docs/customising/translation/">Translation</a></li>
+              <li><a href="{{ page.baseurl }}/docs/customising/states/">Request states</a></li>
             </ul>
           </li>
-          <li><a href="{{ site.baseurl }}docs/running/">Running</a>
+          <li><a href="{{ page.baseurl }}/docs/running/">Running</a>
             <ul>
-              <li><a href="{{ site.baseurl }}docs/running/admin_manual/">Admin manual</a></li>
-              <li><a href="{{ site.baseurl }}docs/running/requests/">Managing requests</a></li>
-              <li><a href="{{ site.baseurl }}docs/running/holding_pen/">The holding pen</a></li>
-              <li><a href="{{ site.baseurl }}docs/running/categories_and_tags/">Categories &amp; tags</a></li>
-              <li><a href="{{ site.baseurl }}docs/running/redaction">Redaction</a></li>
-              <li><a href="{{ site.baseurl }}docs/running/security/">Security &amp; Maintenance</a></li>
-              <li><a href="{{ site.baseurl }}docs/running/server/">Server checklist</a></li>
-              <li><a href="{{ site.baseurl }}docs/running/upgrading/">Upgrading</a></li>
+              <li><a href="{{ page.baseurl }}docs/running/admin_manual/">Admin manual</a></li>
+              <li><a href="{{ page.baseurl }}docs/running/requests/">Managing requests</a></li>
+              <li><a href="{{ page.baseurl }}docs/running/holding_pen/">The holding pen</a></li>
+              <li><a href="{{ page.baseurl }}docs/running/categories_and_tags/">Categories &amp; tags</a></li>
+              <li><a href="{{ page.baseurl }}docs/running/redaction">Redaction</a></li>
+              <li><a href="{{ page.baseurl }}docs/running/security/">Security &amp; Maintenance</a></li>
+              <li><a href="{{ page.baseurl }}docs/running/server/">Server checklist</a></li>
+              <li><a href="{{ page.baseurl }}docs/running/upgrading/">Upgrading</a></li>
             </ul>
           </li>
-          <li><a href="{{ site.baseurl }}docs/developers/">For developers</a>
+          <li><a href="{{ page.baseurl }}/docs/developers/">For developers</a>
             <ul>
-              <li><a href="{{ site.baseurl }}docs/developers/overview/">High-level overview</a></li>
-              <li><a href="{{ site.baseurl }}docs/developers/directory_structure/">Directory structure</a></li>
-              <li><a href="{{ site.baseurl }}docs/developers/i18n/">Internationalisation</a></li>
-              <li><a href="{{ site.baseurl }}docs/developers/api/">API</a></li>
+              <li><a href="{{ page.baseurl }}/docs/developers/overview/">High-level overview</a></li>
+              <li><a href="{{ page.baseurl }}/docs/developers/directory_structure/">Directory structure</a></li>
+              <li><a href="{{ page.baseurl }}/docs/developers/i18n/">Internationalisation</a></li>
+              <li><a href="{{ page.baseurl }}/docs/developers/api/">API</a></li>
             </ul>
           </li>
-          <li><a href="{{ site.baseurl }}community/">Community</a>
+          <li><a href="{{ page.baseurl }}/community/">Community</a>
                 <ul>
                     <li>
-                        <a href="{{ site.baseurl }}community/conferences/2012/">AlaveteliCon 2012</a>
+                        <a href="{{ page.baseurl }}/community/conferences/2012/">AlaveteliCon 2012</a>
                     </li>
                 </ul>
           </li>
author	Gareth Rees <gareth@mysociety.org>	2015-01-14 10:15:51 +0000
committer	Gareth Rees <gareth@mysociety.org>	2015-04-07 16:23:02 +0100
commit	21e63e3192878ac72642c48cd34bd230cb23e214 (patch)
tree	42c2f887e1d8349aabf730e5226ee430a8a55856
parent	0b3cced2197ff3629e83b31ec78f2cc599599d84 (diff)