Update category dojos

Author: migueabellan

_config.yml

@@ -15,16 +15,12 @@
 # in the templates via {{ site.myvariable }}.
 title: CoderDojo España
 email: info@coderdojo.es
-description: > # this means to ignore newlines until "baseurl:"
-  La red española de clubes de programación donde niños y jóvenes aprenden 
-  a programar y a investigar sobre tecnología de acuerdo a sus intereses, 
-  en un entorno informal y creativo, con el apoyo de mentores voluntarios.
 baseurl: "" # the subpath of your site, e.g. /blog
-url: "http://www.coderdojo.es" # the base hostname & protocol for your site
+url: http://www.coderdojo.es # the base hostname & protocol for your site
+
+# SEO
+description: Asociación española de CoderDojo Foundation. Clubes gratuitos de programación para chicos y chicas de 7 a 17.
 
-# Social
-githubUsername: CoderDojoES
-twitterUsername: CoderDojo_ES
 
 # Build settings
 markdown: kramdown

_layouts/default.html

@@ -7,7 +7,8 @@
     <link rel="shortcut icon" type="image/png" href="/images/favicon.ico">
 
     <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
-    <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
+    <meta name="description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
+
     <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
 
     <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Lato:200,300,400" type="text/css">
@@ -67,8 +68,8 @@
             <div class="col-xs-12 col-md-4">
               <div class="text-right">
                 <ul>
-                  <li><a target="_blank" href="https://twitter.com/{{ site.twitterUsername }}"><span class="fa fa-twitter"></span></a></li>
-                  <li><a target="_blank" href="https://github.com/{{ site.githubUsername }}"><span class="fa fa-github"></span></a></li>
+                  <li><a target="_blank" href="https://twitter.com/CoderDojo_es"><span class="fa fa-twitter"></span></a></li>
+                  <li><a target="_blank" href="https://github.com/CoderDojoES"><span class="fa fa-github"></span></a></li>
                 </ul>
               </div>
             </div>

_layouts/post.html

@@ -1,5 +1,4 @@
 ---
 layout: page
 ---
-{{ content }}
-
+{{ content }}

_pages/dojos.html

@@ -3,11 +3,21 @@
 title: Dojos en España
 permalink: /dojos/
 ---
-
-{% for post in site.categories.dojos %}
-    <article>
-        <h1>
-            <a href="{{ site.baseurl }}{{ post.url }}" title="{{post.title}}">{{post.title}}</a>
-        </h1>
-    </article>
-{% endfor %}
+<div id="dojos">
+    {% for post in site.categories.dojos %}
+        <div class="row">
+            <div class="col-12 col-md-6">
+                <article>
+                    <div class="image">
+                        <a href="{{ site.baseurl }}{{ post.url }}" title="{{post.title}}">
+                            <img class="img-fluid" src="{{ post.intro_image }}" alt="{{post.title}}" />
+                        </a>
+                    </div>
+                    <div class="title">
+                        <a href="{{ site.baseurl }}{{ post.url }}" title="{{post.title}}">{{post.title}}</a>
+                    </div>
+                </article>
+            </div>
+        </div>
+    {% endfor %}
+</div>

_posts/2015-09-01-coderdojo-murcia.markdown

@@ -1,13 +1,17 @@
 ---
 layout: post
-title:  CoderDojo Murcia
 category: dojos
+
+# Propiedades del artículo
+title:  CoderDojo Murcia
+intro_image: /images/dojos/coderdojo-murcia.png
+description: Club gratuito de programación y robótica en Murcia organizado por la Asociación Programo Ergo Sum.
 ---
 
 > CoderDojo Murcia es un Club gratuito de Programación y Robótica para niños, niñas y jóvenes de 10 a 17 años organizado por la Asociación Programo Ergo Sum y sus mentores voluntarios.
 
 <p align="center">
-  <img src="/images/dojos/coderdojo-murcia.png">
+  <img src="{{ page.intro_image }}" title="{{ page.title }}">
 </p>
 
 # ¿Quién puede participar?

_sass/base/_style.scss

@@ -91,6 +91,28 @@
             text-align: center;
         }
     }
+    #dojos {
+        article {
+            position: relative;
+            margin: 0 0 20px;
+            .image {
+                
+            }
+            .title {
+                position: absolute;
+                bottom:0;
+                left:0;
+                right: 0;
+                padding: 10px 20px;
+                text-align: center;
+                background: #000;
+                color: #fff;
+                a {
+                    color: #fff;
+                }
+            }
+        }
+    }
 }
 @media only screen and (max-width:1199px){}
 @media only screen and (max-width:991px){