Add 1st content to contact.md page

For that theme must be updated :
* Add a `social.html` template : to list social links set in SOCIAL
* Resize social icons to 16x16
* Lower social icon filenamme
* Capitalize 1st letter of SOCIAL.name in `base.html`
* Add CSS to remove bullet list
* Add a condition in `page.html` to include social only for `contact` page slug

Set `contact-en.md` status to draft, this was just a test for the
translation feature

content/pages/contact-en.md

@@ -1,7 +1,6 @@
 Title: Contact
 Lang: en
 Slug: contact
-Status: published
 Summary: Contact me!
 
 Contact me !

content/pages/contact.md

@@ -4,4 +4,12 @@ Slug: contact
 Status: published
 Summary: Contactez moi!
 
-Contactez moi !
+Mon mail : [pro@zind.fr](mailto:pro@zind.fr)
+
+Mon tel : [+336 59 44 28 36](tel:+33659442836)
+
+Mon _CV_ est téléchargeable en suivant [ce lien][cv].
+
+Vous pouvez regarder et participer à mes contribution sur les réseaux suivants :
+
+[cv]: https://freezed.me/index.php/s/VM3F2r0wNXsOJDj/download/

mytheme/static/css/main.css

@@ -437,3 +437,5 @@ li:last-child .hentry, #content > .hentry {border: 0; margin: 0;}
 
 	#add-comment input[type='submit'] {float: right; margin: 0 .5em;}
 	#add-comment * {margin-bottom: .5em;}
+
+.social {list-style: none;}

mytheme/templates/base.html

@@ -52,7 +52,7 @@ Je t'offre une bière la prochaine fois que l'on se croise avec le mot de passe
                 <span class="spaced">|</span>
             {% if SOCIAL or FEED_ALL_ATOM or FEED_ALL_RSS %}
                 {% for name, link in SOCIAL %}
-                <a class="spaced" href="{{ link }}">{{ name }}</a>
+                <a class="spaced" href="{{ link }}">{{ name|title }}</a>
                 {% endfor %}
             {% endif %}
                 <p class="spaced">

mytheme/templates/page.html

@@ -14,6 +14,12 @@
     {% import 'translations.html' as translations with context %}
     <h6><em>{{ translations.translations_for(page) }}</em></h6>
     <h2>{{ page.title }}</h2>
+    <hr />
     {{ page.content }}
+
+    {% if page.slug == 'contact' %}
+        {% include 'social.html' %}
+    {% endif %}
+
 </section>
 {% endblock %}

mytheme/templates/social.html

@@ -0,0 +1,12 @@
+{% if SOCIAL %}
+    <ul class="social">
+    {% for name, link in SOCIAL %}
+        <li class="style-none">
+            <a href="{{ link }}" title="{{ name|title }}">
+                <img src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/{{ name }}.png" title="Image pour le site {{ name|title }}" />
+                {{ name|title }}
+            </a>
+        </li>
+    {% endfor %}
+    </ul>
+{% endif %}