Improves pages, debates list, mobile version

app/assets/stylesheets/admin.scss

@@ -53,8 +53,8 @@ body.admin {
 // - - - - - - - - - - - - - - - - - - - - - - - - -
 
 .admin-sidebar {
-  margin-left: rem-calc(-15);
+  margin-left: rem-calc(-20);
-  margin-top: rem-calc(-48);
+  margin-top: rem-calc(24);
 
   ul {
     list-style-type: none;

app/assets/stylesheets/debates.scss

@@ -2,6 +2,8 @@
 //
 // 01. Debates
 // 02. Index
+//  02.1. Featured
+//  02.2. List
 // 03. Show
 // 04. New
 // 05. Comments
@@ -165,6 +167,9 @@
 // 02. Index
 // - - - - - - - - - - - - - - - - - - - - - - - - -
 
+// 02.1. Featured
+// - - - - - - - - - - - - -
+
 .debate-featured {
 
   .panel {
@@ -267,9 +272,13 @@
 
     p {
       color: $text;
-      font-size: rem-calc(13);
+      font-size: rem-calc(14);
       line-height: $line-height;
       margin-bottom: rem-calc(12);
+
+      &.debate-info {
+        font-size: rem-calc(13);
+      }
     }
   }
 
@@ -278,8 +287,14 @@
   }
 }
 
+// 02.2. List
+// - - - - - - - - - - - - -
+
 .debates-list {
-  margin-bottom: rem-calc(48);
+
+  @media (min-width: $small-breakpoint) {
+    margin-bottom: rem-calc(48);
+  }
 }
 
 .debate {
@@ -292,7 +307,11 @@
     box-shadow: 0px 1px 3px 0 $border;
     margin-bottom: rem-calc(12);
     min-height: rem-calc(192);
-    padding: rem-calc(12);
+    padding-top: rem-calc(12);
+
+    @media (min-width: $small-breakpoint) {
+      padding-bottom: rem-calc(12);
+    }
 
     .label {
       line-height: $line-height;
@@ -304,10 +323,6 @@
       min-height: rem-calc(48);
     }
 
-    p {
-      text-align: justify;
-    }
-
     .debate-content {
       margin: 0;
       min-height: rem-calc(180);
@@ -331,11 +346,11 @@
 
   .votes {
     border: 1px solid $votes-border;
-    border-top-left-radius: 3px;
-    border-bottom-left-radius: 3px;
     margin: 0 rem-calc(-12);
 
     @media (min-width: $small-breakpoint) {
+      border-top-left-radius: 3px;
+      border-bottom-left-radius: 3px;
       margin: 0 rem-calc(-24) 0 rem-calc(12);
     }
 
@@ -372,12 +387,13 @@
       }
     }
 
-    .like {
+    @media (min-width: $small-breakpoint) {
+      .like {
 
-      span {
+        span {
-        color: white;
+          display: block;
-        display: block;
+          line-height: $line-height/2;
-        line-height: $line-height/2;
+        }
       }
     }
 
@@ -406,8 +422,7 @@
 // - - - - - - - - - - - - - - - - - - - - - - - - -
 
 .debate-show {
-  background: white;
+  padding-top: rem-calc(12);
-  padding: rem-calc(24) rem-calc(12) 0;
 
   .back {
     @include back;
@@ -419,7 +434,7 @@
 
   h1 {
     clear: both;
-    font-size: rem-calc(24);
+    font-size: rem-calc(30);
     font-weight: bold;
     margin: 0;
     text-transform: lowercase;
@@ -445,7 +460,7 @@
     }
 
     p {
-      font-size: rem-calc(14);
+      font-size: rem-calc(15);
       line-height: $line-height;
       margin-bottom: 0;
     }
@@ -472,7 +487,7 @@
   }
 
   h3 {
-    border-top: 1px solid $votes-border;
+    border-top: 2px solid $brand;
     display: inline-block;
     font-size: rem-calc(16);
     margin: -1px 0 rem-calc(12);
@@ -482,8 +497,8 @@
 
   .votes {
     @include votes;
-    border: 1px solid $votes-border;
+    border: 0;
-    border-radius: rem-calc(3);
+    border-radius: 0;
     margin: 0;
 
     .total-votes {
@@ -522,7 +537,7 @@
 
   .tags {
     display: block;
-    margin-top: rem-calc(24);
+    margin: rem-calc(24) 0;
 
     a {
       margin-right: rem-calc(6);
@@ -641,6 +656,10 @@
     .comment-body {
       margin-left: rem-calc(42);
 
+      p {
+        font-size: rem-calc(14);
+      }
+
       .reply {
         background: white;
         border: 1px solid $border;

app/assets/stylesheets/participacion.scss

@@ -90,8 +90,8 @@ body {
 }
 
 p {
-  font-size: rem-calc(13);
+  font-size: rem-calc(15);
-  line-height: $line-height;
+  line-height: $line-height*1.25;
   margin-bottom: rem-calc(12);
 }
 
@@ -134,7 +134,7 @@ h6 {
 
 .button {
   background: $brand;
-  font-size: rem-calc(13);
+  font-size: rem-calc(14);
   font-family: $font-family-sans-serif !important;
   padding: rem-calc(15) rem-calc(32);
 }
@@ -278,10 +278,6 @@ header {
   &.results {
     border-bottom: rem-calc(1) solid $border;
     min-height: rem-calc(48);
-
-    @media (min-width: $small-breakpoint) {
-      min-height: 189px;
-    }
   }
 
   h1 {
@@ -334,9 +330,6 @@ header {
   }
 
   .icon-external {
-    position: absolute;
-    top: 3px;
-    right: -20px;
     color: #D01A6C;
     font-size: rem-calc(12);
   }
@@ -413,7 +406,11 @@ header {
       font-size: rem-calc(16);
       font-weight: lighter;
       line-height: $line-height*2;
-      padding-left: 0;
+      padding-left: rem-calc(12);
+
+      @media (min-width: $small-breakpoint) {
+        padding-left: 0;
+      }
 
       span {
         *display: inline; /* IE */
@@ -446,12 +443,13 @@ header {
 
       img {
         height: 48px;
-        margin-right: rem-calc(6);
+        margin-top: rem-calc(24);
         width: 48px;
 
-        @media (min-width: $small-breakpoint) {
+        @media (min-width: $medium-breakpoint) {
           height: 96px;
           margin-right: rem-calc(12);
+          margin-top: 0;
           width: 96px;
         }
       }
@@ -534,10 +532,6 @@ header {
 
     @media (min-width: $small-breakpoint) {
       margin-left: 0;
-
-      &.right:first-child {
-        margin-right: rem-calc(12);
-      }
     }
 
     li:not(.has-form) a:not(.button) {
@@ -585,10 +579,12 @@ header {
 .subnavigation {
   background: white;
   clear: both;
-  height: rem-calc(72);
+  min-height: rem-calc(72);
 
-  & > .column {
+  @media (min-width: $small-breakpoint) {
-    padding-left: 0;
+    & > .column {
+      padding-left: 0;
+    }
   }
 
   a {
@@ -596,13 +592,14 @@ header {
     display: block;
     font-size: rem-calc(14);
     font-weight: bold;
+    line-height: $line-height*2;
     position: relative;
     text-align: left;
-    margin-left: rem-calc(12);
 
     @media (min-width: $small-breakpoint) {
       display: inline-block;
       line-height: $line-height*3;
+      margin-left: rem-calc(12);
       margin-right: rem-calc(72);
     }
 
@@ -836,6 +833,7 @@ form {
 
     &.search-form {
       height: rem-calc(37);
+      padding: 0 rem-calc(6);
     }
 
     &.error {
@@ -1041,18 +1039,26 @@ img.initialjs-avatar {
   h2 {
     display: inline-block;
     font-size: rem-calc(24);
-    margin: rem-calc(24) 0;
+    margin: rem-calc(24) 0 rem-calc(12);
+
+    @media (min-width: $small-breakpoint) {
+      margin: rem-calc(24) 0;
+    }
   }
 
   select {
     background-color: #DEE0E2;
     height: auto;
-    margin: rem-calc(24) rem-calc(6);
+    margin-bottom: rem-calc(24);
     min-width: rem-calc(180);
     outline: 0;
     padding: rem-calc(12);
     width: auto;
 
+    @media (min-width: $small-breakpoint) {
+      margin: 0 rem-calc(6) rem-calc(24);
+    }
+
     optgroup {
       font-size: rem-calc(14);
     }
@@ -1315,7 +1321,7 @@ table {
       margin-left: rem-calc(12);
 
       li {
-        font-size: rem-calc(13);
+        font-size: rem-calc(15);
         margin-bottom: rem-calc(12);
       }
     }

app/views/debates/index.html.erb

@@ -38,6 +38,9 @@
           </form>
         </div>
       </div>
+      <div class="show-for-small-only">
+        <%= link_to t("debates.index.start_debate"), new_debate_path, class: 'button radius expand' %>
+      </div>
       <%= render @debates %>
       <%= paginate @debates %>
     </div>

app/views/layouts/_header.html.erb

@@ -16,7 +16,7 @@
         <li class="toggle-topbar menu-icon"><a href="#"><span></span></a></li>
         <li class="name">
           <%= link_to root_path do %>
-            <%= image_tag('header_logo_madrid.png', class: 'left', size: '96x96') %>
+            <%= image_tag('header_logo_madrid.png', class: 'show-for-medium-up left', size: '96x96') %>
             <%= t("layouts.header.open_gov", open: "#{t('layouts.header.open')}").html_safe %> <span>|</span> <span class="logo-site"><%= t("layouts.header.participation") %></span>
           <% end %>
         </li>
@@ -41,7 +41,7 @@
         <i class="icon-external"></i>
       <% end %>
       </div>
-      <div class="small-4 column right">
+      <div class="small-12 medium-4 column right">
         <%= render "shared/search_form_header" %>
       </div>
     </section>
@@ -60,10 +60,6 @@
         <i class="icon-debates icon-home-big"></i>
         <i class="icon-debates icon-home-small"></i>
       </div>
-        <!-- <div class="small-12 medium-10 column small-centered">
-          <p><%#= t("layouts.header.open_city_text") %></p>
-        </div> -->
-        <!-- <p><%#= t("layouts.header.open_city_soon") %></p> -->
     </div>
   <% end %>
 

app/views/pages/how_it_works.html.erb

@@ -4,16 +4,16 @@
       <p><strong>¿Cómo funciona este Portal de Gobierno Abierto?</strong></p>
       <ul>
           <li>
-            <a href="#">I. Participación</a>
+            <a href="#i">I. Participación</a>
             <ul>
-              <li><a href="#">I.1. Espacio de debate</a></li>
+              <li><a href="#i1">I.1. Espacio de debate</a></li>
             </ul>
           </li>
       </ul>
     </div>
     <div class="text small-12 medium-9 column">
 
-    <h1>¿Cómo funciona este Portal de Gobierno Abierto?</h1>
+  <h1>¿Cómo funciona este Portal de Gobierno Abierto?</h1>
 
    <p>El nuevo Portal de Gobierno Abierto está dividido en tres partes: Participación, Transparencia y Datos Abiertos (verás los enlaces en la parte superior derecha).</p>
 
@@ -28,11 +28,11 @@
 
     <p>Inauguramos el nuevo portal con la nueva sección de Participación, y en breve añadiremos las nuevas secciones de Transparencia y Datos Abiertos (así que mantenemos por el momento los enlaces a las páginas al respecto que ya existían).</p>
 
-    <h2>I. Participación</h2>
+    <h2 id="i">I. Participación</h2>
 
     <p>El apartado de participación comprenderá diferentes mecanismos de participación: propuestas ciudadanas, espacios de debate, presupuestos participativos, legislación colaborativa, entre muchos otros. Por el momento presentamos el espacio de debate, y muy pronto las propuestas ciudadanas.</p>
 
-    <h3>I.I. Espacio de debate</h3>
+    <h3 id="i1">I.I. Espacio de debate</h3>
 
     <p>En este espacio, cualquier persona puede abrir un hilo de discusión sobre cualquier tema, creando un espacio independiente donde la gente podrá debatir sobre el tema propuesto. De esta manera, en este espacio digital convivirán cada día cientos de espacios de debate distintos entre los que la ciudadanía podrá pasearse, sumándose a los que más les interese.</p>
 

app/views/pages/how_to_use.html.erb

@@ -4,7 +4,7 @@
       <h1>Utilízalo en tu municipio</h1>
       <p>Utilízalo en tu municipio libremente o ayúdanos a mejorarlo, es software libre.</p>
 
-      <p>Este Portal de Gobierno Abierto usa la aplicación <strong>Consul v.0.9</strong> que es software libre, con <a href="http://www.gnu.org/licenses/agpl-3.0.html" target="_blank">licencia AGPLv3</a>, esto significa en palabras sencillas, que cualquiera puede libremente usar el código, copiarlo, verlo en detalle, modificarlo, y redistribuirlo al mundo con las modificaciones que quiera (manteniendo el que otros puedan a su vez hacer lo mismo). Porque creemos que la cultura es mejor y más rica cuando se libera.</p>
+      <p>Este Portal de Gobierno Abierto usa la <a href="https://github.com/ayuntamientomadrid" target="_blank">aplicación Consul</a> que es software libre, con <a href="http://www.gnu.org/licenses/agpl-3.0.html" target="_blank">licencia AGPLv3</a>, esto significa en palabras sencillas, que cualquiera puede libremente usar el código, copiarlo, verlo en detalle, modificarlo, y redistribuirlo al mundo con las modificaciones que quiera (manteniendo el que otros puedan a su vez hacer lo mismo). Porque creemos que la cultura es mejor y más rica cuando se libera.</p>
 
       <p>No sólo puedes utilizar libremente este portal en tu municipio, sino que desde el Ayuntamiento de Madrid vamos a ayudarte todo lo posible a que lo hagas, así que si estás interesado, escríbenos a <a href="mailto:ag.gobiernoabierto@madrid.es">ag.gobiernoabierto@madrid.es</a></p>
 

app/views/pages/participation.html.erb

@@ -1,28 +1,27 @@
 <div class="page row-full">
   <div class="row">
   <div class="menu small-12 medium-3 column">
-      <p><strong>Participación y Transparencia en Madrid - Próximas novedades</strong></p>
       <ul>
           <li>
-            <a href="#">I. Participación</a>
+            <a href="#i">I. Participación</a>
             <ul>
-              <li><a href="#">I.1. Propuestas ciudadanas</a></li>
+              <li><a href="#i1">I.1. Propuestas ciudadanas</a></li>
-              <li><a href="#">I.2. Presupuestos participativos</a></li>
+              <li><a href="#i2">I.2. Presupuestos participativos</a></li>
-              <li><a href="#">I.3. Legislacion colaborativa</a></li>
+              <li><a href="#i3">I.3. Legislacion colaborativa</a></li>
-              <li><a href="#">I.4. Co-gobierno ciudadano</a></li>
+              <li><a href="#i4">I.4. Co-gobierno ciudadano</a></li>
-              <li><a href="#">I.5. Participación sectorial</a></li>
+              <li><a href="#i5">I.5. Participación sectorial</a></li>
-              <li><a href="#">I.6. Inclusión, neutralidad y privacidad</a></li>
+              <li><a href="#i6">I.6. Inclusión, neutralidad y privacidad</a></li>
-              <li><a href="#">I.7. Innovación social</a></li>
+              <li><a href="#i7">I.7. Innovación social</a></li>
             </ul>
           </li>
           <li>
-            <a href="#">II. Transparencia</a>
+            <a href="#ii">II. Transparencia</a>
             <ul>
-              <li><a href="#">II.1. Ordenanza de transparencia</a></li>
+              <li><a href="#ii1">II.1. Ordenanza de transparencia</a></li>
-              <li><a href="#">II.2. Portal de transparencia</a></li>
+              <li><a href="#ii2">II.2. Portal de transparencia</a></li>
-              <li><a href="#">II.3. Datos abiertos</a></li>
+              <li><a href="#ii3">II.3. Datos abiertos</a></li>
-              <li><a href="#">II.4. Agendas públicas</a></li>
+              <li><a href="#ii4">II.4. Agendas públicas</a></li>
-              <li><a href="#">II.5. Transparencia del Lobby</a></li>
+              <li><a href="#ii5">II.5. Transparencia del Lobby</a></li>
             </ul>
           </li>
       </ul>
@@ -40,42 +39,42 @@
 
         <p>A continuación os presentamos algunas de las principales novedades que tenemos planeadas poner en marcha en relación con el proyecto de participación y transparencia, aparte de las que vayamos diseñando o se nos vayan proponiendo durante la legislatura:</p>
 
-        <h3>I. Participación.</h3>
+        <h3 id="i">I. Participación.</h3>
         <ul>
-        <li><strong>I.1. Propuestas ciudadanas.</strong> Dentro de muy poco inauguraremos esta sección. Un espacio que permitirá que entre todos decidamos qué debe ser Madrid. Cualquiera podrá presentar propuestas, que en caso de que sean aceptadas mayoritariamente se llevarán a cabo por parte del Ayuntamiento. Debate, propón, decide.</li>
+        <li id="i1"><strong>I.1. Propuestas ciudadanas.</strong> Dentro de muy poco inauguraremos esta sección. Un espacio que permitirá que entre todos decidamos qué debe ser Madrid. Cualquiera podrá presentar propuestas, que en caso de que sean aceptadas mayoritariamente se llevarán a cabo por parte del Ayuntamiento. Debate, propón, decide.</li>
 
-        <li><strong>I.2. Presupuestos participativos.</strong> Parte del presupuesto de inversión del Ayuntamiento (el que no está comprometido ya con necesidades básicas como pueden ser los servicios sociales o las emergencias), será reservado para ser decidido su uso por la ciudadanía. La gente hará propuestas, se tasarán las más apoyadas, y luego los ciudadanos decidirán en cuáles de esos proyectos priorizar el presupuesto reservado.</li>
+        <li id="i2"><strong>I.2. Presupuestos participativos.</strong> Parte del presupuesto de inversión del Ayuntamiento (el que no está comprometido ya con necesidades básicas como pueden ser los servicios sociales o las emergencias), será reservado para ser decidido su uso por la ciudadanía. La gente hará propuestas, se tasarán las más apoyadas, y luego los ciudadanos decidirán en cuáles de esos proyectos priorizar el presupuesto reservado.</li>
 
-        <li><strong>I.3. Legislacion colaborativa.</strong> A través de diferentes fases de participación, la ciudadanía tendrá un papel fundamental colaborando directamente en la elaboración de las propuestas, reglamentos, decretos o cualquier otro tipo de trabajo político desarrollado por el gobierno municipal. Una participación real desde el principio al fin del proceso legislativo, desde decidir los expertos en la materia hasta revisar el texto final.</li>
+        <li id="i3"><strong>I.3. Legislacion colaborativa.</strong> A través de diferentes fases de participación, la ciudadanía tendrá un papel fundamental colaborando directamente en la elaboración de las propuestas, reglamentos, decretos o cualquier otro tipo de trabajo político desarrollado por el gobierno municipal. Una participación real desde el principio al fin del proceso legislativo, desde decidir los expertos en la materia hasta revisar el texto final.</li>
 
-        <li><strong>I.4. Co-gobierno ciudadano.</strong> Mediante este sistema la ciudadanía podrá decidir las líneas prioritarias de actuación del Ayuntamiento a medio plazo.</li>
+        <li id="i4"><strong>I.4. Co-gobierno ciudadano.</strong> Mediante este sistema la ciudadanía podrá decidir las líneas prioritarias de actuación del Ayuntamiento a medio plazo.</li>
 
-        <li><strong>I.5. Participación sectorial.</strong> La participación ciudadana se va a tratar de manera transversal en todas las áreas de gobierno del Ayuntamiento, afectando a todos los procesos que se lleven a cabo. Un ejemplo de esto es el proceso de auditoría ciudadana de la deuda, que llevaremos a cabo con el Área de Gobierno de Economía y Hacienda.</li>
+        <li id="i5"><strong>I.5. Participación sectorial.</strong> La participación ciudadana se va a tratar de manera transversal en todas las áreas de gobierno del Ayuntamiento, afectando a todos los procesos que se lleven a cabo. Un ejemplo de esto es el proceso de auditoría ciudadana de la deuda, que llevaremos a cabo con el Área de Gobierno de Economía y Hacienda.</li>
 
-        <li><strong>I.6. Inclusión, neutralidad y privacidad.</strong> Una de las misiones principales del área será velar por la inclusión de todo el mundo en los procesos participativos, para que todas las voces y voluntades formen parte de ellos y no se quede nadie fuera. Para ello, desarrollaremos una mesa de inclusión a la que invitaremos a todos los expertos, colectivos y asociaciones que trabajen con colectivos excluidos, para diseñar las maneras adecuadas de superar estas brechas. La protección de la participación se complementará con la protección de la neutralidad y privacidad en todos los procesos, para asegurar su legitimidad y confianza.</li>
+        <li id="i6"><strong>I.6. Inclusión, neutralidad y privacidad.</strong> Una de las misiones principales del área será velar por la inclusión de todo el mundo en los procesos participativos, para que todas las voces y voluntades formen parte de ellos y no se quede nadie fuera. Para ello, desarrollaremos una mesa de inclusión a la que invitaremos a todos los expertos, colectivos y asociaciones que trabajen con colectivos excluidos, para diseñar las maneras adecuadas de superar estas brechas. La protección de la participación se complementará con la protección de la neutralidad y privacidad en todos los procesos, para asegurar su legitimidad y confianza.</li>
 
-        <li><strong>I.7. Innovación social.</strong> Pretendemos crear un entorno que movilice la inteligencia colectiva existente en favor de una ciudad más hospitalaria e inclusiva. Espacios donde la sociedad se hable y piense con la administración, con la convicción de que son los ciudadanos quienes mejor conocen sus problemas, y es en lo colectivo donde están los expertos que pueden hallar las soluciones.</li>
+        <li id="i7"><strong>I.7. Innovación social.</strong> Pretendemos crear un entorno que movilice la inteligencia colectiva existente en favor de una ciudad más hospitalaria e inclusiva. Espacios donde la sociedad se hable y piense con la administración, con la convicción de que son los ciudadanos quienes mejor conocen sus problemas, y es en lo colectivo donde están los expertos que pueden hallar las soluciones.</li>
         </ul>
-        <h3>II. Transparencia</h3>
+        <h3 id="ii">II. Transparencia</h3>
         <ul>
-          <li><strong>II.1. Ordenanza de transparencia</strong>
+          <li id="ii1"><strong>II.1. Ordenanza de transparencia</strong>
           Este ayuntamiento cree en la transparencia como medio para conseguir objetivos claves para el desarrollo de la democracia. En la práctica, el derecho de acceso a la información tiene un efecto disuasorio y preventivo sobre la corrupción. Además tiene un impacto directo sobre los derechos democráticos más esenciales como es el derecho a la participación, desde su concepción más básica como es votar en las elecciones, el derecho a una prensa libre e independiente o sobre todo nuestro derecho a obtener o a exigir una rendición de cuentas completa de lo público.<br>
           El Ayuntamiento de Madrid se propone aprobar una norma de transparencia que incluya los principios más avanzados en esta materia y que incluya la obligación de las instituciones públicas hacer pública, reactiva o proactivamente, toda la información, registrada, archivada, elaborada, recibida o en posesión de las autoridades públicas sea cual sea el formato. Se trata de explicar todo lo que afecte a una decisión sobre lo público: qué se hace, quién lo hace, por qué se hace, cómo se hace y cuánto cuesta. Además esta información debe ser publicada en formatos abiertos que la hagan más accesible y reutilizable por cualquiera.</li>
 
-          <li><strong>II.2. Portal de transparencia</strong>
+          <li id="ii2"><strong>II.2. Portal de transparencia</strong>
           En cumplimiento de la Ley 19/2013 de Transparencia, Acceso a la Información y Buen Gobierno, y de su futura implementación en una Ordenanza Municipal en Madrid, el Ayuntamiento de Madrid plantea el desarrollo y mejora del Portal de la Transparencia. El Ayuntamiento no se limitará a cumplir con las obligaciones que se adquieran cuando entre en vigor la ley 19/2013 sino que aprobará mediante su Ordenanza las obligaciones y derechos que posibiliten la publicación de una lista de la información más ambiciosa que debe encontrarse en el Portal de transparencia del Ayuntamiento siguiendo los mandatos legales.<br>
           El objetivo de esta mejora es no solo la publicación de un mayor volumen de información sino también la publicación de esta información en formatos que la hagan más accesible y fácil de entender para los ciudadanos.</li>
 
-          <li><strong>II.3. Datos abiertos</strong>
+          <li id="ii3"><strong>II.3. Datos abiertos</strong>
           El Ayuntamiento tiene como objetivo compartir todos los datos que tienen en su poder en formatos abiertos y fomentar su reutilización por parte de la sociedad. El objetivo por tanto es doble, por un lado se trabajará en la mejora del portal de datos, en aumentar la cantidad, la calidad y la frecuencia en la publicación de datos, y por otro lado se abrirán canales de colaboración para promover las aplicaciones y los usos que resulten de la reutilización de los datos.</li>
 
-          <li><strong>II.4. Agendas públicas</strong>
+          <li id="ii4"><strong>II.4. Agendas públicas</strong>
           En el moderno proceso de toma de decisiones por los responsables políticos, la publicación de las agendas de los cargos públicos es una medida fundamental para garantizar la transparencia de las instituciones. De esta forma, la ciudadanía puede tener una idea clara de quiénes participan en el proceso de toma de decisiones.<br>
           Esta necesidad de publicidad viene refrendada por destacados organismos internacionales, como el Grupo de Estados Contra la Corrupción del Consejo de Europa (GRECO), que la señala como uno de los estándares internacionales a tener en cuenta para incorporar al sistema parlamentario español; o la Organización para la Cooperación y el Desarrollo Económico (OCDE) que, en junio de 2013, destacaba que "en el despertar de una crisis global donde la protección del interés público ha sido cuestionada de forma mundial, hay una creciente necesidad de valorar el progreso alcanzado para garantizar un proceso de toma de decisiones abierto, balanceado y con un público informado".<br>
           En línea con este espíritu de apertura, y con la decidida voluntad de que exista fluidez en la información, se considera necesario hacer públicas las agendas de los Concejales como inicio de una política de transparencia y rendición de cuentas en el Ayuntamiento de Madrid, de forma que sea posible saber qué trabajo realizan los miembros del gobierno municipal y qué colectivos o circunstancias pueden tener repercusión en las decisiones que se toman.<br>
           Ya se pueden consultar <a href="http://www.madrid.es/portales/munimadrid/es/Inicio/El-Ayuntamiento/Transparencia/Informacion-institucional-y-organizativa/Agendas-publicas-de-los-concejales/Agendas-publicas-de-los-concejales?vgnextfmt=default&vgnextchannel=481f003fec17e410VgnVCM1000000b205a0aRCRD" target="_blank">las agendas de los concejales</a> pero el Ayuntamiento está trabajando en una aplicación mejor que permita encontrar las reuniones más fácilmente.</li>
 
-          <li><strong>II.5. Transparencia del Lobby</strong>
+          <li id="ii5"><strong>II.5. Transparencia del Lobby</strong>
           Con el objetivo de hacer el proceso de toma de decisiones del Ayuntamiento de Madrid un proceso lo más transparente posible, se propone la creación de un registro de lobbies que obligue a todas las personas que quieran reunirse con el Gobierno para ejercer influencia sobre los asuntos públicos a estar registrada en el mismo. El objetivo de este registro es conocer a qué intereses representan las personas que se reúnen con los representantes públicos.</li>
         </ul>
     </div>