igor
/
portfoligor
1
1
Fork 0
Code Issues 9 Pull Requests Packages Projects 1 Releases 4 Wiki Activity

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
iGor milhit 2019-07-05 16:50:21 +02:00
parent 788c7c621b
commit 9b7e39acd2
Signed by: igor
GPG Key ID: 692D97C3D0228A99
6 changed files with 112 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
layouts/index.html
View File

@ -8,8 +8,8 @@
{{ end }} {{ end }}
<!-- Note that the content for index.html, as a sort of list page, will pull from content/_index.md --> <!-- Note that the content for index.html, as a sort of list page, will pull from content/_index.md -->
{{.Content}} {{.Content}}
{{ if not .Site.Params.online }} {{ if not .Site.Params.online.hide }}
{{ partial "online" }} {{ partial "online" . }}
{{ end }} {{ end }}
</main> </main>
{{ end }} {{ end }}

14
layouts/partials/head.html
View File

@ -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>

30
layouts/partials/online.html
View File

@ -1 +1,31 @@
<h2>Online</h2> <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>

34
layouts/partials/perso.html
View File

@ -1,14 +1,30 @@
<ul> <dl>
{{ with .Site.Params.contactsPriv.address }}
<li><span itemprop="address">adresse: {{ . }}</span></li>
{{ end }}
{{ with .Site.Params.contactsPriv.email }} {{ 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 }} {{ end }}
{{ with .Site.Params.contactsPriv.pĥone }} {{ with .Site.Params.contactsPriv.address }}
<li>tél.: <a href="tel:{{ replace . " " ""}}"><span itemprop="telephone">{{ . }}</span></a></li> <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}} {{end}}
{{ with .Site.Params.contactsPriv.mobile }} {{ 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}} {{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>

25
layouts/partials/pro.html
View File

@ -1,23 +1,30 @@
<ul> <dl>
{{ with .Site.Params.contactsPro.email }} {{ 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}} {{end}}
{{ with .Site.Params.contactsPro.address }} {{ with .Site.Params.contactsPro.address }}
<li>adresse: <span itemprop="address">{{ . }}</span></li> <dt>Adresse</dt>
<dd><span itemprop="address">{{ . }}</span></dd>
{{end}} {{end}}
{{ with .Site.Params.contactsPro.mobile}} {{ 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}} {{end}}
{{ with .Site.Params.contactsPro.phone}} {{ 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}} {{end}}
{{ with .Site.Params.contactsPro.publickey }} {{ with .Site.Params.contactsPro.publickey }}
<li>clé: <a href="/{{ . }}">{{ . }}</a></li> <dt>Clé publique</dt>
<dd><a href="/{{ . }}">{{ . }}</a></dd>
{{end}} {{end}}
{{ with .Site.Params.contactsPro.fingerprint}} {{ with .Site.Params.contactsPro.fingerprint}}
<li>empreinte: <code>{{ . }}</code></li> <dt>Empreinte</dt>
<dd><code>{{ . }}</code></dd>
{{end}} {{end}}
{{ with .Site.Params.contactsPro.cv}} {{ with .Site.Params.contactsPro.cv}}
<li>cv: <a href="/{{ . }}">{{ . }}</a></li> <dt>CV</dt>
<dd><a href="/{{ . }}">{{ . }}</a></dd>
{{end}} {{end}}
</ul> </dl>

25
static/style.css
View File

@ -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;
}