fwdekker.com
/
about
1
1
Fork 0
Code Issues Pull Requests Releases Activity

Use sticky personalia bar

This commit is contained in:
Florine W. Dekker 2022-12-12 18:07:14 +01:00
parent 5b85b3bf1b
commit 92032f1a6f
Signed by: FWDekker
GPG Key ID: D3DCFAA8A4560BE0
2 changed files with 32 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{
"name": "about",
"version": "1.3.10",
"version": "1.3.11",
"description": "All about Florine",
"author": "Florine W. Dekker",
"browser": "dist/bundle.js",

60
src/main/index.html
View File

@ -36,36 +36,38 @@
<nav id="nav"></nav>
<main class="container grid-with-sidebar"> <!-- Do not hide without JavaScript -->
<aside>
<h3 id="personalia">Personalia</h3>
<p>
<b><i class="fa fa-envelope-o" aria-hidden="true"></i> Email</b><br />
<samp>florine@<a href="https://fwdekker.com/" data-tooltip="fwdekker.com">&lt;domain&gt;</a></samp>,
<samp>f.w.dekker@<a href="https://tudelft.nl/" data-tooltip="tudelft.nl">&lt;affiliation&gt;</a></samp>
</p>
<p>
<b><i class="fa fa-key-modern" aria-hidden="true"></i> PGP key</b><br />
<a href="https://fwdkr.co/pgp">
<samp>8299 B00A 92AE<br />7B89 3E59 0D00<br /><b>CB7A 189A 7860 758B</b></samp>
</a>
</p>
<p>
<b><i class="fa fa-file-pdf-o" aria-hidden="true"></i> Resume</b><br />
<a href="https://fwdkr.co/cv" target="_blank">PDF</a>
</p>
<p>
<b><i class="fa fa-user-circle" aria-hidden="true"></i> Socials</b><br />
<span id="socials-span">
<a href="https://github.com/FWDekker/" aria-label="GitHub">
<i class="fa fa-github fa-lg fa-fw" aria-hidden="true"></i>
<div class="sticky">
<h3 id="personalia">Personalia</h3>
<p>
<b><i class="fa fa-envelope-o" aria-hidden="true"></i> Email</b><br />
<samp>florine@<a href="https://fwdekker.com/" data-tooltip="fwdekker.com">&lt;domain&gt;</a></samp>,
<samp>f.w.dekker@<a href="https://tudelft.nl/" data-tooltip="tudelft.nl">&lt;affiliation&gt;</a></samp>
</p>
<p>
<b><i class="fa fa-key-modern" aria-hidden="true"></i> PGP key</b><br />
<a href="https://fwdkr.co/pgp">
<samp>8299 B00A 92AE<br />7B89 3E59 0D00<br /><b>CB7A 189A 7860 758B</b></samp>
</a>
<a href="https://stackoverflow.com/users/3307872/fwdekker" aria-label="StackOverflow">
<i class="fa fa-stack-overflow fa-lg fa-fw" aria-hidden="true"></i>
</a>
<a href="https://linkedin.com/in/fwdekker/" aria-label="LinkedIn">
<i class="fa fa-linkedin-square fa-lg fa-fw" aria-hidden="true"></i>
</a>
</span>
</p>
</p>
<p>
<b><i class="fa fa-file-pdf-o" aria-hidden="true"></i> Resume</b><br />
<a href="https://fwdkr.co/cv" target="_blank">PDF</a>
</p>
<p>
<b><i class="fa fa-user-circle" aria-hidden="true"></i> Socials</b><br />
<span id="socials-span">
<a href="https://github.com/FWDekker/" aria-label="GitHub">
<i class="fa fa-github fa-lg fa-fw" aria-hidden="true"></i>
</a>
<a href="https://stackoverflow.com/users/3307872/fwdekker" aria-label="StackOverflow">
<i class="fa fa-stack-overflow fa-lg fa-fw" aria-hidden="true"></i>
</a>
<a href="https://linkedin.com/in/fwdekker/" aria-label="LinkedIn">
<i class="fa fa-linkedin-square fa-lg fa-fw" aria-hidden="true"></i>
</a>
</span>
</p>
</div>
</aside>
<div role="document">
<section>