Correction du menu responsive design

templates/shortcodes/services.html

@@ -1,28 +1,25 @@
 {% set data = load_data(path="social.toml") -%}
 
-<table class="contact center">
-    <tr>
-        <th> Service </th>
-        <th> Compte </th>
-    </tr>
 
-
-{% for service in data.services %}
-{% if service.obfuscate  %}
-    <tr>
-        <td> {{ service.name }} </td>
-        <td class="obfuscate"> {{ service.address }} </td>
-    </tr>
-{% else %}
-    <tr>
-     <td> {{ service.name }} </td>
-        <td> <a href="mailto:{{ service.address }}">
-                {{ service.address }}
-            </a>
-        </td>
- </tr>
-
-{% endif %}
-
-{% endfor %}
-</table>
+<ul class="center">
+  {% for service in data.services %}
+  {% if service.obfuscate  %}
+  {% if service.name == "XMPP" %} 
+  <li class="center obfuscate">  <a href=xmpp:{{ service.address }} > Par {{ service.name }} </a></li>
+  {% endif %}
+  
+  {% if service.name == "email" %}
+  
+  <li class="center obfuscate"> <a href=mailto:{{ service.address }} > Par {{ service.name }} </a> </li>
+  {% endif %}
+  
+  
+  {% else %}
+  
+  <li class="center"> <a href="{{ service.address }}"> Sur {{ service.name }} </a></li>
+  
+  
+  {% endif %}
+  
+  {% endfor %}
+  <ul>