https://alpine.omg.lol
HASH 859ea840f583e1ed4245323b5b2934b4
This item was proven by @alpine on 2023-04-09T00:12:55+00:00. (View all of @alpine’s proofs.)
Evidence
This is a copy of the web page retrieved on 2023-04-09T00:12:55+00:00. Show the proof snippet.
<!DOCTYPE html>
<html lang="en"><head>
<title>
@alpine
</title>
<meta charset="utf-8">
<meta property="og:type" content="website">
<meta property="og:title" content="@alpine">
<meta property="og:description" content="@alpine is on omg.lol!">
<meta property="og:image" content="https://profiles.cache.lol/alpine/picture?v=1680999175.4159">
<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/cherry-blossom.css" rel="stylesheet">
<style>
@import url('https://code.cdn.mozilla.net/fonts/fira.css');
body {
background: #11111b;
color: #cdd6f4;
font-family: 'fira', sans-serif;
}
main {
background: #181825;
}
#profile-picture {
border-radius: 10px;
}
a:link, a:visited{
color: #74c7ec;
text-decoration: none;
border-bottom: 0px #74c7ec;
}
a:hover, a:active {
color: #94e2d5;
text-decoration: none;
border-bottom: 1px solid #94e2d5;
}
#pronouns {
color: #f38ba8;
}
.fas, .fa-solid, .fa-brands, .omg-icon {
color: #fab387;
}
.logotype {
color: #f38ba8;
}
.logotype.dot {
color: #cba6f7 !important;
}
.omg-prami-staff {
color: #f38ba8;
position: relative;
transition: transform .3s;
}
.omg-prami-staff::after {
position: absolute;
content: "";
color: #f5c2e7;
z-index: -1;
top: 0.17em;
bottom: 0.17em;
left: 0.17em;
right: 0.17em;
}
.omg-prami-staff:hover {
transform: scale(1.2);
}
</style>
<style>
#footer .fa-plug {
transform: rotate(0deg);
transition: all 0.3s ease;
}
#footer:hover .fa-plug {
transform: rotate(90deg);
transition: all 0.3s ease;
}
</style>
</head>
<body>
//proven.lol/87c3d8
<main>
<div id="profile-picture-container">
<img alt="alpine" id="profile-picture" src="https://profiles.cache.lol/alpine/picture?v=1680999169">
</div>
<h1 id="name">
Zachary <a id="verification" style="text-decoration: none; border: 0;" href="https://home.omg.lol/lookup/alpine"><i class="omg-icon omg-prami-staff"></i></a>
</h1>
<div class="metadata" id="pronouns">
he/him
</div>
<div class="metadata" id="occupation">
<i class="fa-solid fa-fw fa-briefcase"></i> IT Manager
</div>
<div class="metadata" id="location">
<i class="fa-solid fa-fw fa-location-dot"></i> Maine
</div>
<div id="profile-items">
<h1>
About
</h1>
<p>
Craft beer snob, old school iOS jailbreaker, cyber security graduate, my wife calls me a dork and I just became a gecko dad. Welcome to the fray.
</p>
<h1>
Links
</h1>
<ul class="fa-ul">
<li>
<span class="fa-li"><i class="fa-solid fa-bolt"></i></span><a rel="me" href="https://alpine.omg.lol/now">/Now</a>
</li>
<li>
<span class="fa-li"><i class="fa-solid fa-pen-nib"></i></span><a rel="me" href="https://blog.alpine.day">Blog</a>
</li>
<li>
<span class="fa-li"><i class="fa-brands fa-mastodon"></i></span><a rel="me" href="https://social.lol/@alpine">Mastodon</a>
</li>
<li>
<span class="fa-li"><i class="fa-brands fa-discord"></i></span><a rel="me" href="https://discord.com">alpine#1337</a>
</li>
</ul>
<h1>
Status
</h1>
<p>
<div class="statuslol_container"><div class="statuslol" style="display: flex; flex-wrap: wrap; gap: 1em; background: #f7f7e2; color: #111; border-radius: .5em; padding: 1em;"><div class="statuslol_emoji_container" style="flex: 0 0 1em; font-size: 3em; padding-right: 0;"><img class="statuslol_emoji" alt="Potted plant" src="https://cdn.cache.lol/type/fluentui-emoji-main/assets/Potted plant/High Contrast/potted_plant_high_contrast.svg"></div><div class="statuslol_content" style="flex-grow: 1; flex-shrink: 1; flex-basis: 0; margin: -.5em 0 0 0; text-align: left; overflow-wrap: break-word; overflow-wrap: anywhere; color: #111;"><p>Rain in spring means next day plant buds!</p> <div class="statuslol_time"><small style="opacity: .5; color: #111;">1 week ago</small></div></div></div></div><script src="https://status.lol/alpine.js?time&pretty&fluent&monochrome&"></script>
</p>
</div>
<div id="footer">
<a href="https://home.omg.lol/referred-by/alpine"><i class="fa-solid fa-fw fa-plug"></i> Powered by omg.lol</a>
</div>
</main>
</body></html>