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 12:49:03 +02:00
parent 6e0cb65755
commit dc6bf006a0
2 changed files with 28 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
static/style.css
View File

@ -140,9 +140,15 @@ blockquote strong em {
align-items: top;
flex-wrap: wrap; */
position: relative;
background: #fff;
background: #f9f9f9;
border: 2px solid rgba(0,0,0,0.5);
}
.ellipsis {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.id-card .header-image {
/* flex: 1;
flex-basis: auto; */
@ -163,23 +169,24 @@ blockquote strong em {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
margin: 0 0 1em 0;
}
.id-card .profile-picture {
width: 64px;
/* margin: 8px 0; */
margin: 0 16px 16px 0;
margin: 0 1em 0 0;
border-radius: 100%;
}
.id-card h1 {
font-size: 1.3em;
/* margin: 0; */
margin: 0 0 16px;
margin: 1em 0;
/* margin: 0 0 16px; */
}
.id-card p {
width: 100%;
font-size: 1.1em;
margin: 0 0 8px;
margin: 0 0 1em 0;
}
.id-card .social a {
display: inline-block;
@ -330,3 +337,12 @@ table.music th:nth-child(3) {
.list__item p {
margin: 0 0 8px;
}
@media screen and (max-width: 500px) {
.id-card .header-description-id {
flex-direction: column;
}
.id-card .profile-picture {
margin: 0;
}
}

18
views/id.pug
View File

@ -3,30 +3,28 @@
.header-description-id
img(src="/static/img/profile.png", alt="Yarmo's profile picture").profile-picture.u-photo
h1
| I'm
a(href="https://yarmo.eu", rel="me", title="yarmo.eu").u-url.u-uid
span.p-name Yarmo Mackenbach
| (
a(href="https://pronoun.is/he").u-pronoun he/him/his
| )
br
p.p-note
| Developer of
a(href="https://keyoxide.org") Keyoxide.org
br
| Finished a PhD in <span class="p-category">Neurosciences</span>
br
a(href="https://pronoun.is/he").u-pronoun he/him/his
p
| PGP:
a(href="https://keyoxide.org/9f0048ac0b23301e1f77e994909f6bd6f80f485d", rel="me", title="Keyoxide profile") 9f0048ac0b23301e1f77e994909f6bd6f80f485d
| (
a(href="https://keyoxide.org/9f0048ac0b23301e1f77e994909f6bd6f80f485d", rel="me", title="Keyoxide profile") Keyoxide
| &mdash;
a(href="/9F0048AC0B23301E1F77E994909F6BD6F80F485D.asc", download="/9F0048AC0B23301E1F77E994909F6BD6F80F485D.asc", rel="pgpkey publickey authn", type="text/plain", title="PGP public key") asc
| -
| &mdash;
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>
| &mdash; <span class="p-category">privacy</span>
| &mdash; <span class="p-category">music_prod</span>
p
| Links:
a(href="mailto:yarmo@snopyta.org", rel="me", title="Email").u-email Email