https://micro.blog/StephenAnfield
HASH 7f43629e09c7afd99312e465ff38c62f
This item was proven by @stephenanfield on 2023-07-05T10:43:44+00:00. (View all of @stephenanfield’s proofs.)
Evidence
This is a copy of the web page retrieved on 2023-07-05T10:43:44+00:00. Show the proof snippet.
<!DOCTYPE html>
<html class="theme-auto"><head><style>.ͼ1.cm-focused {outline: 1px dotted #212121;}
.ͼ1 {position: relative !important; box-sizing: border-box; display: flex !important; flex-direction: column;}
.ͼ1 .cm-scroller {display: flex !important; align-items: flex-start !important; font-family: monospace; line-height: 1.4; height: 100%; overflow-x: auto; position: relative; z-index: 0;}
.ͼ1 .cm-content {margin: 0; flex-grow: 2; min-height: 100%; display: block; white-space: pre; word-wrap: normal; box-sizing: border-box; padding: 4px 0; outline: none;}
.ͼ1 .cm-lineWrapping {white-space: pre-wrap; word-break: break-word; overflow-wrap: anywhere;}
.ͼ2 .cm-content {caret-color: black;}
.ͼ3 .cm-content {caret-color: white;}
.ͼ1 .cm-line {display: block; padding: 0 2px 0 4px;}
.ͼ1 .cm-selectionLayer {z-index: -1; contain: size style;}
.ͼ1 .cm-selectionBackground {position: absolute;}
.ͼ2 .cm-selectionBackground {background: #d9d9d9;}
.ͼ3 .cm-selectionBackground {background: #222;}
.ͼ2.cm-focused .cm-selectionBackground {background: #d7d4f0;}
.ͼ3.cm-focused .cm-selectionBackground {background: #233;}
.ͼ1 .cm-cursorLayer {z-index: 100; contain: size style; pointer-events: none;}
.ͼ1.cm-focused .cm-cursorLayer {animation: steps(1) cm-blink 1.2s infinite;}
@keyframes cm-blink {50% {visibility: hidden;}}
@keyframes cm-blink2 {50% {visibility: hidden;}}
.ͼ1 .cm-cursor {position: absolute; border-left: 1.2px solid black; margin-left: -0.6px; pointer-events: none; display: none;}
.ͼ3 .cm-cursor {border-left-color: #444;}
.ͼ1.cm-focused .cm-cursor {display: block;}
.ͼ2 .cm-activeLine {background-color: #f3f9ff;}
.ͼ3 .cm-activeLine {background-color: #223039;}
.ͼ2 .cm-specialChar {color: red;}
.ͼ3 .cm-specialChar {color: #f78;}
.ͼ1 .cm-tab {display: inline-block; overflow: hidden; vertical-align: bottom;}
.ͼ1 .cm-placeholder {color: #888; display: inline-block;}
.ͼ1 .cm-button {vertical-align: middle; color: inherit; font-size: 70%; padding: .2em 1em; border-radius: 3px;}
.ͼ2 .cm-button:active {background-image: linear-gradient(#b4b4b4, #d0d3d6);}
.ͼ2 .cm-button {background-image: linear-gradient(#eff1f5, #d9d9df); border: 1px solid #888;}
.ͼ3 .cm-button:active {background-image: linear-gradient(#111, #333);}
.ͼ3 .cm-button {background-image: linear-gradient(#393939, #111); border: 1px solid #888;}
.ͼ1 .cm-textfield {vertical-align: middle; color: inherit; font-size: 70%; border: 1px solid silver; padding: .2em .5em;}
.ͼ2 .cm-textfield {background-color: white;}
.ͼ3 .cm-textfield {border: 1px solid #555; background-color: inherit;}
</style>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:image" content="https://avatars.micro.blog/avatars/2023/26/112777.jpg">
<title>Micro.blog - @StephenAnfield</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.micro.blog/css/main.css?v=20230703.1">
<link rel="stylesheet" href="https://cdn.micro.blog/css/themes/dark.css?v=20230622.1">
<link rel="shortcut icon" href="https://cdn.micro.blog/images/icons/favicon_32.png" type="image/x-icon">
<link rel="apple-touch-icon" sizes="192x192" href="https://cdn.micro.blog/images/icons/favicon_192.png">
<link rel="webmention" href="https://micro.blog/webmention">
<link rel="subscribe" href="https://micro.blog/users/follow">
<link rel="alternate" type="application/json" title="JSON Feed" href="https://micro.blog/posts/StephenAnfield">
<script type="importmap">
{
"imports": {
"application": "/js/application.js?v=20230612.1",
"@hotwired/stimulus": "https://unpkg.com/@hotwired/stimulus/dist/stimulus.js"
}
}
</script>
<script src="https://cdn.micro.blog/js/libs/es-module-shims.js" async="async"></script>
<script src="/js/application.js?v=20230612.1" type="module"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<script defer="" src="https://cdn.micro.blog/js/alpine_intersect.js?v=20221122.1"></script>
<script defer="" src="https://cdnjs.cloudflare.com/ajax/libs/alpinejs/3.10.5/cdn.min.js"></script>
<script src="https://cdn.micro.blog/js/microblog.js?v=20230630.1"></script>
</head>
<body>
<style>
nav {
float: right;
line-height: 56px;
padding-top: 4px;
}
nav a {
padding-right: 6px;
}
.container {
width: 70%;
}
.splash_signup {
display: inline-block;
margin-left: 10px;
vertical-align: middle;
}
.splash_startbutton {
background-color: #FEE199;
border-color: #FDB52B;
color: black;
}
.splash_startbutton:hover {
background-color: #FDC75C;
border-color: #FDB52B;
color: black;
}
@media screen and (max-width: 600px) {
nav {
float: none;
line-height: 22px;
padding-bottom: 10px;
}
.container {
width: 90%;
}
.splash_signup {
/* margin-left: 0px;
padding-bottom: 10px; */
}
}
</style>
<div class="container home_container main_container home_container">
<header>
<h1 class="header_logo"><a href="/">Micro.blog</a></h1>
<div class="splash_signup">
<p><a href="/register" class="btn btn-default splash_startbutton">Sign up now: free 30-day trial</a></p>
</div>
<nav>
<a href="/signin">Sign In</a>
<a href="/discover">Discover</a>
<a href="/pricing">Pricing</a>
<a href="https://help.micro.blog/" target="_blank">Help</a>
</nav>
</header>
<div class="alert alert-warning user_options_alert" style="display: none;">
@StephenAnfield has been reported. Thank you.
</div>
<div class="alert alert-info" role="alert" style="display: block;" id="timeline_info">
<div class="timeline_info">
<img src="https://avatars.micro.blog/avatars/2023/26/112777.jpg" width="80" height="80" alt="@StephenAnfield's avatar" loading="lazy">
<div class="timeline_info--meta">
<b>Stephen Anfield </b>
<br>
@StephenAnfield
<br>
<a class="word-break-all" href="https://stephenanfield.com">https://stephenanfield.com</a>
</div>
</div>
<p class="info_about_me">
University of Michigan MSW MPH student. Digital citizen. Lifelong learner. Snack sharer. proven987df3
(He/Him)
</p>
</div>
<div class="alert alert-warning" role="alert" id="timeline_loading">
Posts for this user are still being downloaded. <a href="/StephenAnfield">Reload</a>
</div>
<form>
<input type="hidden" value="/posts/StephenAnfield" id="fetch_path">
</form>
<script id="posts-template" type="text/x-handlebars-template">
{{#each this}}
<div class="post" id="post_div_{{id}}" data-timestamp="{{_microblog.date_timestamp}}">
<div class="post_avatar"
@mouseover="trigger_pop_up({{id}}, 'avatar')"
@mouseleave="cancel_pop_up({{id}})"
>
<a href="/{{author._microblog.username}}" >
<img src="https://cdn.micro.blog/photos/96/{{author.avatar}}" width="48" height="48" loading="lazy" />
</a>
</div>
<div class="post_content">
<div class="post_username">
<a href="/{{author._microblog.username}}"
@mouseover="trigger_pop_up({{id}}, 'username')"
@mouseleave="cancel_pop_up({{id}})">
{{author._microblog.username}}
</a>
</div>
<div class="post_text" @mouseover.debounce="cancel_pop_up({{id}})">
{{{content_html}}}
{{#if _microblog.note}}
<div class="post_note_row">
<div class="post_note_text">{{{_microblog.note}}}</div>
</div>
{{/if}}
</div>
<div class="post_options">
<div class="post_time"><a href="{{url}}">{{_microblog.date_relative}}</a></div>
</div>
<div class="post_replybox" id="reply_div_{{id}}" style="display: none;">
<form class="form-horizontal" role="form">
<div class="form-group">
<div class="col-sm-12">
<div id="reply_editor_{{id}}" class="post_editor"></div>
</div>
</div>
<div class="form-group" id="posting_autocomplete_{{id}}">
<div class="col-sm-12">
</div>
</div>
<div class="form-group">
<div class="col-sm-12" style="text-align: right;">
<button type="submit" class="btn btn-default replybox_button" onClick="cancelReply({{id}}); return false;">Cancel</button>
<button type="submit" id="reply_button_{{id}}" class="btn btn-default replybox_button" onClick="sendReply({{id}}); return false;">Post</button>
</div>
</div>
</form>
</div>
</div>
<template x-if="profile_popup == {{id}}">
<div
class="timeline_profile_popup"
:class="profile_align"
x-html="(await fetch('/{{author._microblog.username}}/embed')).text()"
@click.outside="profile_popup == {{id}} ? hide_pop_up : null"
@mouseleave.debounce.50ms="profile_popup == {{id}} ? hide_pop_up : null"
@mouseleave="profile_popup == {{id}} ? is_inside_popup = false : null"
@mouseover="profile_popup == {{id}} ? is_inside_popup = true : null"
x-intersect:leave="profile_popup == {{id}} ? hide_pop_up : null"
>
<div class="loading blur_container">
<img src="/images/progress_spinner.svg?v=2021031.1" width="30" height="30" alt="Progress spinner" />
</div>
</div>
</template>
</div>
{{/each}}
</script>
<img id="progress_spinner" src="/images/progress_spinner.svg?v=2021031.1" width="30" height="30" alt="Progress spinner" style="display: none;">
<div class="posts" x-data="profile_popup">
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.6/handlebars.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Sortable/1.6.0/Sortable.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.9.1/showdown.min.js"></script>
<script src="https://cdn.micro.blog/js/editor.min.js?v=20230501.1"></script>
</body></html>