https://zsoltsandor.status.lol

HASH f8f52a97274c061b3511a14f66d10f97
This item was proven by @zsoltsandor on 2023-06-10T16:29:06+00:00. (View all of @zsoltsandor’s proofs.)
Evidence

This is a copy of the web page retrieved on 2023-06-10T16:29:06+00:00. Show the proof snippet.
<!DOCTYPE html>
<html lang="en"><head>
<title>@zsoltsandor’s statuslog</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link rel="alternate" type="application/atom+xml" href="https://zsoltsandor.status.lol/feed" title="">
<meta property="og:type" content="website">
<meta property="og:title" content="@zsoltsandor’s statuslog">
<meta property="og:description" content="@zsoltsandor’s latest status: From this moment my Mastodon🔄Twitter crossposter is unidirectional, from Mastodon to Twitter.">
<meta property="og:image" content="https://status.lol/zsoltsandor/63a08d8e0aeb7?img">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@omgdotlol">
<meta name="twitter:creator" content="@omgdotlol">
<meta name="twitter:title" content="@zsoltsandor’s statuslog">
<meta name="twitter:description" content="@zsoltsandor’s latest status: From this moment my Mastodon🔄Twitter crossposter is unidirectional, from Mastodon to Twitter.">
<meta name="twitter:image" content="https://status.lol/zsoltsandor/63a08d8e0aeb7?img">
<meta name="theme-color" content="#343a40">
<!--<link rel="stylesheet" href="https://cdn.cache.lol/css/style.css?v=20220929">-->
<link rel="stylesheet" href="https://cdn.cache.lol/css/style.css">
<style>

body {
	background: #343a40;
}

main {
	margin: 3em auto;
	max-width: 70em;
}

.author {
	font-family: 'VC Honey Deck';
	color: inherit;
	font-size: 1.2em;
	margin: 0;
}

.author i {
	font-size: 80%;
}

.bin {
	white-space: pre;
	white-space: pre-wrap;
	line-height: 140%;
}

.logotype {
	font-family: 'VC Honey Black Banner';
	color: inherit;
	font-size: 2em;
	color: var(--gray-1);
}

.logotype a:link,
.logotype a:visited,
.logotype a:hover,
.logotype a:active {
	text-decoration: none;
}

.logotype img {
	margin-left: .3em;
}

.box a {
	overflow-wrap: break-word;
	overflow-wrap: anywhere;
}

.footer {
	text-align: right;
	font-size: 80%;
	color: var(--gray-5);
}

.footer a {
	text-decoration: none;
	font-size: 100%;
}

.path {
	padding-right: 1em;
}

.content pre code {
	line-height: 160%;
	padding: 0;
}

.content pre {
	padding: 1.5em;
}

.content {
	padding: 0;
}

.when a:link, 
.when a:visited,
.when a:hover,
.when a:active {
	text-decoration: none;
}

.author object a:link, .author object a:visited, .author object a:hover, .author object a:active {
	text-decoration: none;
	display: inline-block;
	transition: transform 0.05s ease-in;
	-webkit-backface-visibility: hidden;
}

.author object a:hover {
	/* transform: scale(1.1); */
	text-decoration: underline;
}

object a:hover {
	color: #555;
}

</style>
<style></style></head>
<body class="dark-mode light-mode">

<script>
const theme = localStorage.getItem('color_scheme') || 'dark-mode';
document.body.className = theme;
</script>

<!--
<div id="notice">
	<p><i class="fa-solid fa-fw fa-triangle-person-digging"></i> <strong>This is a work in progress!</strong> There will be a ton of bugs and broken stuff as status.lol is built. Buckle up!</p>
</div>
-->

<main>

<div class="flex transparent">

<div id="info" class="box basis transparent" style="--basis: 20em; padding-top: 0;">
<div id="bio" class="container shadowed blue-2-bg gray-9-fg">
<h1>Zsolt <a href="https://proven.lol/23a5b3">✅️</a></h1>
<p>Adulting is hard, and I still have no idea what I'm doing.</p>
<p>My omg.lol profile:</p>
<ul>
<li><a href="https://zsoltsandor.omg.lol">zsoltsandor.omg.lol</a> <a href="https://proven.lol/5b4281">✅️</a></li>
</ul>
<p>Statuses posted to:</p>
<ul>
<li><a href="https://social.lol/@zsoltsandor">social.lol/@zsoltsandor</a> <a href="https://proven.lol/0e9975">✅️</a></li>
</ul></div>

<div style="text-align: right;">
	<span name="color_mode_button" id="color_mode_button" onclick="toggle_color_scheme(true)" title="Toggle dark/light mode"><i class="gray-6-fg fa-duotone fa-fw fa-moon"></i></span>
	<a href="https://home.omg.lol/statuslog" class="inline button blue-8-bg"><i class="fa-solid fa-lock-keyhole"></i> Manage on omg.lol</a>
