homepage: structure the homepage content
* NEW Adds professional data. * BETTER Complete personal data. * NEW Adds online contacts. * Structure data parts with description list. * NEW Adds a static style sheet and minimally styles the description lists. Co-Authored-by: Igor Milhit <igor.milhit@rero.ch>pull/31/head
parent
788c7c621b
commit
9b7e39acd2
|
@ -8,8 +8,8 @@
|
|||
{{ end }}
|
||||
<!-- Note that the content for index.html, as a sort of list page, will pull from content/_index.md -->
|
||||
{{.Content}}
|
||||
{{ if not .Site.Params.online }}
|
||||
{{ partial "online" }}
|
||||
{{ if not .Site.Params.online.hide }}
|
||||
{{ partial "online" . }}
|
||||
{{ end }}
|
||||
</main>
|
||||
{{ end }}
|
||||
|
|
|
@ -0,0 +1,14 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
<base href="{{ .Site.BaseURL }}">
|
||||
<title> {{ .Title }} </title>
|
||||
<link rel="canonical" href="{{ .Permalink }}">
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="{{ .Site.BaseURL }}style.css">
|
||||
|
||||
{{ with .OutputFormats.Get "RSS" }}
|
||||
{{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
|
||||
{{ end }}
|
||||
|
||||
</head>
|
|
@ -1 +1,31 @@
|
|||
<h2>Online</h2>
|
||||
<dl>
|
||||
{{ with .Site.Params.online.github }}
|
||||
<dt>GitHub</dt>
|
||||
<dd><a href="https://github.com/{{ . }}">{{ . }}</a></dd>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.online.framagit }}
|
||||
<dt>Framagit</dt>
|
||||
<dd><a href="https://framagit.org/{{ . }}">{{ . }}</a></dd>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.online.mastodon }}
|
||||
<dt>mastodon</dt>
|
||||
<dd><a href="{{ . }}">{{ . }}</a></dd>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.online.twitter }}
|
||||
<dt>Twitter</dt>
|
||||
<dd><a href="https://twitter.com/{{ . }}">@igor_milhit</a></dd>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.online.keybase }}
|
||||
<dt>Keybase</dt>
|
||||
<dd><a href="https://keybase.io/{{ . }}">{{ . }}</a></dd>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.online.wikipedia }}
|
||||
<dt>Wikipedia</dt>
|
||||
<dd><a href="https://fr.wikipedia.org/wiki/Utilisateur:{{ . }}">{{ . }}</a></dd>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.online.openstreetmap }}
|
||||
<dt>OpenStreetMap</dt>
|
||||
<dd><a href="https://openstreetmap.org/user/{{ . }}">{{ . }}</a></dd>
|
||||
{{ end }}
|
||||
</dl>
|
||||
|
|
|
@ -1,14 +1,30 @@
|
|||
<ul>
|
||||
{{ with .Site.Params.contactsPriv.address }}
|
||||
<li><span itemprop="address">adresse: {{ . }}</span></li>
|
||||
{{ end }}
|
||||
<dl>
|
||||
{{ with .Site.Params.contactsPriv.email }}
|
||||
<li>email: <a href="mailto:{{ . }}" itemprop="email">{{ . }}</a></li>
|
||||
<dt>e-mail</dt>
|
||||
<dd><a href="mailto:{{ . }}" itemprop="email">{{ . }}</a></dd>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.contactsPriv.pĥone }}
|
||||
<li>tél.: <a href="tel:{{ replace . " " ""}}"><span itemprop="telephone">{{ . }}</span></a></li>
|
||||
{{ with .Site.Params.contactsPriv.address }}
|
||||
<dt>Adresse</dt>
|
||||
<dd><span itemprop="address">{{ . }}</span></dd>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.contactsPriv.phone }}
|
||||
<dt>Tél.</dt>
|
||||
<dd><a href="tel:{{ replace . " " ""}}"><span itemprop="telephone">{{ . }}</span></a></dd>
|
||||
{{end}}
|
||||
{{ with .Site.Params.contactsPriv.mobile }}
|
||||
<li>mobile: <a href="tel:{{ replace . " " ""}}"><span itemprop="telephone">{{ . }}</span></a></li>
|
||||
<dt>Tél. mobile</dt>
|
||||
<dd><a href="tel:{{ replace . " " ""}}"><span itemprop="telephone">{{ . }}</span></a></dd>
|
||||
{{end}}
|
||||
</ul>
|
||||
{{ with .Site.Params.contactsPriv.publickey }}
|
||||
<dt>Clé publique</dt>
|
||||
<dd><a href="/{{ . }}">{{ . }}</a></dd>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.contactsPriv.fingerprint }}
|
||||
<dt>Empreinte</dt>
|
||||
<dd>{{ . }}</dd>
|
||||
{{ end }}
|
||||
{{ with .Site.Params.contactsPriv.xmpp }}
|
||||
<dt>XMPP/jabber</dt>
|
||||
<dd>{{ . }}</dd>
|
||||
{{ end }}
|
||||
</dl>
|
||||
|
|
|
@ -1,23 +1,30 @@
|
|||
<ul>
|
||||
<dl>
|
||||
{{ with .Site.Params.contactsPro.email }}
|
||||
<li>email: <a href="mailto:{{ . }}" itemprop="email">{{ . }}</a></li>
|
||||
<dt>e-mail</dt>
|
||||
<dd><a href="mailto:{{ . }}" itemprop="email">{{ . }}</a></dt>
|
||||
{{end}}
|
||||
{{ with .Site.Params.contactsPro.address }}
|
||||
<li>adresse: <span itemprop="address">{{ . }}</span></li>
|
||||
<dt>Adresse</dt>
|
||||
<dd><span itemprop="address">{{ . }}</span></dd>
|
||||
{{end}}
|
||||
{{ with .Site.Params.contactsPro.mobile}}
|
||||
<li>mobile: <a href="tel:{{ replace . " " ""}}"><span itemprop="telephone">{{ . }}</span></a></li>
|
||||
<dt>Mobile</dt>
|
||||
<dd><a href="tel:{{ replace . " " ""}}"><span itemprop="telephone">{{ . }}</span></a></dd>
|
||||
{{end}}
|
||||
{{ with .Site.Params.contactsPro.phone}}
|
||||
<li>tel: <a href="tel:{{ replace . " " ""}}"><span itemprop="telephone">{{ . }}</span></a></li>
|
||||
<dt>Tél.</dt>
|
||||
<dd><a href="tel:{{ replace . " " ""}}"><span itemprop="telephone">{{ . }}</span></a></dd>
|
||||
{{end}}
|
||||
{{ with .Site.Params.contactsPro.publickey }}
|
||||
<li>clé: <a href="/{{ . }}">{{ . }}</a></li>
|
||||
<dt>Clé publique</dt>
|
||||
<dd><a href="/{{ . }}">{{ . }}</a></dd>
|
||||
{{end}}
|
||||
{{ with .Site.Params.contactsPro.fingerprint}}
|
||||
<li>empreinte: <code>{{ . }}</code></li>
|
||||
<dt>Empreinte</dt>
|
||||
<dd><code>{{ . }}</code></dd>
|
||||
{{end}}
|
||||
{{ with .Site.Params.contactsPro.cv}}
|
||||
<li>cv: <a href="/{{ . }}">{{ . }}</a></li>
|
||||
<dt>CV</dt>
|
||||
<dd><a href="/{{ . }}">{{ . }}</a></dd>
|
||||
{{end}}
|
||||
</ul>
|
||||
</dl>
|
||||
|
|
|
@ -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;
|
||||
}
|
Loading…
Reference in New Issue