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 13:52:57 +02:00
parent 7878115883
commit 142479d0f8
2 changed files with 53 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
static/style.css
View File

@ -135,20 +135,21 @@ blockquote strong em {
.id-card { .id-card {
margin: 0 0 64px 0; margin: 0 0 64px 0;
} }
.ellipsis {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.id-card { .id-card {
/* display: flex; /* display: flex;
align-items: top; align-items: top;
flex-wrap: wrap; */ flex-wrap: wrap; */
position: relative; position: relative;
padding: 24px 24px 0px;
background: #f9f9f9; background: #f9f9f9;
border: 2px solid rgba(0,0,0,0.5); border: 2px solid rgba(0,0,0,0.5);
} }
.ellipsis {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.id-card .header-image { .id-card .header-image {
/* flex: 1; /* flex: 1;
flex-basis: auto; */ flex-basis: auto; */
@ -160,7 +161,6 @@ blockquote strong em {
/* flex: 100; /* flex: 100;
flex-basis: auto; */ flex-basis: auto; */
/* margin: 8px 0; */ /* margin: 8px 0; */
padding: 24px 32px 16px;
/* border-left: 2px solid var(--clr-border); /* border-left: 2px solid var(--clr-border);
border-right: 2px solid var(--clr-border); */ border-right: 2px solid var(--clr-border); */
} }
@ -172,15 +172,19 @@ blockquote strong em {
margin: 0 0 1em 0; margin: 0 0 1em 0;
} }
.id-card .profile-picture { .id-card .profile-picture {
width: 64px; /* position: absolute; */
float: right;
width: 128px;
margin: 0 0 12px 12px;
/* margin: 8px 0; */ /* margin: 8px 0; */
margin: 0 1em 0 0; /* margin: 0 1em 0 0; */
border-radius: 100%; border-radius: 100%;
} }
.id-card h1 { .id-card h1 {
font-size: 1.3em; font-size: 1.3em;
/* margin: 0; */ /* margin: 0; */
margin: 1em 0; margin: 0 0 1em;
/* margin: 0 0 16px; */ /* margin: 0 0 16px; */
} }
.id-card p { .id-card p {
@ -338,11 +342,10 @@ table.music th:nth-child(3) {
margin: 0 0 8px; margin: 0 0 8px;
} }
@media screen and (max-width: 480px) { @media screen and (max-width: 560px) {
.id-card .header-description-id {
flex-direction: column;
}
.id-card .profile-picture { .id-card .profile-picture {
margin: 0; display: block;
float: none;
margin: 0 auto 1em;
} }
} }

72
views/id.pug
View File

@ -1,38 +1,36 @@
.id-card .id-card
.header-description img(src="/static/img/profile.png", alt="Yarmo's profile picture").profile-picture.u-photo
.header-description-id h1
img(src="/static/img/profile.png", alt="Yarmo's profile picture").profile-picture.u-photo a(href="https://yarmo.eu", rel="me", title="yarmo.eu").u-url.u-uid
h1 span.p-name Yarmo Mackenbach
a(href="https://yarmo.eu", rel="me", title="yarmo.eu").u-url.u-uid br
span.p-name Yarmo Mackenbach p.p-note
br | Developer of
p.p-note a(href="https://keyoxide.org") Keyoxide.org
| Developer of br
a(href="https://keyoxide.org") Keyoxide.org | Finished a PhD in <span class="p-category">Neurosciences</span>
br br
| Finished a PhD in <span class="p-category">Neurosciences</span> a(href="https://pronoun.is/he").u-pronoun he/him/his
br p
a(href="https://pronoun.is/he").u-pronoun he/him/his | PGP:
p a(href="https://keyoxide.org/9f0048ac0b23301e1f77e994909f6bd6f80f485d", rel="me", title="Keyoxide profile") Keyoxide profile
| PGP: | &mdash;
a(href="https://keyoxide.org/9f0048ac0b23301e1f77e994909f6bd6f80f485d", rel="me", title="Keyoxide profile") Keyoxide profile a(href="/9F0048AC0B23301E1F77E994909F6BD6F80F485D.asc", download="/9F0048AC0B23301E1F77E994909F6BD6F80F485D.asc", rel="pgpkey publickey authn", type="text/plain", title="PGP public key") key.asc
| &mdash; | &mdash;
a(href="/9F0048AC0B23301E1F77E994909F6BD6F80F485D.asc", download="/9F0048AC0B23301E1F77E994909F6BD6F80F485D.asc", rel="pgpkey publickey authn", type="text/plain", title="PGP public key") key.asc a(href="/static/img/qr_fp.png", title="PGP fingerprint QR") qr
| &mdash; p
a(href="/static/img/qr_fp.png", title="PGP fingerprint QR") qr | Topics:
p | <span class="p-category">FOSS</span>
| Topics: | &mdash; <span class="p-category">privacy</span>
| <span class="p-category">FOSS</span> | &mdash; <span class="p-category">music_prod</span>
| &mdash; <span class="p-category">privacy</span> p
| &mdash; <span class="p-category">music_prod</span> | Links:
p a(href="mailto:yarmo@snopyta.org", rel="me", title="Email").u-email Email
| Links: | &mdash;
a(href="mailto:yarmo@snopyta.org", rel="me", title="Email").u-email Email a(href="xmpp:yarmo@snopyta.org", rel="me", title="XMPP").u-xmpp XMPP
| &mdash; | &mdash;
a(href="xmpp:yarmo@snopyta.org", rel="me", title="XMPP").u-xmpp XMPP a(href="https://fosstodon.org/@yarmo", rel="me", title="Fediverse").u-url Fediverse
| &mdash; | &mdash;
a(href="https://fosstodon.org/@yarmo", rel="me", title="Fediverse").u-url Fediverse a(href="https://git.yarmo.eu/yarmo", rel="me", title="Gitea").u-url Gitea
| &mdash; | &mdash;
a(href="https://git.yarmo.eu/yarmo", rel="me", title="Gitea").u-url Gitea a(href="/contact") more
| &mdash;
a(href="/contact") more