https://tomk.omg.lol
HASH 3573d3ef0524b6015766cf6eeb38a0b2
This item was proven by @tomk on 2023-07-19T15:13:04+00:00. (View all of @tomk’s proofs.)
Evidence
This is a copy of the web page retrieved on 2023-07-19T15:13:04+00:00. Show the proof snippet.
<!DOCTYPE html>
<html lang="en"><head>
<title>
Tom Klaver
</title>
<meta charset="utf-8">
<meta property="og:type" content="website">
<meta property="og:title" content="Tom Klaver">
<meta property="og:description" content="This is my mypage.">
<meta property="og:image" content="https://profiles.cache.lol/tomk/picture?v=1689779583.165">
<meta name="viewport" content="width=device-width">
<link href="https://cdn.cache.lol/profiles/themes/css/base.css" rel="stylesheet">
<link href="https://cdn.cache.lol/profiles/themes/css/omglol-special.css" rel="stylesheet">
<style>
body {
background: #f8f0fc;
color: #495057;
}
main {
background: white;
border-radius: 16px;
box-shadow: 4px 4px #0c8599;
}
#profile-picture {
box-shadow: 4px 4px #0c8599;
}
.omg-verified {
color: #0c8599 !important;
}
#metadata {
margin-top: 1em;
display: inline-block;
}
#bottom {
text-align: center;
}
#footer {
margin-top: 2em !important;
// background-color: blue;
display: inline;
}
#bio {
margin-top: 1.5em;
}
#occupation, #location, #food {
display: inline;
padding: 0.5em;
margin: 0.5em 4px;
color: white;
background-color: #0c8599;
// border: 1px dashed #15aabf;
border-radius: 5px;
float: left;
}
a {
color: #0c8599;
}
a:visited {
color: #74c0fc;
}
#now {
align: centered;
}
small {
font-size: 14px;
}
.fa-clock {
color: #495057;
}
.statuslol_container {
margin-top: 2.5rem;
padding: 16px 24px;
background-color: #edf2ff;
border-radius: 8px;
}
.statuslol_container a, a:visited {
color: #0c8599;
}
.statuslol_emoji_container {
font-size: 300%;
margin-top: 1.5rem;
margin-bottom: -1rem;
}
.statuslol_time {
margin-bottom: 1rem;
opacity: 0.6;
font-size: 75%;
font-style: italic;
}
</style>
<style opacity:=""></style>
<style>
.prami-body { fill: #ff69ad; }
.prami-left-eye, .prami-right-eye { fill: #461036; }
.prami-left-eye-pupil, .prami-right-eye-pupil { stroke: #461036; }
.prami-left-cheek, .prami-right-cheek { fill: #e34198; }
.prami-mouth { stroke: #461036; }
</style>
</head>
<body>
<main>
<div id="profile-picture-container">
<img alt="tomk" id="profile-picture" src="https://profiles.cache.lol/tomk/picture?v=1689779580">
</div>
<h1 id="name">
Tom Klaver <a id="verification" style="text-decoration: none; border: 0;" href="https://home.omg.lol/lookup/tomk"><i class="omg-icon omg-verified"></i></a>
</h1>
<div class="metadata" id="pronouns">
he/him
</div>
<div id="details"></div>
<div id="bio">
<p>
<span style="color:#0c8599;"><strong>Fall Out Boy</strong></span> is my life. I wish band merch was prettier.
</p>
<p>
I solve all my problems with the <span style="color: #0c8599"><strong>Shortcuts</strong></span> app.
</p>
</div>
<div id="metadata">
<div class="metadata" id="occupation">
<i class="fa-solid fa-fw fa-solid fa-pen-ruler"></i> UX Designer
</div>
<div class="metadata" id="location">
<i class="fa-solid fa-fw fa-solid fa-city"></i> Haarlem, Neth.
</div>
<div class="metadata" id="food">
<i class="fa-solid fa-fw fa-solid fa-burger"></i> Five Guys
</div>
</div>
<div id="profile-items">
<h2>
Links
</h2>
<ul class="fa-ul">
<li>
<span class="fa-li"><i class="fa-solid fa-bolt"></i></span><a rel="me" href="https://tomk.omg.lol/now">now</a> (upd. Feb 5)
</li>
<li>
<span class="fa-li"><i class="fa-solid fa-pen"></i></span><a rel="me" href="https://tomk.weblog.lol/">weblog</a>
</li>
<li>
<span class="fa-li"><i class="fa-brands fa-mastodon"></i></span><a rel="me" href="https://social.lol/@tomk">mastodon</a> (on <a rel="me" href="https://elk.zone/social.lol/@tomk">elk</a>)
</li>
<li>
<span class="fa-li"><i class="fa-solid fa-person"></i></span><a rel="me" href="https://tomklaver.me">profile</a> (you are here)
</li>
<li>
<span class="fa-li"><i class="fa-solid fa-dumpster-fire"></i></span>twttr (used to)
</li>
</ul><!-- ### Weblog -->
<h2>
UX design career
</h2>
<ul class="fa-ul">
<li>
<span class="fa-li"><i class="fa-solid fa-newspaper"></i></span>2013: Prss (acq. by…)
</li>
<li>
<span class="fa-li"><i class="fa-brands fa-apple"></i></span>2014: Apple
</li>
<li>
<span class="fa-li"><i class="fa-solid fa-store"></i></span>2016: Lightspeed
</li>
<li>
<span class="fa-li"><i class="fa-solid fa-pen-ruler"></i></span>2017: Soda studio
</li>
</ul>
<h2>
Skills
</h2>
<ul class="fa-ul">
<li>
<span class="fa-li"><i class="fa-solid fa-circle-info"></i></span>3,14159 off the top of my head
</li>
</ul>
</div>
<div id="status-log">
<div class="statuslol_container"><div class="statuslol" style=""><div class="statuslol_emoji_container"><img class="statuslol_emoji" style="width: 1.5em;" alt="Memo" src="https://cdn.cache.lol/type/fluentui-emoji-main/assets/Memo/3D/memo_3d.png"></div> <div class="statuslol_content"><p>Yay! New bloggy post.</p>
<p>This one's about using Things 3-style tagging shortcuts in Reminders on Mac.</p>
<p><a href="https://tomk.weblog.lol/reminders-hack-things-3-inspired-tagging-shortcuts-macos">https://tomk.weblog.lol/reminders-hack-things-3-inspired-tagging-shortcuts-macos</a></p> <div class="statuslol_time"><a style="" href="https://tomk.status.lol/63f531011c9fb">4 months ago</a> · <a style="" href="https://social.lol/users/tomk/statuses/109904740288223349">Respond</a></div></div></div></div><script src="https://status.lol/tomk.js?time&fluent&link"></script>
<p>
<small>inconspicuous <a rel="me" href="https://home.omg.lol/address/tomk/web">edit</a> button</small>
</p>
<p>
proven.lol/f5a6e6
</p>
</div>
<div id="footer">
<a href="https://home.omg.lol/referred-by/tomk"><span class="logotype">omg<span class="logotype dot" style="color: #f06595;">.</span>lol</span><br>
<svg viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg" id="prami">
<g transform="matrix(1.886789, 0, 0, -1.886789, -351.413971, 1414.84082)">
<g id="prami-body" transform="matrix(1, 0, 0, 1, 318.75, 511.366486)">
<path d="m 0,0 c -20.346,0 -40.691,7.762 -56.215,23.285 l -53,53 c -31.047,31.047 -31.047,81.383 0,112.43 29.997,29.997 78,31.012 109.215,3.044 31.216,27.967 79.219,26.952 109.215,-3.044 31.047,-31.047 31.047,-81.383 0,-112.43 l -53,-53 C 40.692,7.762 20.346,0 0,0" style="fill-opacity:1;fill-rule:nonzero;stroke:none" class="prami-body"></path>
</g>
<g id="prami-left-eye-pupil" transform="matrix(1, 0, 0, 1, 303.125, 656.25)">
<path d="m 0,0 c 0,-3.452 -2.798,-6.25 -6.25,-6.25 -3.452,0 -6.25,2.798 -6.25,6.25 0,3.452 2.798,6.25 6.25,6.25 C -2.798,6.25 0,3.452 0,0" style="fill-opacity:1;fill-rule:nonzero;stroke:none" class="prami-left-eye"></path>
</g>
<g id="prami-left-eye" transform="matrix(1, 0, 0, 1, 303.125, 656.25)">
<path d="m 0,0 c 0,-3.452 -2.798,-6.25 -6.25,-6.25 -3.452,0 -6.25,2.798 -6.25,6.25 0,3.452 2.798,6.25 6.25,6.25 C -2.798,6.25 0,3.452 0,0 Z" style="fill:none;stroke-width:6;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" class="prami-left-eye-pupil"></path>
</g>
<g id="prami-right-eye-pupil" transform="matrix(1, 0, 0, 1, 346.875, 656.25)">
<path d="m 0,0 c 0,-3.452 -2.798,-6.25 -6.25,-6.25 -3.452,0 -6.25,2.798 -6.25,6.25 0,3.452 2.798,6.25 6.25,6.25 C -2.798,6.25 0,3.452 0,0 Z" style="fill:none;stroke-width:6;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" class="prami-right-eye-pupil"></path>
</g>
<g id="prami-right-eye" transform="matrix(1, 0, 0, 1, 346.875, 656.25)">
<path d="m 0,0 c 0,-3.452 -2.798,-6.25 -6.25,-6.25 -3.452,0 -6.25,2.798 -6.25,6.25 0,3.452 2.798,6.25 6.25,6.25 C -2.798,6.25 0,3.452 0,0" style="fill-opacity:1;fill-rule:nonzero;stroke:none" class="prami-left-eye"></path>
</g>
<g id="prami-left-cheek" transform="matrix(1, 0, 0, 1, 281.25, 637.5)">
<path d="M 0,0 C 0,17.259 -13.991,31.25 -31.25,31.25 -48.509,31.25 -62.5,17.259 -62.5,0 c 0,-17.259 13.991,-31.25 31.25,-31.25 C -13.991,-31.25 0,-17.259 0,0" style="fill-opacity:1;fill-rule:nonzero;stroke:none" class="prami-left-cheek"></path>
</g>
<g id="prami-right-cheek" transform="matrix(1, 0, 0, 1, 418.75, 637.5)">
<path d="M 0,0 C 0,17.259 -13.991,31.25 -31.25,31.25 -48.509,31.25 -62.5,17.259 -62.5,0 c 0,-17.259 13.991,-31.25 31.25,-31.25 C -13.991,-31.25 0,-17.259 0,0" style="fill-opacity:1;fill-rule:nonzero;stroke:none" class="prami-right-cheek"></path>
</g>
<g id="prami-mouth" transform="matrix(1, 0, 0, 1, 296.88681, 631.243286)">
<path d="M 0,0 C 10.004,-16.325 33.722,-16.325 43.726,0" style="fill:none;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none;stroke-opacity:1" class="prami-mouth"></path>
</g>
</g></svg></a>
</div>
</main>
</body></html>