Use sticky personalia bar
This commit is contained in:
parent
5b85b3bf1b
commit
92032f1a6f
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "about",
|
"name": "about",
|
||||||
"version": "1.3.10",
|
"version": "1.3.11",
|
||||||
"description": "All about Florine",
|
"description": "All about Florine",
|
||||||
"author": "Florine W. Dekker",
|
"author": "Florine W. Dekker",
|
||||||
"browser": "dist/bundle.js",
|
"browser": "dist/bundle.js",
|
||||||
|
|
|
@ -36,36 +36,38 @@
|
||||||
<nav id="nav"></nav>
|
<nav id="nav"></nav>
|
||||||
<main class="container grid-with-sidebar"> <!-- Do not hide without JavaScript -->
|
<main class="container grid-with-sidebar"> <!-- Do not hide without JavaScript -->
|
||||||
<aside>
|
<aside>
|
||||||
<h3 id="personalia">Personalia</h3>
|
<div class="sticky">
|
||||||
<p>
|
<h3 id="personalia">Personalia</h3>
|
||||||
<b><i class="fa fa-envelope-o" aria-hidden="true"></i> Email</b><br />
|
<p>
|
||||||
<samp>florine@<a href="https://fwdekker.com/" data-tooltip="fwdekker.com"><domain></a></samp>,
|
<b><i class="fa fa-envelope-o" aria-hidden="true"></i> Email</b><br />
|
||||||
<samp>f.w.dekker@<a href="https://tudelft.nl/" data-tooltip="tudelft.nl"><affiliation></a></samp>
|
<samp>florine@<a href="https://fwdekker.com/" data-tooltip="fwdekker.com"><domain></a></samp>,
|
||||||
</p>
|
<samp>f.w.dekker@<a href="https://tudelft.nl/" data-tooltip="tudelft.nl"><affiliation></a></samp>
|
||||||
<p>
|
</p>
|
||||||
<b><i class="fa fa-key-modern" aria-hidden="true"></i> PGP key</b><br />
|
<p>
|
||||||
<a href="https://fwdkr.co/pgp">
|
<b><i class="fa fa-key-modern" aria-hidden="true"></i> PGP key</b><br />
|
||||||
<samp>8299 B00A 92AE<br />7B89 3E59 0D00<br /><b>CB7A 189A 7860 758B</b></samp>
|
<a href="https://fwdkr.co/pgp">
|
||||||
</a>
|
<samp>8299 B00A 92AE<br />7B89 3E59 0D00<br /><b>CB7A 189A 7860 758B</b></samp>
|
||||||
</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>
|
||||||
<a href="https://stackoverflow.com/users/3307872/fwdekker" aria-label="StackOverflow">
|
</p>
|
||||||
<i class="fa fa-stack-overflow fa-lg fa-fw" aria-hidden="true"></i>
|
<p>
|
||||||
</a>
|
<b><i class="fa fa-file-pdf-o" aria-hidden="true"></i> Resume</b><br />
|
||||||
<a href="https://linkedin.com/in/fwdekker/" aria-label="LinkedIn">
|
<a href="https://fwdkr.co/cv" target="_blank">PDF</a>
|
||||||
<i class="fa fa-linkedin-square fa-lg fa-fw" aria-hidden="true"></i>
|
</p>
|
||||||
</a>
|
<p>
|
||||||
</span>
|
<b><i class="fa fa-user-circle" aria-hidden="true"></i> Socials</b><br />
|
||||||
</p>
|
<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>
|
</aside>
|
||||||
<div role="document">
|
<div role="document">
|
||||||
<section>
|
<section>
|
||||||
|
|
Loading…
Reference in New Issue