blog/otm.html

112 lines
2.7 KiB
HTML

<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="_pagefind/pagefind-ui.css">
<script type="text/javascript" src="_pagefind/pagefind-ui.js"></script>
<style>:root {
--pagefind-ui-scale: 1;
--pagefind-ui-primary: #034ad8;
--pagefind-ui-text: #ebdbb2;
--pagefind-ui-background: #3c3836;
--pagefind-ui-border: #eeeeee;
--pagefind-ui-tag: #034ad8;
--pagefind-ui-border-width: 2px;
--pagefind-ui-border-radius: 8px;
----pagefind-ui-image-border-radius: 8px;
--pagefind-ui-image-box-ratio: 3 / 2;
--pagefind-ui-font: inherit; }
main {
-webkit-font-feature-settings: "liga" on, "calt" on;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
font-family: 'JetBrains Mono', 'Input Mono', monospace;
max-width: 38rem;
padding: 2rem;
margin: auto; }
@media only screen and (max-device-width: 736px) {
main {
padding: 0.2rem; } }
::selection {
background: #9c0018; }
body {
background: #282828;
color: #ebdbb2; }
pre {
background-color: #3c3836;
padding: 1em;
border: 0;
overflow: auto;
white-space: pre-wrap; }
a, a:active, a:visited {
color: #e491b6;
background-color: #1d2021; }
h1, h2, h3, h4, h5 {
margin-bottom: .1rem; }
blockquote {
border-left: 1px solid #bdae93;
margin: 0.5em 10px;
padding: 0.5em 10px; }
footer {
align: center; }
img {
max-width: 100%; }
</style>
<script>
window.addEventListener('DOMContentLoaded', (event) => { new PagefindUI({ element: "#search" }); });
</script>
<title>otm</title>
</head>
<body>
<main>
<div id="search"></div>
<h1 data-pagefind-meta="title"><a href="./otm.html">otm</a></h1>
<time>Thu, 15 Feb 2018 13:33 UTC</time>
<p>tags:</p>
<ul data-pagefind-meta="tags">
<li>
<a href="tags/podcast.html">podcast</a>
</li></ul>
<hr>
<div data-pagefind-body>
<p><img src="https://bhh.sh/pub/photos/IMG_20180215_121947.jpg" alt=""></p>
<p>just heard the <a href="https://www.wnyc.org/story/safety-net-just-got-a-little-less-safe">latest
episode</a>
of on the media. this is a super helpful guide i found on their twitter.</p>
</div>
<script src="https://utteranc.es/client.js"
repo="benharri/blog"
issue-term="title"
crossorigin="anonymous"
theme="github-dark"
async>
</script>
<footer>
CC by-nc-nd <a href="https://tilde.team/~ben/">~ben</a> &mdash; <a href="https://tildegit.org/ben/blog">site source</a>
</footer>
</main>
</body>
</html>