yarmo/yarmo.eu
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Update id section
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Yarmo Mackenbach 2020-07-04 01:55:51 +02:00
parent f3b0d94b83
commit 6e0cb65755
3 changed files with 69 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
static/img/qr_fp.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 KiB

43
static/style.css
View File

@ -38,6 +38,9 @@
--clr-link-alt: hsl(175,38%,60%); --clr-link-alt: hsl(175,38%,60%);
--clr-code: hsl(0,0%,15%); --clr-code: hsl(0,0%,15%);
} }
* {
box-sizing: border-box;
}
body { body {
font-family: 'dm', 'Courier New', Courier, monospace; font-family: 'dm', 'Courier New', Courier, monospace;
color: var(--clr-text); color: var(--clr-text);
@ -133,30 +136,48 @@ blockquote strong em {
margin: 0 0 64px 0; margin: 0 0 64px 0;
} }
.id-card { .id-card {
display: flex; /* display: flex;
align-items: center; align-items: top;
flex-wrap: wrap; flex-wrap: wrap; */
position: relative;
background: #fff;
border: 2px solid rgba(0,0,0,0.5);
} }
.id-card .header-image { .id-card .header-image {
flex: 1; /* flex: 1;
flex-basis: auto; flex-basis: auto; */
margin: 8px 32px 8px 0; /* margin: 8px 32px 8px 0; */
text-align: center; text-align: center;
} }
.id-card .header-description { .id-card .header-description {
flex: 100; width: 100%;
flex-basis: auto; /* flex: 100;
margin: 8px 0; flex-basis: auto; */
/* margin: 8px 0; */
padding: 24px 32px 16px;
/* border-left: 2px solid var(--clr-border);
border-right: 2px solid var(--clr-border); */
}
.id-card .header-description-id {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
} }
.id-card .profile-picture { .id-card .profile-picture {
max-width: 160px; width: 64px;
/* margin: 8px 0; */
margin: 0 16px 16px 0;
border-radius: 100%; border-radius: 100%;
} }
.id-card h1 { .id-card h1 {
font-size: 1.4em; font-size: 1.3em;
/* margin: 0; */
margin: 0 0 16px; margin: 0 0 16px;
/* margin: 0 0 16px; */
} }
.id-card p { .id-card p {
width: 100%;
font-size: 1.1em; font-size: 1.1em;
margin: 0 0 8px; margin: 0 0 8px;
} }

32
views/id.pug
View File

@ -1,8 +1,7 @@
.id-card .id-card
.header-image
img(src="/static/img/profile.png", alt="Yarmo's profile picture").profile-picture.u-photo
.header-description .header-description
.header-description-id
img(src="/static/img/profile.png", alt="Yarmo's profile picture").profile-picture.u-photo
h1 h1
| I'm | I'm
a(href="https://yarmo.eu", rel="me", title="yarmo.eu").u-url.u-uid a(href="https://yarmo.eu", rel="me", title="yarmo.eu").u-url.u-uid
@ -11,16 +10,31 @@
a(href="https://pronoun.is/he").u-pronoun he/him/his a(href="https://pronoun.is/he").u-pronoun he/him/his
| ) | )
p.p-note p.p-note
| Finished a PhD in <span class="p-category">Neurosciences</span>.<br> | Developer of
| Enjoys <span class="p-category">programming</span> and <span class="p-category">making music</span>.<br> a(href="https://keyoxide.org") Keyoxide.org
| Advocates for <span class="p-category">FOSS</span> and <span class="p-category">online privacy</span>. br
| Finished a PhD in <span class="p-category">Neurosciences</span>
p p
a(href="mailto:yarmo@qivro.xyz", rel="me", title="Email").u-email Email | PGP:
a(href="https://keyoxide.org/9f0048ac0b23301e1f77e994909f6bd6f80f485d", rel="me", title="Keyoxide profile") 9f0048ac0b23301e1f77e994909f6bd6f80f485d
| (
a(href="/9F0048AC0B23301E1F77E994909F6BD6F80F485D.asc", download="/9F0048AC0B23301E1F77E994909F6BD6F80F485D.asc", rel="pgpkey publickey authn", type="text/plain", title="PGP public key") asc
| -
a(href="/static/img/qr_fp.png", title="PGP fingerprint QR") qr
| )
p
| Topics:
| <span class="p-category">FOSS</span>
| &mdash; <span class="p-category">online_privacy</span>
| &mdash; <span class="p-category">music_production</span>
p
| Links:
a(href="mailto:yarmo@snopyta.org", rel="me", title="Email").u-email Email
| &mdash; | &mdash;
a(href="xmpp:yarmo@qivro.xyz", rel="me", title="XMPP").u-xmpp XMPP a(href="xmpp:yarmo@snopyta.org", rel="me", title="XMPP").u-xmpp XMPP
| &mdash; | &mdash;
a(href="https://fosstodon.org/@yarmo", rel="me", title="Fediverse").u-url Fediverse a(href="https://fosstodon.org/@yarmo", rel="me", title="Fediverse").u-url Fediverse
| &mdash; | &mdash;
a(href="https://git.yarmo.eu/yarmo", rel="me", title="Gitea").u-url Gitea a(href="https://git.yarmo.eu/yarmo", rel="me", title="Gitea").u-url Gitea
| &mdash; | &mdash;
a(href="/9F0048AC0B23301E1F77E994909F6BD6F80F485D.asc", download="/9F0048AC0B23301E1F77E994909F6BD6F80F485D.asc", rel="pgpkey publickey authn", type="text/plain", title="PGP public key") PGP a(href="/contact") more