</div>

</div>

<div id="statuses" class="box basis transparent" style="--basis: 60%; padding-top: 0;">
<a href="https://zsoltsandor.status.lol/63a08d8e0aeb7" class="card flex rounded gray-9-fg" style="gap: 0; background: #ffdbdb;"><div class="box transparent" style="flex: 0 0 1em; font-size: 3em; padding-right: 0;"><img style="width: 1.5em;" alt="Sparkles" src="https://cdn.cache.lol/type/fluentui-emoji-main/assets/Sparkles/3D/sparkles_3d.png"></div><div class="box transparent"><p class="author"><object><a href="https://zsoltsandor.status.lol"><i class="fa-solid fa-fw fa-at"></i>zsoltsandor</a></object></p><p>From this moment my Mastodon🔄Twitter crossposter is unidirectional, from Mastodon to Twitter.</p><small style="display: block; margin-top: -1em;" class="when gray-7-fg"><i class="fa-duotone fa-fw fa-clock"></i> 5 months ago</small></div></a><a href="https://zsoltsandor.status.lol/636718433ebb6" class="card flex rounded gray-9-fg" style="gap: 0; background: #ffeadb;"><div class="box transparent" style="flex: 0 0 1em; font-size: 3em; padding-right: 0;"><img style="width: 1.5em;" alt="Nerd face" src="https://cdn.cache.lol/type/fluentui-emoji-main/assets/Nerd face/3D/nerd_face_3d.png"></div><div class="box transparent"><p class="author"><object><a href="https://zsoltsandor.status.lol"><i class="fa-solid fa-fw fa-at"></i>zsoltsandor</a></object></p><p>Messing around my omg.lol profile and some DNS magic, so that my website will be my omg.lol profile, and my blog on micro.blog (for now).</p><small style="display: block; margin-top: -1em;" class="when gray-7-fg"><i class="fa-duotone fa-fw fa-clock"></i> 7 months ago</small></div></a></div>

</div>

<p class="footer">a service of <span style="margin: 0 .2em;"><span class="logotype pink-4-fg"><a href="https://home.omg.lol">omg<span class="pink-5-fg">.</span>lol</a></span></span> · <a href="https://home.omg.lol/info/statuslog" style="text-decoration: underline;">info</a> · <a href="https://status.lol" style="text-decoration: underline;">everyone’s status</a></p>

</main>

<script>

const dark_class = 'gray-6-fg fa-duotone fa-fw fa-moon';
const light_class = 'yellow-3-fg fa-duotone fa-fw fa-sun';

// set the color scheme based on the browser/OS preference, if any
if(window.matchMedia('(prefers-color-scheme)').media !== 'not all') {
	
	// the browser is indicating that it supports prefers-color-scheme
	if(window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
		// the browser prefers dark mode
		var body = document.body;
		body.classList.add('dark-mode');
		document.getElementById('color_mode_button').innerHTML = '<i class="'+light_class+'"></i>';
	}
	else {
		// the browser doesn’t prefer dark mode
		var body = document.body;
		body.classList.add('light-mode');
		document.getElementById('color_mode_button').innerHTML = '<i class="'+dark_class+'"></i>';
	}
	
	// add an event listener to toggle the color scheme as changes are made, as long as the user hasn't already set their mode with the button
	window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => {
		if(!localStorage.getItem('color_scheme')) {
			const new_color_scheme = event.matches ? "dark" : "light";
			toggle_color_scheme();
		}
	});
}
else {
	// browser does not support prefers-color-scheme
	var body = document.body;
	body.classList.add('dark-mode');
	document.getElementById('color_mode_button').innerHTML = '<i class="'+light_class+'"></i>';
}

if(localStorage.getItem('color_scheme')) {
	var body = document.body;
	body.className = localStorage.getItem('color_scheme');
	if(localStorage.getItem('color_scheme') == 'light-mode') document.getElementById('color_mode_button').innerHTML = '<i class="'+dark_class+'"></i>';
	else document.getElementById('color_mode_button').innerHTML = '<i class="'+light_class+'"></i>';
}

function toggle_color_scheme(clicked = false) {
	var body = document.body;
	var color_scheme = body.className;
	body.className = color_scheme == "dark-mode" ? "light-mode" : "dark-mode";
	color_scheme = body.className;
	if(clicked) localStorage.setItem('color_scheme', color_scheme);
	if(color_scheme == 'light-mode') document.getElementById('color_mode_button').innerHTML = '<i class="'+dark_class+'"></i>';
	else document.getElementById('color_mode_button').innerHTML = '<i class="'+light_class+'"></i>';
}
</script>

<!-- proven.lol/90292e -->

</body></html>