diff --git a/static/img/qr_fp.png b/static/img/qr_fp.png
new file mode 100644
index 0000000..0b43678
Binary files /dev/null and b/static/img/qr_fp.png differ
diff --git a/static/style.css b/static/style.css
index b184b6e..969911d 100644
--- a/static/style.css
+++ b/static/style.css
@@ -38,6 +38,9 @@
     --clr-link-alt: hsl(175,38%,60%);
     --clr-code: hsl(0,0%,15%);
 }
+* {
+	box-sizing: border-box;
+}
 body {
     font-family: 'dm', 'Courier New', Courier, monospace;
     color: var(--clr-text);
@@ -133,30 +136,48 @@ blockquote strong em {
     margin: 0 0 64px 0;
 }
 .id-card {
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
+    /* display: flex;
+    align-items: top;
+    flex-wrap: wrap; */
+	position: relative;
+	background: #fff;
+	border: 2px solid rgba(0,0,0,0.5);
 }
 .id-card .header-image {
-    flex: 1;
-    flex-basis: auto;
-    margin: 8px 32px 8px 0;
+    /* flex: 1;
+    flex-basis: auto; */
+    /* margin: 8px 32px 8px 0; */
     text-align: center;
 }
 .id-card .header-description {
-    flex: 100;
-    flex-basis: auto;
-    margin: 8px 0;
+	width: 100%;
+    /* flex: 100;
+    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 {
-    max-width: 160px;
+    width: 64px;
+	/* margin: 8px 0; */
+	margin: 0 16px 16px 0;
     border-radius: 100%;
 }
 .id-card h1 {
-    font-size: 1.4em;
-    margin: 0 0 16px;
+    font-size: 1.3em;
+	/* margin: 0; */
+	margin: 0 0 16px;
+    /* margin: 0 0 16px; */
 }
 .id-card p {
+	width: 100%;
     font-size: 1.1em;
     margin: 0 0 8px;
 }
diff --git a/views/id.pug b/views/id.pug
index 5da61cb..4892c5c 100644
--- a/views/id.pug
+++ b/views/id.pug
@@ -1,26 +1,40 @@
 .id-card
-    .header-image
-        img(src="/static/img/profile.png", alt="Yarmo's profile picture").profile-picture.u-photo
-    
     .header-description
-        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
-            | )
+        .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
+                | )
         p.p-note
-            | Finished a PhD in <span class="p-category">Neurosciences</span>.<br>
-            | Enjoys <span class="p-category">programming</span> and <span class="p-category">making music</span>.<br>
-            | Advocates for <span class="p-category">FOSS</span> and <span class="p-category">online privacy</span>.
+            | Developer of 
+            a(href="https://keyoxide.org") Keyoxide.org
+            br
+            | Finished a PhD in <span class="p-category">Neurosciences</span>
         p
-                a(href="mailto:yarmo@qivro.xyz", rel="me", title="Email").u-email Email
-                |  &mdash; 
-                a(href="xmpp:yarmo@qivro.xyz", rel="me", title="XMPP").u-xmpp XMPP
-                |  &mdash; 
-                a(href="https://fosstodon.org/@yarmo", rel="me", title="Fediverse").u-url Fediverse
-                |  &mdash; 
-                a(href="https://git.yarmo.eu/yarmo", rel="me", title="Gitea").u-url Gitea
-                |  &mdash; 
-                a(href="/9F0048AC0B23301E1F77E994909F6BD6F80F485D.asc", download="/9F0048AC0B23301E1F77E994909F6BD6F80F485D.asc", rel="pgpkey publickey authn", type="text/plain", title="PGP public key") PGP
+            | 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; 
+            a(href="xmpp:yarmo@snopyta.org", rel="me", title="XMPP").u-xmpp XMPP
+            |  &mdash; 
+            a(href="https://fosstodon.org/@yarmo", rel="me", title="Fediverse").u-url Fediverse
+            |  &mdash; 
+            a(href="https://git.yarmo.eu/yarmo", rel="me", title="Gitea").u-url Gitea
+            |  &mdash; 
+            a(href="/contact") more