tdpeuter/tdpeuter
tdpeuter/tdpeuter
1
Fork 0
Code Issues 5 Pull requests Projects Releases Activity

feat: Add GPG explainer

Browse source
This commit is contained in:
Tibo De Peuter 2025-11-02 17:41:12 +01:00
parent 1a20d1ae31
commit de2b57c10c
Signed by: tdpeuter
GPG key ID: 38297DE43F75FFE2
6 changed files with 54 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

5
assets/images/icons/question-mark.svg Normal file
View file

@ -0,0 +1,5 @@
<?xml version="1.0" encoding="utf-8"?>
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 17V16.9929M12 14.8571C12 11.6429 15 12.3571 15 9.85714C15 8.27919 13.6568 7 12 7C10.6567 7 9.51961 7.84083 9.13733 9M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z"
stroke="#000000" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 465 B

12
cv.html
View file

@ -537,12 +537,18 @@
</div>
</noscript>
<p>
<a href="./key.asc" about="link to public PGP key">
<a href="./key.asc" title="Get my public PGP key" data-i18n="footer.key">
08A9 C1C8 CF91 59C9 172A BA12 9B11 F524 3089 DB5B
</a>
(<a href="https://keys.openpgp.org/vks/v1/by-fingerprint/08A9C1C8CF9159C9172ABA129B11F5243089DB5B"
about="alternative link to public PGP key"
data-i18n="alternative_link">alternative&nbsp;link</a>)
title="Get my public PGP key (alternative link)"
data-i18n="footer.key_alternative">alternative&nbsp;link</a>)
<a href="https://en.wikipedia.org/wiki/Public-key_cryptography"
title="What is public key cryptography?"
data-i18n="footer.key_help">
<img src="/assets/images/icons/question-mark.svg" alt="" class="icon inline-icon"/>
</a>
</p>
<p>
<span data-i18n="footer.made_with">Made with</span> <span class="heart">&hearts;</span>.

12
i18n/en.json
View file

@ -1,5 +1,4 @@
{
"alternative_link": "alternative link",
"contact": {
"email": {
"title": "Mail me"
@ -78,6 +77,17 @@
}
},
"footer": {
"key": {
"title": "Get my public PGP key"
},
"key_alternative": {
"innerHTML": "alternative&nbsp;link",
"title": "Get my public PGP key (alternative link)"
},
"key_help": {
"href": "https://en.wikipedia.org/wiki/Public-key_cryptography",
"title": "What is public key cryptography?"
},
"made_with": "Made with",
"source_code": "Source code"
},

12
i18n/nl.json
View file

@ -1,5 +1,4 @@
{
"alternative_link": "alternatieve link",
"contact": {
"email": {
"title": "Stuur mij een e-mail"
@ -78,6 +77,17 @@
}
},
"footer": {
"key": {
"title": "Krijg mijn publieke PGP sleutel"
},
"key_alternative": {
"innerHTML": "alternatieve&nbsp;link",
"title": "Krijg mijn publieke PGP sleutel (alternative link)"
},
"key_help": {
"href": "https://nl.wikipedia.org/wiki/Asymmetrische_cryptografie",
"title": "Wat is asymmetrische cryptografie?"
},
"made_with": "Gemaakt met",
"source_code": "Broncode"
},

16
index.html
View file

@ -37,7 +37,7 @@
<main>
<div class="landing">
<p data-i18n="landing.title">My name is Tibo De Peuter.</p>
<p data-i18n="landing.subtitle">I like working with computers.</p>
<p data-i18n="landing.subtitle">I like to work with computers.</p>
</div>
<ul class="links">
@ -58,7 +58,7 @@
</li>
<li>
<a href="https://www.linkedin.com/in/tdpeuter/" title="My LinkedIn account" data-i18n="contact.linkedin">
<img src="assets/images/icons/linkedin.svg" alt="LinkedIn" class="icon"/>
<img src="assets/images/icons/linkedin.svg" alt="" class="icon"/>
</a>
</li>
</ul>
@ -84,12 +84,18 @@
</div>
</noscript>
<p>
<a href="./key.asc" about="link to public PGP key">
<a href="./key.asc" title="Get my public PGP key" data-i18n="footer.key">
08A9 C1C8 CF91 59C9 172A BA12 9B11 F524 3089 DB5B
</a>
(<a href="https://keys.openpgp.org/vks/v1/by-fingerprint/08A9C1C8CF9159C9172ABA129B11F5243089DB5B"
about="alternative link to public PGP key"
data-i18n="alternative_link">alternative&nbsp;link</a>)
title="Get my public PGP key (alternative link)"
data-i18n="footer.key_alternative">alternative&nbsp;link</a>)
<a href="https://en.wikipedia.org/wiki/Public-key_cryptography"
title="What is public key cryptography?"
data-i18n="footer.key_help">
<img src="/assets/images/icons/question-mark.svg" alt="" class="icon inline-icon"/>
</a>
</p>
<p>
<span data-i18n="footer.made_with">Made with</span> <span class="heart">&hearts;</span>.

7
style.css
View file

@ -156,6 +156,13 @@ footer {
/* Cherry red */
}
.inline-icon {
width: 1em;
height: 1em;
vertical-align: middle;
}
.quote {
border-left: var(--line-thickness) solid var(--primary-color);
padding-left: 10px;