https://laurel.omg.lol
HASH 0af6bc3ad9c79b09ded6f68d0407652b
This item was proven by @laurel on 2024-02-27T20:21:49+00:00. (View all of @laurel’s proofs.)
Evidence
This is a copy of the web page retrieved on 2024-02-27T20:21:49+00:00. Show the proof snippet.
<!DOCTYPE html>
<html lang="en"><head>
<title>laurel · omg · lol</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="alternate" type="application/rss+xml" title="RSS feed" href="/rss.xml">
<link rel="alternate" type="application/atom+xml" title="Atom feed" href="/atom.xml">
<link rel="alternate" type="application/json" title="JSON feed" href="/feed.json">
<style>
@import url('https://pvinis.github.io/iosevka-webfont/3.4.1/iosevka.css');
@import url('https://static.omg.lol/type/fontawesome-free/css/all.css');
@import url('https://static.omg.lol/type/font-md-io.css');
@import url('https://fonts.googleapis.com/css2?family=Lily+Script+One&display=swap');
</style>
<link rel="stylesheet" href="https://laurel.omg.lol/style.css">
</head><body><span class="hide">proven.lol/8ab7de</span>
<div class="top">
<div class="toggle">
<div class="darkmode">
<input type="checkbox" class="checkbox" id="checkbox">
<label for="checkbox" class="label"></label>
<div class="ball"></div>
</div>
</div>
<div class="nav"><span class="weblog-title-sm"><a href="/">laurel.omg.lol</a></span>
<ul class="nav">
<li><a href="/">home</a></li>
<li><a href="/about">about</a></li>
<li><a href="/noww">now</a></li>
<li><a href="/kudos">kudos</a></li>
</ul>
</div>
</div>
<header>
<div class="head-div">
<div class="head-img">
<img class="head-img" src="https://2ell.b-cdn.net/2ell2dark.png">
</div>
<div class="title">
<h1 class="weblog-title">laurel <i style="color: var(--accent);" class="fas fa-badge-check"></i></h1>
<br><i class="fa-solid fa-location-dot"></i> Moh'kinsstis, Earth
<br><i class="fa-solid fa-graduation-cap"></i> School of Peer Support 2024
<br><br>
<p>Plan[e]t-lovin' visionary type. Literary artist. YIMBY. Unashamedly & unapologetically <i>pedestrian</i>. Grateful to (still) be here.</p>
</div>
</div>
<div class="div-1">
<h1 style="font-family: var(--heading);">connect with me</h1>
<ul class="connect">
<li>
<span class="fa-li"><i class="fa-brands fa-mastodon"></i></span><a rel="me" href="https://social.lol/@laurel">Mastodon</a>
</li>
<li>
<span class="fa-li"><i class="fa-brands fa-discord"></i></span><a rel="me" href="https://discordapp.com/users/susurrance">Discord</a>
</li>
<li>
<span class="fa-li"><i class="fa-solid fa-camera"></i></span><a rel="me" href="https://pixey.org/laurel">Pixelfed</a>
</li>
<li>
<span class="fa-li"><i class="fa-brands fa-lastfm"></i></span><a rel="me" href="https://www.last.fm/user/laurel___">Last.fm</a>
</li>
<li>
<span class="fa-li"><i class="fa-brands fa-steam"></i></span><a rel="me" href="https://steamcommunity.com/id/2tongued/">Steam</a>
</li><br>
<li>
<span class="fa-li"><i class="fa-solid fa-envelope"></i></span><a rel="me" href="mailto:laurel@omg.lol">Email</a>
</li>
</ul>
</div>
</header>
<main>
<div class="div-2">
<h1 style="font-family: var(--heading);">read my mind</h1>
<style>
.home-post {
display: flex;
align-content: stretch;
gap: 1em;
width: 100%;
}
.home-post > div {
padding: 0.2rem;
}
.home-post-header {
text-align: left;
padding: 1rem;
flex-grow: 1;
}
.home-post-image {
flex-shrink: 1;
padding: 1em;
align-self: center;
height: 10em;
width: 22em;
background-image: url('https://2ell.b-cdn.net/31.png');
background-size: cover;
background-position: center;
}
.home-post-title {
padding: 0;
}
.home-post-info {
font-size: 0.9em;
margin-bottom: 0.5rem;
}
@media only screen and (max-width: 580px) {
/* For mobile phones: */
.home-post {
flex-direction: column;
}
.home-post-image {
height: 10em;
max-width: 25em;
margin: auto;
}
</style>
<div class="home-post">
<div class="home-post-image" href="https://laurel.omg.lol/31">
</div>
<div>
<div class="home-post-header">
<div class="home-post-info">
<i class="fa-solid fa-clock"></i> <a href="https://laurel.omg.lol/31">Jan 20, 2024 @ 12:00 AM</a>
<div class="home-post-title">
<h1 class="large"><span style="text-transform: lowercase;">31</span></h1>
<p>These rotations around the sun are growing dizzying in the best of ways.</p>
</div>
</div>
</div>
</div>
</div>
<hr>
</div>
</main>
<footer>
<p>created with <i class="fas fa-heart"></i> by laurel
<br>
<i class="fas fas fa-plug" style="color: var(--color1)"></i> powered by the wonderous <a href="https://omg.lol">omg.lol</a></p>
</footer>
<script>
const checkbox =document.getElementById('checkbox')
checkbox.addEventListener('click',checkMode)
function checkMode() {
if (localStorage.getItem('isDarkMode')=='true'){
localStorage.setItem('isDarkMode', false)}
else
{localStorage.setItem('isDarkMode', true)}
toggle();
};
function toggle(){
if (localStorage.getItem('isDarkMode')=='true'){
document.body.classList.add('dark-mode');
}
if (localStorage.getItem('isDarkMode') === 'false'){
document.body.classList.remove('dark-mode');
};
}
toggle()
</script>
</body></html>