diff --git a/layouts/index.html b/layouts/index.html
index b149f82..a036d96 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -8,8 +8,8 @@
{{ end }}
{{.Content}}
- {{ if not .Site.Params.online }}
- {{ partial "online" }}
+ {{ if not .Site.Params.online.hide }}
+ {{ partial "online" . }}
{{ end }}
{{ end }}
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index e69de29..0dd5838 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -0,0 +1,14 @@
+
+
+
+
+ {{ .Title }}
+
+
+
+
+ {{ with .OutputFormats.Get "RSS" }}
+ {{ printf `` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
+ {{ end }}
+
+
diff --git a/layouts/partials/online.html b/layouts/partials/online.html
index 28c7a3d..0bc6491 100644
--- a/layouts/partials/online.html
+++ b/layouts/partials/online.html
@@ -1 +1,31 @@
Online
+
+ {{ with .Site.Params.online.github }}
+ - GitHub
+ - {{ . }}
+ {{ end }}
+ {{ with .Site.Params.online.framagit }}
+ - Framagit
+ - {{ . }}
+ {{ end }}
+ {{ with .Site.Params.online.mastodon }}
+ - mastodon
+ - {{ . }}
+ {{ end }}
+ {{ with .Site.Params.online.twitter }}
+ - Twitter
+ - @igor_milhit
+ {{ end }}
+ {{ with .Site.Params.online.keybase }}
+ - Keybase
+ - {{ . }}
+ {{ end }}
+ {{ with .Site.Params.online.wikipedia }}
+ - Wikipedia
+ - {{ . }}
+ {{ end }}
+ {{ with .Site.Params.online.openstreetmap }}
+ - OpenStreetMap
+ - {{ . }}
+ {{ end }}
+
diff --git a/layouts/partials/perso.html b/layouts/partials/perso.html
index 90c6f16..7c54483 100644
--- a/layouts/partials/perso.html
+++ b/layouts/partials/perso.html
@@ -1,14 +1,30 @@
-
- {{ with .Site.Params.contactsPriv.address }}
- - adresse: {{ . }}
- {{ end }}
+
{{ with .Site.Params.contactsPriv.email }}
-
- email: {{ . }}
+ - e-mail
+ - {{ . }}
{{ end }}
- {{ with .Site.Params.contactsPriv.pĥone }}
- - tél.: {{ . }}
+ {{ with .Site.Params.contactsPriv.address }}
+ - Adresse
+ - {{ . }}
+ {{ end }}
+ {{ with .Site.Params.contactsPriv.phone }}
+ - Tél.
+ - {{ . }}
{{end}}
{{ with .Site.Params.contactsPriv.mobile }}
- - mobile: {{ . }}
+ - Tél. mobile
+ - {{ . }}
{{end}}
-
+ {{ with .Site.Params.contactsPriv.publickey }}
+ Clé publique
+ {{ . }}
+ {{ end }}
+ {{ with .Site.Params.contactsPriv.fingerprint }}
+ Empreinte
+ {{ . }}
+ {{ end }}
+ {{ with .Site.Params.contactsPriv.xmpp }}
+ XMPP/jabber
+ {{ . }}
+ {{ end }}
+
diff --git a/layouts/partials/pro.html b/layouts/partials/pro.html
index 1aa05cc..7c7b03e 100644
--- a/layouts/partials/pro.html
+++ b/layouts/partials/pro.html
@@ -1,23 +1,30 @@
-
+
{{ with .Site.Params.contactsPro.email }}
-
- email: {{ . }}
+ - e-mail
+ - {{ . }}
{{end}}
{{ with .Site.Params.contactsPro.address }}
-
- adresse: {{ . }}
+ - Adresse
+ - {{ . }}
{{end}}
{{ with .Site.Params.contactsPro.mobile}}
- - mobile: {{ . }}
+ - Mobile
+ - {{ . }}
{{end}}
{{ with .Site.Params.contactsPro.phone}}
- - tel: {{ . }}
+ - Tél.
+ - {{ . }}
{{end}}
{{ with .Site.Params.contactsPro.publickey }}
- - clé: {{ . }}
+ - Clé publique
+ - {{ . }}
{{end}}
{{ with .Site.Params.contactsPro.fingerprint}}
- - empreinte:
{{ . }}
+ - Empreinte
+ {{ . }}- cv: {{ . }}
+ - CV
+ - {{ . }}
{{end}}
-
+
diff --git a/static/style.css b/static/style.css
index e69de29..dc54096 100644
--- a/static/style.css
+++ b/static/style.css
@@ -0,0 +1,25 @@
+main {
+ max-width: 35rem; /* 960px */
+}
+
+dl {
+ display: inline-flex;
+ flex-flow: row;
+ flex-wrap: wrap;
+ width: 100%; /* set the container width*/
+ overflow: visible;
+}
+
+dt {
+ flex: 0 0 25%;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+
+dd {
+ flex:0 0 75%;
+ margin-left: auto;
+ text-align: left;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}