This commit is contained in:
Kathleen Fitzpatrick
2024-12-08 12:43:58 -06:00
commit 9e24ee085d
5315 changed files with 1371475 additions and 0 deletions

1155
tags/academia/index.html Normal file

File diff suppressed because it is too large Load Diff

600
tags/aoir8/index.html Normal file
View File

@@ -0,0 +1,600 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;aoir8&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 8 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-aoir8">Tagged “aoir8”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/aoir-831/" class="postlist-link">AOIR 8.3.1</a>
<time class="postlist-date" datetime="2007-10-20">October 2007</time>
</li>
<li class="postlist-item">
<a href="/aoir-823/" class="postlist-link">AOIR 8.2.3</a>
<time class="postlist-date" datetime="2007-10-20">October 2007</time>
</li>
<li class="postlist-item">
<a href="/aoir-822/" class="postlist-link">AOIR 8.2.2</a>
<time class="postlist-date" datetime="2007-10-20">October 2007</time>
</li>
<li class="postlist-item">
<a href="/aoir-821/" class="postlist-link">AOIR 8.2.1</a>
<time class="postlist-date" datetime="2007-10-19">October 2007</time>
</li>
<li class="postlist-item">
<a href="/aoir-814/" class="postlist-link">AOIR 8.1.4</a>
<time class="postlist-date" datetime="2007-10-18">October 2007</time>
</li>
<li class="postlist-item">
<a href="/aoir-813/" class="postlist-link">AOIR 8.1.3</a>
<time class="postlist-date" datetime="2007-10-18">October 2007</time>
</li>
<li class="postlist-item">
<a href="/aoir-812/" class="postlist-link">AOIR 8.1.2</a>
<time class="postlist-date" datetime="2007-10-18">October 2007</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/aoir8/` was built on 2024-12-08T18:38:33.758Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

1215
tags/blogging/index.html Normal file

File diff suppressed because it is too large Load Diff

660
tags/body/index.html Normal file
View File

@@ -0,0 +1,660 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;body&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 20 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-body">Tagged “body”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/not-running/" class="postlist-link">Not-Running</a>
<time class="postlist-date" datetime="2016-09-07">September 2016</time>
</li>
<li class="postlist-item">
<a href="/must/" class="postlist-link">Must</a>
<time class="postlist-date" datetime="2014-07-20">July 2014</time>
</li>
<li class="postlist-item">
<a href="/reluctant-is-just-the-word/" class="postlist-link">Reluctant Is Just the Word</a>
<time class="postlist-date" datetime="2014-06-08">June 2014</time>
</li>
<li class="postlist-item">
<a href="/intention/" class="postlist-link">Intention</a>
<time class="postlist-date" datetime="2012-05-19">May 2012</time>
</li>
<li class="postlist-item">
<a href="/the-flu-and-you/" class="postlist-link">The Flu and You</a>
<time class="postlist-date" datetime="2009-09-19">September 2009</time>
</li>
<li class="postlist-item">
<a href="/ick-2/" class="postlist-link">Ick</a>
<time class="postlist-date" datetime="2009-09-07">September 2009</time>
</li>
<li class="postlist-item">
<a href="/chicken-meet-egg/" class="postlist-link">Chicken, Meet Egg</a>
<time class="postlist-date" datetime="2006-09-11">September 2006</time>
</li>
<li class="postlist-item">
<a href="/bikram-update/" class="postlist-link">Bikram Update</a>
<time class="postlist-date" datetime="2006-07-08">July 2006</time>
</li>
<li class="postlist-item">
<a href="/bikram-day-2/" class="postlist-link">Bikram, Day 2</a>
<time class="postlist-date" datetime="2006-05-27">May 2006</time>
</li>
<li class="postlist-item">
<a href="/bikram-day-1/" class="postlist-link">Bikram, Day 1</a>
<time class="postlist-date" datetime="2006-05-26">May 2006</time>
</li>
<li class="postlist-item">
<a href="/migraine/" class="postlist-link">Migraine</a>
<time class="postlist-date" datetime="2005-09-14">September 2005</time>
</li>
<li class="postlist-item">
<a href="/orthotics/" class="postlist-link">Orthotics</a>
<time class="postlist-date" datetime="2005-07-12">July 2005</time>
</li>
<li class="postlist-item">
<a href="/warning-this-post-is-all-about-boobs-but-not-in-a-good-way/" class="postlist-link">Warning: This Post Is All About Boobs, But Not In A Good Way</a>
<time class="postlist-date" datetime="2005-04-28">April 2005</time>
</li>
<li class="postlist-item">
<a href="/the-saga-of-the-toenail/" class="postlist-link">The Saga of the Toenail</a>
<time class="postlist-date" datetime="2005-04-01">April 2005</time>
</li>
<li class="postlist-item">
<a href="/the-other-thing/" class="postlist-link">The Other Thing</a>
<time class="postlist-date" datetime="2005-01-19">January 2005</time>
</li>
<li class="postlist-item">
<a href="/ick/" class="postlist-link">Ick</a>
<time class="postlist-date" datetime="2004-11-10">November 2004</time>
</li>
<li class="postlist-item">
<a href="/is-this-what-it-feels-like-to-be-a-windows-user/" class="postlist-link">Is This What It Feels Like to Be a Windows User?</a>
<time class="postlist-date" datetime="2004-04-23">April 2004</time>
</li>
<li class="postlist-item">
<a href="/home-again-2/" class="postlist-link">Home, Again</a>
<time class="postlist-date" datetime="2004-04-20">April 2004</time>
</li>
<li class="postlist-item">
<a href="/them-singin-dancin-demons-do-it-every-time/" class="postlist-link">Them Singin&#39;, Dancin&#39; Demons Do It Every Time</a>
<time class="postlist-date" datetime="2002-07-03">July 2002</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/body/` was built on 2024-12-08T18:38:33.701Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

View File

@@ -0,0 +1,580 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;commentpress&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 4 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-commentpress">Tagged “commentpress”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/planned-obsolescence-updates/" class="postlist-link">Planned Obsolescence Updates</a>
<time class="postlist-date" datetime="2009-11-24">November 2009</time>
</li>
<li class="postlist-item">
<a href="/planned-obsolescence-community-blog/" class="postlist-link">Planned Obsolescence Community Blog</a>
<time class="postlist-date" datetime="2009-09-30">September 2009</time>
</li>
<li class="postlist-item">
<a href="/commentpress-2/" class="postlist-link">CommentPress</a>
<time class="postlist-date" datetime="2009-01-26">January 2009</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/commentpress/` was built on 2024-12-08T18:38:33.763Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

570
tags/commons/index.html Normal file
View File

@@ -0,0 +1,570 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;commons&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 2 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-commons">Tagged “commons”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/rebranding-the-commons/" class="postlist-link">Rebranding the Commons</a>
<time class="postlist-date" datetime="2024-05-27">May 2024</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/commons/` was built on 2024-12-08T18:38:33.791Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

635
tags/computers/index.html Normal file
View File

@@ -0,0 +1,635 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;computers&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 15 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-computers">Tagged “computers”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/new-air/" class="postlist-link">New Air</a>
<time class="postlist-date" datetime="2011-09-19">September 2011</time>
</li>
<li class="postlist-item">
<a href="/more-complaints/" class="postlist-link">More Complaints</a>
<time class="postlist-date" datetime="2009-01-31">January 2009</time>
</li>
<li class="postlist-item">
<a href="/technology-updates/" class="postlist-link">Technology Updates</a>
<time class="postlist-date" datetime="2008-04-05">April 2008</time>
</li>
<li class="postlist-item">
<a href="/air/" class="postlist-link">Air</a>
<time class="postlist-date" datetime="2008-01-16">January 2008</time>
</li>
<li class="postlist-item">
<a href="/private-communications/" class="postlist-link">Private Communications</a>
<time class="postlist-date" datetime="2007-10-19">October 2007</time>
</li>
<li class="postlist-item">
<a href="/the-most-brilliant-thing-ive-read-all-month/" class="postlist-link">The Most Brilliant Thing I&#39;ve Read All Month</a>
<time class="postlist-date" datetime="2007-10-03">October 2007</time>
</li>
<li class="postlist-item">
<a href="/this-is-a-test-post/" class="postlist-link">This is a Test Post</a>
<time class="postlist-date" datetime="2007-07-31">July 2007</time>
</li>
<li class="postlist-item">
<a href="/this-is-why-i-love-computers/" class="postlist-link">This Is Why I Love Computers</a>
<time class="postlist-date" datetime="2006-10-30">October 2006</time>
</li>
<li class="postlist-item">
<a href="/more-on-cpu-resources/" class="postlist-link">More on CPU Resources</a>
<time class="postlist-date" datetime="2005-11-14">November 2005</time>
</li>
<li class="postlist-item">
<a href="/tinkering/" class="postlist-link">Tinkering</a>
<time class="postlist-date" datetime="2005-11-13">November 2005</time>
</li>
<li class="postlist-item">
<a href="/toys/" class="postlist-link">Toys!</a>
<time class="postlist-date" datetime="2005-06-25">June 2005</time>
</li>
<li class="postlist-item">
<a href="/kernel-panic/" class="postlist-link">Kernel Panic</a>
<time class="postlist-date" datetime="2005-02-11">February 2005</time>
</li>
<li class="postlist-item">
<a href="/a-further-note/" class="postlist-link">A Further Note</a>
<time class="postlist-date" datetime="2004-08-21">August 2004</time>
</li>
<li class="postlist-item">
<a href="/smooth/" class="postlist-link">Smooth</a>
<time class="postlist-date" datetime="2002-07-02">July 2002</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/computers/` was built on 2024-12-08T18:38:33.696Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

685
tags/condo/index.html Normal file
View File

@@ -0,0 +1,685 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;condo&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 25 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-condo">Tagged “condo”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/some-months-later/" class="postlist-link">Some Months Later</a>
<time class="postlist-date" datetime="2006-01-05">January 2006</time>
</li>
<li class="postlist-item">
<a href="/some-days/" class="postlist-link">Some Days</a>
<time class="postlist-date" datetime="2005-08-22">August 2005</time>
</li>
<li class="postlist-item">
<a href="/shelves/" class="postlist-link">Shelves</a>
<time class="postlist-date" datetime="2005-06-28">June 2005</time>
</li>
<li class="postlist-item">
<a href="/deconstruction/" class="postlist-link">Deconstruction</a>
<time class="postlist-date" datetime="2005-06-22">June 2005</time>
</li>
<li class="postlist-item">
<a href="/leaky/" class="postlist-link">Leaky</a>
<time class="postlist-date" datetime="2005-02-22">February 2005</time>
</li>
<li class="postlist-item">
<a href="/whats-going-on/" class="postlist-link">What&#39;s Going On</a>
<time class="postlist-date" datetime="2005-02-08">February 2005</time>
</li>
<li class="postlist-item">
<a href="/update-number-one-the-condo/" class="postlist-link">Update Number One: The Condo</a>
<time class="postlist-date" datetime="2005-02-03">February 2005</time>
</li>
<li class="postlist-item">
<a href="/utilities/" class="postlist-link">Utilities</a>
<time class="postlist-date" datetime="2005-01-03">January 2005</time>
</li>
<li class="postlist-item">
<a href="/something-you-dont-want-to-hear-five-hours-before-your-walk-through/" class="postlist-link">Something You Don&#39;t Want to Hear Five Hours Before Your Walk-Through</a>
<time class="postlist-date" datetime="2004-12-16">December 2004</time>
</li>
<li class="postlist-item">
<a href="/monday-morning-condo-blogging-vol-13-small-things/" class="postlist-link">Monday Morning Condo Blogging, vol. 13:&amp;nbsp; Small Things</a>
<time class="postlist-date" datetime="2004-12-06">December 2004</time>
</li>
<li class="postlist-item">
<a href="/monday-morning-condo-blogging-vol-12-the-late-night-too-sleepy-edition/" class="postlist-link">Monday Morning Condo Blogging, vol. 12: The Late-Night, Too-Sleepy Edition</a>
<time class="postlist-date" datetime="2004-11-30">November 2004</time>
</li>
<li class="postlist-item">
<a href="/monday-morning-condo-blogging-vol-11-the-kitchen/" class="postlist-link">Monday Morning Condo Blogging, vol. 11: The Kitchen</a>
<time class="postlist-date" datetime="2004-11-22">November 2004</time>
</li>
<li class="postlist-item">
<a href="/monday-morning-condo-blogging-vol-10-the-arrival-of-the-cabinets/" class="postlist-link">Monday Morning Condo Blogging, vol. 10: The Arrival of the Cabinets</a>
<time class="postlist-date" datetime="2004-11-15">November 2004</time>
</li>
<li class="postlist-item">
<a href="/monday-morning-condo-blogging-vol-9-long-distance-edition/" class="postlist-link">Monday Morning Condo Blogging, vol. 9: Long-Distance Edition</a>
<time class="postlist-date" datetime="2004-11-01">November 2004</time>
</li>
<li class="postlist-item">
<a href="/monday-morning-condo-blogging-vol-8-fall-break-edition/" class="postlist-link">Monday Morning Condo Blogging, vol. 8: Fall Break Edition</a>
<time class="postlist-date" datetime="2004-10-18">October 2004</time>
</li>
<li class="postlist-item">
<a href="/monday-morning-condo-blogging-vol-7-inside-edition/" class="postlist-link">Monday Morning Condo Blogging, vol. 7: Inside Edition</a>
<time class="postlist-date" datetime="2004-10-11">October 2004</time>
</li>
<li class="postlist-item">
<a href="/monday-morning-condo-blogging-vol-6-the-tuesday-morning-edition/" class="postlist-link">Monday Morning Condo Blogging, vol. 6: The Tuesday Morning Edition</a>
<time class="postlist-date" datetime="2004-10-05">October 2004</time>
</li>
<li class="postlist-item">
<a href="/monday-morning-condo-blogging-vol-5/" class="postlist-link">Monday Morning Condo Blogging, vol. 5</a>
<time class="postlist-date" datetime="2004-09-27">September 2004</time>
</li>
<li class="postlist-item">
<a href="/monday-morning-condo-blogging-vol-4-the-grouchy-one-without-pictures/" class="postlist-link">Monday Morning Condo Blogging, vol. 4: The Grouchy One Without Pictures</a>
<time class="postlist-date" datetime="2004-09-20">September 2004</time>
</li>
<li class="postlist-item">
<a href="/monday-morning-condo-blogging-vol-3-only-two-weeks-and-one-day-late/" class="postlist-link">Monday Morning Condo Blogging, vol. 3, Only Two Weeks and One Day Late*</a>
<time class="postlist-date" datetime="2004-09-13">September 2004</time>
</li>
<li class="postlist-item">
<a href="/monday-morning-condo-blogging-vol-2/" class="postlist-link">Monday Morning Condo Blogging, vol. 2</a>
<time class="postlist-date" datetime="2004-08-23">August 2004</time>
</li>
<li class="postlist-item">
<a href="/monday-morning-condo-blogging/" class="postlist-link">Monday Morning Condo Blogging</a>
<time class="postlist-date" datetime="2004-08-16">August 2004</time>
</li>
<li class="postlist-item">
<a href="/summer-plans-revised/" class="postlist-link">Summer Plans, Revised</a>
<time class="postlist-date" datetime="2004-07-06">July 2004</time>
</li>
<li class="postlist-item">
<a href="/where-ive-been/" class="postlist-link">Where I&#39;ve Been</a>
<time class="postlist-date" datetime="2004-06-23">June 2004</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/condo/` was built on 2024-12-08T18:38:33.750Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

570
tags/conference/index.html Normal file
View File

@@ -0,0 +1,570 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;conference&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 2 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-conference">Tagged “conference”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/mla-23/" class="postlist-link">MLA 2023</a>
<time class="postlist-date" datetime="2023-01-09">January 2023</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/conference/` was built on 2024-12-08T18:38:33.778Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

1215
tags/conferences/index.html Normal file

File diff suppressed because it is too large Load Diff

635
tags/family/index.html Normal file
View File

@@ -0,0 +1,635 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;family&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 15 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-family">Tagged “family”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/the-tree/" class="postlist-link">The Tree</a>
<time class="postlist-date" datetime="2013-12-25">December 2013</time>
</li>
<li class="postlist-item">
<a href="/astro-sonic/" class="postlist-link">Astro-Sonic</a>
<time class="postlist-date" datetime="2012-06-05">June 2012</time>
</li>
<li class="postlist-item">
<a href="/bringing-it-home/" class="postlist-link">Bringing It Home</a>
<time class="postlist-date" datetime="2008-09-04">September 2008</time>
</li>
<li class="postlist-item">
<a href="/the-news-from-baton-rouge/" class="postlist-link">The News from Baton Rouge</a>
<time class="postlist-date" datetime="2008-09-04">September 2008</time>
</li>
<li class="postlist-item">
<a href="/next-year-miracle-ear-for-everybody/" class="postlist-link">Next Year, Miracle-Ear for Everybody!</a>
<time class="postlist-date" datetime="2005-12-23">December 2005</time>
</li>
<li class="postlist-item">
<a href="/before-and-after/" class="postlist-link">Before and After</a>
<time class="postlist-date" datetime="2005-09-12">September 2005</time>
</li>
<li class="postlist-item">
<a href="/the-parents-are-in-the-house/" class="postlist-link">The Parents Are In The House!</a>
<time class="postlist-date" datetime="2005-09-02">September 2005</time>
</li>
<li class="postlist-item">
<a href="/the-beauty-part/" class="postlist-link">The Beauty Part</a>
<time class="postlist-date" datetime="2005-08-31">August 2005</time>
</li>
<li class="postlist-item">
<a href="/katrina/" class="postlist-link">Katrina</a>
<time class="postlist-date" datetime="2005-08-28">August 2005</time>
</li>
<li class="postlist-item">
<a href="/a-quick-poll/" class="postlist-link">A Quick Poll</a>
<time class="postlist-date" datetime="2005-08-22">August 2005</time>
</li>
<li class="postlist-item">
<a href="/heading-east/" class="postlist-link">Heading East</a>
<time class="postlist-date" datetime="2005-07-15">July 2005</time>
</li>
<li class="postlist-item">
<a href="/moving-on/" class="postlist-link">Moving On</a>
<time class="postlist-date" datetime="2005-06-06">June 2005</time>
</li>
<li class="postlist-item">
<a href="/msy-to-bwi/" class="postlist-link">MSY to BWI</a>
<time class="postlist-date" datetime="2005-06-02">June 2005</time>
</li>
<li class="postlist-item">
<a href="/merry-merry/" class="postlist-link">Merry Merry</a>
<time class="postlist-date" datetime="2004-12-25">December 2004</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/family/` was built on 2024-12-08T18:38:33.757Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

View File

@@ -0,0 +1,835 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;general whining&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 55 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-general-whining">Tagged “general whining”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/insomnia/" class="postlist-link">Insomnia</a>
<time class="postlist-date" datetime="2018-07-19">July 2018</time>
</li>
<li class="postlist-item">
<a href="/not-the-post-i-want-to-be-writing/" class="postlist-link">Not the Post I Want to Be Writing</a>
<time class="postlist-date" datetime="2012-06-30">June 2012</time>
</li>
<li class="postlist-item">
<a href="/showers-of-the-world/" class="postlist-link">Showers of the World</a>
<time class="postlist-date" datetime="2012-06-22">June 2012</time>
</li>
<li class="postlist-item">
<a href="/things-i-am-writing-instead-of-writing-blog-posts/" class="postlist-link">Things I Am Writing Instead of Writing Blog Posts</a>
<time class="postlist-date" datetime="2011-10-12">October 2011</time>
</li>
<li class="postlist-item">
<a href="/homeward-bound-at-least-sorta/" class="postlist-link">Homeward Bound, At Least Sorta</a>
<time class="postlist-date" datetime="2011-01-03">January 2011</time>
</li>
<li class="postlist-item">
<a href="/the-flu-and-you/" class="postlist-link">The Flu and You</a>
<time class="postlist-date" datetime="2009-09-19">September 2009</time>
</li>
<li class="postlist-item">
<a href="/not-dead-yet/" class="postlist-link">Not Dead Yet</a>
<time class="postlist-date" datetime="2009-04-19">April 2009</time>
</li>
<li class="postlist-item">
<a href="/probably-unrelated-observations/" class="postlist-link">Probably Unrelated Observations</a>
<time class="postlist-date" datetime="2009-01-04">January 2009</time>
</li>
<li class="postlist-item">
<a href="/eating-the-elephant/" class="postlist-link">Eating the Elephant</a>
<time class="postlist-date" datetime="2008-08-20">August 2008</time>
</li>
<li class="postlist-item">
<a href="/three-steps-forward-two-steps-back/" class="postlist-link">Three Steps Forward, Two Steps Back</a>
<time class="postlist-date" datetime="2008-06-26">June 2008</time>
</li>
<li class="postlist-item">
<a href="/this-is-the-post/" class="postlist-link">This is the Post</a>
<time class="postlist-date" datetime="2008-05-01">May 2008</time>
</li>
<li class="postlist-item">
<a href="/the-descent/" class="postlist-link">The Descent</a>
<time class="postlist-date" datetime="2008-02-27">February 2008</time>
</li>
<li class="postlist-item">
<a href="/blur/" class="postlist-link">Blur</a>
<time class="postlist-date" datetime="2008-01-15">January 2008</time>
</li>
<li class="postlist-item">
<a href="/hitting-bottom/" class="postlist-link">Hitting Bottom</a>
<time class="postlist-date" datetime="2007-12-11">December 2007</time>
</li>
<li class="postlist-item">
<a href="/what-id-really-like/" class="postlist-link">What I&#39;d Really Like</a>
<time class="postlist-date" datetime="2007-09-18">September 2007</time>
</li>
<li class="postlist-item">
<a href="/september-is-the-cruelest-month/" class="postlist-link">September Is the Cruelest Month</a>
<time class="postlist-date" datetime="2007-09-15">September 2007</time>
</li>
<li class="postlist-item">
<a href="/kicked/" class="postlist-link">Kicked</a>
<time class="postlist-date" datetime="2007-08-12">August 2007</time>
</li>
<li class="postlist-item">
<a href="/ignore-the-line-beneath-this-one/" class="postlist-link">Ignore the Line Beneath This One</a>
<time class="postlist-date" datetime="2007-08-02">August 2007</time>
</li>
<li class="postlist-item">
<a href="/who-needs-sleep/" class="postlist-link">Who Needs Sleep?</a>
<time class="postlist-date" datetime="2007-06-16">June 2007</time>
</li>
<li class="postlist-item">
<a href="/but-its-summer/" class="postlist-link">But It&#39;s Summer!</a>
<time class="postlist-date" datetime="2007-06-08">June 2007</time>
</li>
<li class="postlist-item">
<a href="/still-not-dead/" class="postlist-link">Still Not Dead</a>
<time class="postlist-date" datetime="2007-05-04">May 2007</time>
</li>
<li class="postlist-item">
<a href="/take-two/" class="postlist-link">Take Two</a>
<time class="postlist-date" datetime="2007-03-13">March 2007</time>
</li>
<li class="postlist-item">
<a href="/sigh/" class="postlist-link">*Sigh*</a>
<time class="postlist-date" datetime="2007-03-13">March 2007</time>
</li>
<li class="postlist-item">
<a href="/gosh-is-she-ever-going-to-start-blogging-again/" class="postlist-link">Gosh, Is She Ever Going to Start Blogging Again?</a>
<time class="postlist-date" datetime="2007-02-13">February 2007</time>
</li>
<li class="postlist-item">
<a href="/theres-supposed-to-be-a-lull/" class="postlist-link">There&#39;s Supposed to Be a Lull!</a>
<time class="postlist-date" datetime="2006-12-05">December 2006</time>
</li>
<li class="postlist-item">
<a href="/where-ive-been-and-where-im-likely-to-be/" class="postlist-link">Where Ive Been, and Where Im Likely to Be</a>
<time class="postlist-date" datetime="2006-10-16">October 2006</time>
</li>
<li class="postlist-item">
<a href="/okay-make-with-the-good-wishes-already/" class="postlist-link">Okay, Make with the Good Wishes Already</a>
<time class="postlist-date" datetime="2006-08-23">August 2006</time>
</li>
<li class="postlist-item">
<a href="/bleh-2/" class="postlist-link">Bleh</a>
<time class="postlist-date" datetime="2006-02-02">February 2006</time>
</li>
<li class="postlist-item">
<a href="/stupid-back/" class="postlist-link">Stupid Back</a>
<time class="postlist-date" datetime="2005-12-01">December 2005</time>
</li>
<li class="postlist-item">
<a href="/bad-karma-or-why-i-will-never-ever-tempt-fate-again/" class="postlist-link">Bad Karma, Or Why I Will Never Ever Tempt Fate Again</a>
<time class="postlist-date" datetime="2005-11-24">November 2005</time>
</li>
<li class="postlist-item">
<a href="/why-yesterday-was-a-bad-day/" class="postlist-link">Why Yesterday Was a Bad Day</a>
<time class="postlist-date" datetime="2005-11-22">November 2005</time>
</li>
<li class="postlist-item">
<a href="/cold/" class="postlist-link">Cold</a>
<time class="postlist-date" datetime="2005-11-11">November 2005</time>
</li>
<li class="postlist-item">
<a href="/what-remains/" class="postlist-link">What Remains</a>
<time class="postlist-date" datetime="2005-11-09">November 2005</time>
</li>
<li class="postlist-item">
<a href="/olive-or-twist/" class="postlist-link">Olive or Twist?</a>
<time class="postlist-date" datetime="2005-11-01">November 2005</time>
</li>
<li class="postlist-item">
<a href="/red-eye-redux/" class="postlist-link">Red Eye Redux</a>
<time class="postlist-date" datetime="2005-10-13">October 2005</time>
</li>
<li class="postlist-item">
<a href="/what-im-not-doing/" class="postlist-link">What I&#39;m Not Doing</a>
<time class="postlist-date" datetime="2005-10-12">October 2005</time>
</li>
<li class="postlist-item">
<a href="/same-song-second-verse/" class="postlist-link">Same Song, Second Verse</a>
<time class="postlist-date" datetime="2005-10-02">October 2005</time>
</li>
<li class="postlist-item">
<a href="/weekend-update/" class="postlist-link">Weekend Update</a>
<time class="postlist-date" datetime="2005-09-18">September 2005</time>
</li>
<li class="postlist-item">
<a href="/stemming-the-flood/" class="postlist-link">Stemming the Flood</a>
<time class="postlist-date" datetime="2005-09-06">September 2005</time>
</li>
<li class="postlist-item">
<a href="/pandering/" class="postlist-link">Pandering?</a>
<time class="postlist-date" datetime="2005-08-24">August 2005</time>
</li>
<li class="postlist-item">
<a href="/the-doldrums/" class="postlist-link">The Doldrums</a>
<time class="postlist-date" datetime="2005-08-01">August 2005</time>
</li>
<li class="postlist-item">
<a href="/first-the-whining/" class="postlist-link">First, The Whining</a>
<time class="postlist-date" datetime="2005-06-30">June 2005</time>
</li>
<li class="postlist-item">
<a href="/i-hate-confrontation/" class="postlist-link">I Hate Confrontation</a>
<time class="postlist-date" datetime="2005-06-27">June 2005</time>
</li>
<li class="postlist-item">
<a href="/moving-on/" class="postlist-link">Moving On</a>
<time class="postlist-date" datetime="2005-06-06">June 2005</time>
</li>
<li class="postlist-item">
<a href="/aw-shucks/" class="postlist-link">Aw, Shucks</a>
<time class="postlist-date" datetime="2005-04-01">April 2005</time>
</li>
<li class="postlist-item">
<a href="/regrets/" class="postlist-link">Regrets</a>
<time class="postlist-date" datetime="2005-03-31">March 2005</time>
</li>
<li class="postlist-item">
<a href="/an-utterly-self-indulgent-moment-of-whining/" class="postlist-link">An Utterly Self-Indulgent Moment of Whining</a>
<time class="postlist-date" datetime="2005-03-30">March 2005</time>
</li>
<li class="postlist-item">
<a href="/home-again-2/" class="postlist-link">Home, Again</a>
<time class="postlist-date" datetime="2004-04-20">April 2004</time>
</li>
<li class="postlist-item">
<a href="/im-not-dead-yet-2/" class="postlist-link">I&#39;m Not Dead Yet</a>
<time class="postlist-date" datetime="2004-04-05">April 2004</time>
</li>
<li class="postlist-item">
<a href="/simple-math-or-a-word-problem/" class="postlist-link">Simple Math, or a Word Problem</a>
<time class="postlist-date" datetime="2004-02-12">February 2004</time>
</li>
<li class="postlist-item">
<a href="/home-is-where-the-heart-attack-starts/" class="postlist-link">Home is Where the Heart Attack Starts</a>
<time class="postlist-date" datetime="2003-10-21">October 2003</time>
</li>
<li class="postlist-item">
<a href="/what-happened-to-september/" class="postlist-link">What Happened to September?</a>
<time class="postlist-date" datetime="2003-10-01">October 2003</time>
</li>
<li class="postlist-item">
<a href="/thursday-evening/" class="postlist-link">Thursday Evening</a>
<time class="postlist-date" datetime="2003-09-18">September 2003</time>
</li>
<li class="postlist-item">
<a href="/return-of-the-depressed/" class="postlist-link">Return of the Depressed</a>
<time class="postlist-date" datetime="2002-07-23">July 2002</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/general-whining/` was built on 2024-12-08T18:38:33.715Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

View File

@@ -0,0 +1,570 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;generous thinking&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 2 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-generous-thinking">Tagged “generous thinking”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/20-february-2019-0755/" class="postlist-link">Jaschik Interview</a>
<time class="postlist-date" datetime="2019-02-20">February 2019</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/generous-thinking/` was built on 2024-12-08T18:38:33.771Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

600
tags/googlings/index.html Normal file
View File

@@ -0,0 +1,600 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;googlings&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 8 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-googlings">Tagged “googlings”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/i-only-wish/" class="postlist-link">I Only Wish</a>
<time class="postlist-date" datetime="2005-10-28">October 2005</time>
</li>
<li class="postlist-item">
<a href="/a-query/" class="postlist-link">A Query</a>
<time class="postlist-date" datetime="2005-07-14">July 2005</time>
</li>
<li class="postlist-item">
<a href="/something-you-want-to-tell-us-maybe/" class="postlist-link">Something You Want to Tell Us, Maybe?</a>
<time class="postlist-date" datetime="2005-05-19">May 2005</time>
</li>
<li class="postlist-item">
<a href="/one-website-to-rule-them-all/" class="postlist-link">One Website to Rule Them All</a>
<time class="postlist-date" datetime="2004-11-18">November 2004</time>
</li>
<li class="postlist-item">
<a href="/more-meta-blogging/" class="postlist-link">More Meta-Blogging</a>
<time class="postlist-date" datetime="2004-10-25">October 2004</time>
</li>
<li class="postlist-item">
<a href="/oh-my-god/" class="postlist-link">Oh. My. God.</a>
<time class="postlist-date" datetime="2004-02-14">February 2004</time>
</li>
<li class="postlist-item">
<a href="/i-am-alarmed-to-no-end/" class="postlist-link">I Am Alarmed to No End</a>
<time class="postlist-date" datetime="2004-01-05">January 2004</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/googlings/` was built on 2024-12-08T18:38:33.744Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

810
tags/grousing/index.html Normal file
View File

@@ -0,0 +1,810 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;grousing&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 50 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-grousing">Tagged “grousing”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/links/" class="postlist-link">Links</a>
<time class="postlist-date" datetime="2024-07-19">July 2024</time>
</li>
<li class="postlist-item">
<a href="/things-i-have-learned-from-other-peoples-use-of-my-email-address/" class="postlist-link">Things I Have Learned from Other Peoples Use of My Email Address</a>
<time class="postlist-date" datetime="2017-03-01">March 2017</time>
</li>
<li class="postlist-item">
<a href="/dear-hosting-provider/" class="postlist-link">Dear Hosting Provider</a>
<time class="postlist-date" datetime="2013-04-24">April 2013</time>
</li>
<li class="postlist-item">
<a href="/neoliberal/" class="postlist-link">&#39;Neoliberal&#39;</a>
<time class="postlist-date" datetime="2012-12-12">December 2012</time>
</li>
<li class="postlist-item">
<a href="/spoilerz/" class="postlist-link">Spoilerz!</a>
<time class="postlist-date" datetime="2012-06-04">June 2012</time>
</li>
<li class="postlist-item">
<a href="/open-peer-review-new-rule/" class="postlist-link">Open Peer Review: New Rule</a>
<time class="postlist-date" datetime="2011-11-10">November 2011</time>
</li>
<li class="postlist-item">
<a href="/this-is-whats-wrong-with-american-workmanship-today/" class="postlist-link">This Is What&#39;s Wrong with American Workmanship Today</a>
<time class="postlist-date" datetime="2011-09-24">September 2011</time>
</li>
<li class="postlist-item">
<a href="/rebuild-rewrite-redirect/" class="postlist-link">Rebuild, Rewrite, Redirect</a>
<time class="postlist-date" datetime="2011-09-18">September 2011</time>
</li>
<li class="postlist-item">
<a href="/rant/" class="postlist-link">&lt;rant&gt;</a>
<time class="postlist-date" datetime="2011-01-05">January 2011</time>
</li>
<li class="postlist-item">
<a href="/things-go-awry/" class="postlist-link">Things Go Awry</a>
<time class="postlist-date" datetime="2010-03-19">March 2010</time>
</li>
<li class="postlist-item">
<a href="/ick-2/" class="postlist-link">Ick</a>
<time class="postlist-date" datetime="2009-09-07">September 2009</time>
</li>
<li class="postlist-item">
<a href="/okay-att-youre-on-notice/" class="postlist-link">Okay, AT&amp;T, You&#39;re On Notice</a>
<time class="postlist-date" datetime="2009-07-19">July 2009</time>
</li>
<li class="postlist-item">
<a href="/and-then-this-week/" class="postlist-link">And Then This Week</a>
<time class="postlist-date" datetime="2009-06-21">June 2009</time>
</li>
<li class="postlist-item">
<a href="/grrrr-2/" class="postlist-link">Grrrr</a>
<time class="postlist-date" datetime="2009-02-10">February 2009</time>
</li>
<li class="postlist-item">
<a href="/more-complaints/" class="postlist-link">More Complaints</a>
<time class="postlist-date" datetime="2009-01-31">January 2009</time>
</li>
<li class="postlist-item">
<a href="/adventures-in-wi-fi/" class="postlist-link">Adventures in Wi-Fi</a>
<time class="postlist-date" datetime="2008-08-03">August 2008</time>
</li>
<li class="postlist-item">
<a href="/mr-jobs-tear-down-this-wall/" class="postlist-link">Mr. Jobs, Tear Down this Wall</a>
<time class="postlist-date" datetime="2008-06-13">June 2008</time>
</li>
<li class="postlist-item">
<a href="/pre-semester-anxiety/" class="postlist-link">Pre-Semester Anxiety</a>
<time class="postlist-date" datetime="2008-01-14">January 2008</time>
</li>
<li class="postlist-item">
<a href="/un-post-sur-la-poste/" class="postlist-link">Un Post sur La Poste</a>
<time class="postlist-date" datetime="2007-06-25">June 2007</time>
</li>
<li class="postlist-item">
<a href="/trackbacks-rip/" class="postlist-link">Trackbacks, R.I.P.</a>
<time class="postlist-date" datetime="2007-05-31">May 2007</time>
</li>
<li class="postlist-item">
<a href="/apply-directly-to-the-forehead/" class="postlist-link">Apply Directly to the Forehead</a>
<time class="postlist-date" datetime="2007-04-09">April 2007</time>
</li>
<li class="postlist-item">
<a href="/punishing-california/" class="postlist-link">Punishing California</a>
<time class="postlist-date" datetime="2007-03-23">March 2007</time>
</li>
<li class="postlist-item">
<a href="/thats-just-mean/" class="postlist-link">That&#39;s Just Mean</a>
<time class="postlist-date" datetime="2006-12-22">December 2006</time>
</li>
<li class="postlist-item">
<a href="/days-i-wish-i-were-anonymous/" class="postlist-link">Days I Wish I Were Anonymous</a>
<time class="postlist-date" datetime="2006-11-12">November 2006</time>
</li>
<li class="postlist-item">
<a href="/you-decide/" class="postlist-link">You Decide</a>
<time class="postlist-date" datetime="2006-11-01">November 2006</time>
</li>
<li class="postlist-item">
<a href="/ways-in-which-today-sucks/" class="postlist-link">Ways in Which Today Sucks</a>
<time class="postlist-date" datetime="2006-08-02">August 2006</time>
</li>
<li class="postlist-item">
<a href="/how-pissed-am-i/" class="postlist-link">How Pissed Am I?</a>
<time class="postlist-date" datetime="2006-07-05">July 2006</time>
</li>
<li class="postlist-item">
<a href="/add-them-to-the-list/" class="postlist-link">Add Them to the List</a>
<time class="postlist-date" datetime="2005-12-13">December 2005</time>
</li>
<li class="postlist-item">
<a href="/words-ive-decided-i-hate-volume-1/" class="postlist-link">Words I&#39;ve Decided I Hate, Volume 1</a>
<time class="postlist-date" datetime="2005-09-21">September 2005</time>
</li>
<li class="postlist-item">
<a href="/cant-stop-that-day/" class="postlist-link">Can&#39;t Stop That Day</a>
<time class="postlist-date" datetime="2005-09-19">September 2005</time>
</li>
<li class="postlist-item">
<a href="/oops/" class="postlist-link">Oops.</a>
<time class="postlist-date" datetime="2005-09-12">September 2005</time>
</li>
<li class="postlist-item">
<a href="/earworm-of-the-week/" class="postlist-link">Earworm of the Week</a>
<time class="postlist-date" datetime="2005-09-12">September 2005</time>
</li>
<li class="postlist-item">
<a href="/grrrr/" class="postlist-link">Grrrr.</a>
<time class="postlist-date" datetime="2005-08-25">August 2005</time>
</li>
<li class="postlist-item">
<a href="/some-days/" class="postlist-link">Some Days</a>
<time class="postlist-date" datetime="2005-08-22">August 2005</time>
</li>
<li class="postlist-item">
<a href="/snap-out-of-it/" class="postlist-link">Snap Out of It!</a>
<time class="postlist-date" datetime="2005-08-14">August 2005</time>
</li>
<li class="postlist-item">
<a href="/less-depressed-still-annoyed/" class="postlist-link">Less Depressed, Still Annoyed</a>
<time class="postlist-date" datetime="2005-08-02">August 2005</time>
</li>
<li class="postlist-item">
<a href="/orthotics/" class="postlist-link">Orthotics</a>
<time class="postlist-date" datetime="2005-07-12">July 2005</time>
</li>
<li class="postlist-item">
<a href="/home-again-but-not-alone/" class="postlist-link">Home Again, But Not Alone</a>
<time class="postlist-date" datetime="2005-07-05">July 2005</time>
</li>
<li class="postlist-item">
<a href="/back-down-to-earth/" class="postlist-link">Back Down to Earth</a>
<time class="postlist-date" datetime="2005-06-26">June 2005</time>
</li>
<li class="postlist-item">
<a href="/msy-to-bwi/" class="postlist-link">MSY to BWI</a>
<time class="postlist-date" datetime="2005-06-02">June 2005</time>
</li>
<li class="postlist-item">
<a href="/how-not-to-begin-a-weekend/" class="postlist-link">How Not to Begin a Weekend</a>
<time class="postlist-date" datetime="2005-04-30">April 2005</time>
</li>
<li class="postlist-item">
<a href="/warning-this-post-is-all-about-boobs-but-not-in-a-good-way/" class="postlist-link">Warning: This Post Is All About Boobs, But Not In A Good Way</a>
<time class="postlist-date" datetime="2005-04-28">April 2005</time>
</li>
<li class="postlist-item">
<a href="/this-is-not-what-i-need/" class="postlist-link">This Is Not What I Need</a>
<time class="postlist-date" datetime="2005-02-01">February 2005</time>
</li>
<li class="postlist-item">
<a href="/merry-merry/" class="postlist-link">Merry Merry</a>
<time class="postlist-date" datetime="2004-12-25">December 2004</time>
</li>
<li class="postlist-item">
<a href="/um-excuse-me/" class="postlist-link">Um... Excuse Me?</a>
<time class="postlist-date" datetime="2004-11-18">November 2004</time>
</li>
<li class="postlist-item">
<a href="/why-so-long-as-i-live-neither-i-nor-any-of-mine-will-ever-purchase-a-sony-product-again/" class="postlist-link">Why, So Long As I Live, Neither I Nor Any of Mine Will Ever Purchase a Sony Product Again</a>
<time class="postlist-date" datetime="2004-05-31">May 2004</time>
</li>
<li class="postlist-item">
<a href="/the-definition-of-a-bad-work-day/" class="postlist-link">The Definition of a Bad Work Day</a>
<time class="postlist-date" datetime="2003-08-04">August 2003</time>
</li>
<li class="postlist-item">
<a href="/that-i-didnt-expect/" class="postlist-link">That, I Didn&#39;t Expect</a>
<time class="postlist-date" datetime="2002-08-08">August 2002</time>
</li>
<li class="postlist-item">
<a href="/not-bloody-likely/" class="postlist-link">Not Bloody Likely</a>
<time class="postlist-date" datetime="2002-07-12">July 2002</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/grousing/` was built on 2024-12-08T18:38:33.713Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

570
tags/grrrr/index.html Normal file
View File

@@ -0,0 +1,570 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;grrrr&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 2 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-grrrr">Tagged “grrrr”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/plastics/" class="postlist-link">Plastics</a>
<time class="postlist-date" datetime="2023-02-26">February 2023</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/grrrr/` was built on 2024-12-08T18:38:33.788Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

View File

@@ -0,0 +1,570 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;higher education&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 2 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-higher-education">Tagged “higher education”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/trauma-and-resilience/" class="postlist-link">Trauma and Resilience</a>
<time class="postlist-date" datetime="2023-02-14">February 2023</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/higher-education/` was built on 2024-12-08T18:38:33.784Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

570
tags/home/index.html Normal file
View File

@@ -0,0 +1,570 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;home&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 2 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-home">Tagged “home”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/bananas/" class="postlist-link">Bananas</a>
<time class="postlist-date" datetime="2023-02-20">February 2023</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/home/` was built on 2024-12-08T18:38:33.785Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

748
tags/index.html Normal file
View File

@@ -0,0 +1,748 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>kfitz</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tags">Tags</h1>
<ul>
<li><a href="/tags/blogging/" class="post-tag">blogging</a></li>
<li><a href="/tags/obsolescence/" class="post-tag">obsolescence</a></li>
<li><a href="/tags/publishing/" class="post-tag">publishing</a></li>
<li><a href="/tags/research/" class="post-tag">research</a></li>
<li><a href="/tags/novels/" class="post-tag">novels</a></li>
<li><a href="/tags/travel/" class="post-tag">travel</a></li>
<li><a href="/tags/listening/" class="post-tag">listening</a></li>
<li><a href="/tags/random-thoughts/" class="post-tag">random thoughts</a></li>
<li><a href="/tags/television/" class="post-tag">television</a></li>
<li><a href="/tags/computers/" class="post-tag">computers</a></li>
<li><a href="/tags/software/" class="post-tag">software</a></li>
<li><a href="/tags/tinkering/" class="post-tag">tinkering</a></li>
<li><a href="/tags/body/" class="post-tag">body</a></li>
<li><a href="/tags/networks/" class="post-tag">networks</a></li>
<li><a href="/tags/life/" class="post-tag">life</a></li>
<li><a href="/tags/reading/" class="post-tag">reading</a></li>
<li><a href="/tags/grousing/" class="post-tag">grousing</a></li>
<li><a href="/tags/general-whining/" class="post-tag">general whining</a></li>
<li><a href="/tags/watching/" class="post-tag">watching</a></li>
<li><a href="/tags/politics/" class="post-tag">politics</a></li>
<li><a href="/tags/conferences/" class="post-tag">conferences</a></li>
<li><a href="/tags/internets/" class="post-tag">internets</a></li>
<li><a href="/tags/writing/" class="post-tag">writing</a></li>
<li><a href="/tags/work/" class="post-tag">work</a></li>
<li><a href="/tags/academia/" class="post-tag">academia</a></li>
<li><a href="/tags/media/" class="post-tag">media</a></li>
<li><a href="/tags/teaching/" class="post-tag">teaching</a></li>
<li><a href="/tags/reflecting/" class="post-tag">reflecting</a></li>
<li><a href="/tags/to-do/" class="post-tag">to do</a></li>
<li><a href="/tags/googlings/" class="post-tag">googlings</a></li>
<li><a href="/tags/mediacommons/" class="post-tag">mediacommons</a></li>
<li><a href="/tags/technology/" class="post-tag">technology</a></li>
<li><a href="/tags/condo/" class="post-tag">condo</a></li>
<li><a href="/tags/social-software/" class="post-tag">social software</a></li>
<li><a href="/tags/pondering/" class="post-tag">pondering</a></li>
<li><a href="/tags/running/" class="post-tag">running</a></li>
<li><a href="/tags/family/" class="post-tag">family</a></li>
<li><a href="/tags/aoir8/" class="post-tag">aoir8</a></li>
<li><a href="/tags/planned-obsolescence/" class="post-tag">planned obsolescence</a></li>
<li><a href="/tags/twitter/" class="post-tag">twitter</a></li>
<li><a href="/tags/commentpress/" class="post-tag">commentpress</a></li>
<li><a href="/tags/reverb10/" class="post-tag">#reverb10</a></li>
<li><a href="/tags/mla/" class="post-tag">mla</a></li>
<li><a href="/tags/open-access/" class="post-tag">open access</a></li>
<li><a href="/tags/micro/" class="post-tag">micro</a></li>
<li><a href="/tags/generous-thinking/" class="post-tag">generous thinking</a></li>
<li><a href="/tags/leading-generously/" class="post-tag">leading generously</a></li>
<li><a href="/tags/post/" class="post-tag">post</a></li>
<li><a href="/tags/wordpress/" class="post-tag">wordpress</a></li>
<li><a href="/tags/jekyll/" class="post-tag">jekyll</a></li>
<li><a href="/tags/conference/" class="post-tag">conference</a></li>
<li><a href="/tags/presentation/" class="post-tag">presentation</a></li>
<li><a href="/tags/workflow/" class="post-tag">workflow</a></li>
<li><a href="/tags/reporting/" class="post-tag">reporting</a></li>
<li><a href="/tags/higher-education/" class="post-tag">higher education</a></li>
<li><a href="/tags/home/" class="post-tag">home</a></li>
<li><a href="/tags/leadership/" class="post-tag">leadership</a></li>
<li><a href="/tags/grrrr/" class="post-tag">grrrr</a></li>
<li><a href="/tags/thinking/" class="post-tag">thinking</a></li>
<li><a href="/tags/whining/" class="post-tag">whining</a></li>
<li><a href="/tags/commons/" class="post-tag">commons</a></li>
<li><a href="/tags/page/" class="post-tag">page</a></li>
<li><a href="/tags/postsbyyear/" class="post-tag">postsByYear</a></li>
</ul>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/` was built on 2024-12-08T18:38:31.984Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

905
tags/internets/index.html Normal file
View File

@@ -0,0 +1,905 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;internets&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 69 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-internets">Tagged “internets”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/please-reply-this-email/" class="postlist-link">Please Reply This Email Immediately and Provide the Following Information Above</a>
<time class="postlist-date" datetime="2009-07-16">July 2009</time>
</li>
<li class="postlist-item">
<a href="/why-i-want-google-wave-now-please/" class="postlist-link">Why I Want Google Wave NOW, Please</a>
<time class="postlist-date" datetime="2009-07-03">July 2009</time>
</li>
<li class="postlist-item">
<a href="/twothousandone/" class="postlist-link">2001</a>
<time class="postlist-date" datetime="2008-10-31">October 2008</time>
</li>
<li class="postlist-item">
<a href="/has-the-large-hadron-collider-destroyed-the-world-yet/" class="postlist-link">Has the Large Hadron Collider Destroyed the World Yet?</a>
<time class="postlist-date" datetime="2008-09-10">September 2008</time>
</li>
<li class="postlist-item">
<a href="/les-pauvres/" class="postlist-link">Les Pauvres</a>
<time class="postlist-date" datetime="2007-06-19">June 2007</time>
</li>
<li class="postlist-item">
<a href="/tee-totaling/" class="postlist-link">Tee-totaling</a>
<time class="postlist-date" datetime="2007-06-19">June 2007</time>
</li>
<li class="postlist-item">
<a href="/times-arrow-but-not-in-a-martin-amisy-way/" class="postlist-link">Time&#39;s Arrow (But Not In A Martin Amisy Way)</a>
<time class="postlist-date" datetime="2007-03-30">March 2007</time>
</li>
<li class="postlist-item">
<a href="/its-about-time/" class="postlist-link">It&#39;s About Time</a>
<time class="postlist-date" datetime="2007-03-14">March 2007</time>
</li>
<li class="postlist-item">
<a href="/from-youtube-to-youniversity/" class="postlist-link">From YouTube to YouNiversity</a>
<time class="postlist-date" datetime="2007-02-13">February 2007</time>
</li>
<li class="postlist-item">
<a href="/the-morning-after/" class="postlist-link">The Morning After</a>
<time class="postlist-date" datetime="2006-11-08">November 2006</time>
</li>
<li class="postlist-item">
<a href="/you-decide/" class="postlist-link">You Decide</a>
<time class="postlist-date" datetime="2006-11-01">November 2006</time>
</li>
<li class="postlist-item">
<a href="/squishy-cow/" class="postlist-link">Squishy Cow</a>
<time class="postlist-date" datetime="2006-10-31">October 2006</time>
</li>
<li class="postlist-item">
<a href="/im-just-saying/" class="postlist-link">I&#39;m Just Saying</a>
<time class="postlist-date" datetime="2006-10-31">October 2006</time>
</li>
<li class="postlist-item">
<a href="/this-is-why-i-love-computers/" class="postlist-link">This Is Why I Love Computers</a>
<time class="postlist-date" datetime="2006-10-30">October 2006</time>
</li>
<li class="postlist-item">
<a href="/kfitzpatrick/" class="postlist-link">kfitzpatrick</a>
<time class="postlist-date" datetime="2006-09-04">September 2006</time>
</li>
<li class="postlist-item">
<a href="/spambot-university-library/" class="postlist-link">Spambot University Library</a>
<time class="postlist-date" datetime="2006-05-28">May 2006</time>
</li>
<li class="postlist-item">
<a href="/twelve-steps-will-not-cut-it/" class="postlist-link">Twelve Steps Will Not Cut It</a>
<time class="postlist-date" datetime="2006-05-16">May 2006</time>
</li>
<li class="postlist-item">
<a href="/thank-you-michael-berube/" class="postlist-link">Thank You, Michael Bérubé</a>
<time class="postlist-date" datetime="2006-03-23">March 2006</time>
</li>
<li class="postlist-item">
<a href="/identity-protection-matters/" class="postlist-link">Identity Protection Matters</a>
<time class="postlist-date" datetime="2006-02-27">February 2006</time>
</li>
<li class="postlist-item">
<a href="/shouting-down-a-well/" class="postlist-link">Shouting Down a Well</a>
<time class="postlist-date" datetime="2006-02-22">February 2006</time>
</li>
<li class="postlist-item">
<a href="/anxiety-obsolescence-etc/" class="postlist-link">Anxiety, Obsolescence, Etc.</a>
<time class="postlist-date" datetime="2006-02-06">February 2006</time>
</li>
<li class="postlist-item">
<a href="/formerly/" class="postlist-link">Formerly</a>
<time class="postlist-date" datetime="2005-12-10">December 2005</time>
</li>
<li class="postlist-item">
<a href="/reading-the-wire/" class="postlist-link">Reading the Wire</a>
<time class="postlist-date" datetime="2005-12-09">December 2005</time>
</li>
<li class="postlist-item">
<a href="/the-worm-turns-or-begins-to-turn-or-begins-to-think-of-turning/" class="postlist-link">The Worm Turns, or Begins to Turn, or Begins to Think of Turning</a>
<time class="postlist-date" datetime="2005-10-20">October 2005</time>
</li>
<li class="postlist-item">
<a href="/and-now-for-something-completely-different-2/" class="postlist-link">And Now for Something Completely Different</a>
<time class="postlist-date" datetime="2005-10-07">October 2005</time>
</li>
<li class="postlist-item">
<a href="/just-to-show-ogged-im-no-prude/" class="postlist-link">Just to Show Ogged I&#39;m No Prude</a>
<time class="postlist-date" datetime="2005-09-27">September 2005</time>
</li>
<li class="postlist-item">
<a href="/some-things-i-love-about-the-internet/" class="postlist-link">Some Things I Love About the Internet</a>
<time class="postlist-date" datetime="2005-09-25">September 2005</time>
</li>
<li class="postlist-item">
<a href="/maybe-its-just-me/" class="postlist-link">Maybe It&#39;s Just Me</a>
<time class="postlist-date" datetime="2005-09-20">September 2005</time>
</li>
<li class="postlist-item">
<a href="/at-a-loss/" class="postlist-link">At a Loss</a>
<time class="postlist-date" datetime="2005-09-14">September 2005</time>
</li>
<li class="postlist-item">
<a href="/but-one-more-thing/" class="postlist-link">But One More Thing</a>
<time class="postlist-date" datetime="2005-09-06">September 2005</time>
</li>
<li class="postlist-item">
<a href="/hear-hear/" class="postlist-link">Hear, Hear!</a>
<time class="postlist-date" datetime="2005-08-16">August 2005</time>
</li>
<li class="postlist-item">
<a href="/the-news-today/" class="postlist-link">The News Today</a>
<time class="postlist-date" datetime="2005-07-07">July 2005</time>
</li>
<li class="postlist-item">
<a href="/leaning-shelves/" class="postlist-link">Leaning Shelves</a>
<time class="postlist-date" datetime="2005-05-05">May 2005</time>
</li>
<li class="postlist-item">
<a href="/my-next-book/" class="postlist-link">My Next Book</a>
<time class="postlist-date" datetime="2005-04-15">April 2005</time>
</li>
<li class="postlist-item">
<a href="/here-i-am/" class="postlist-link">Here I Am</a>
<time class="postlist-date" datetime="2005-04-07">April 2005</time>
</li>
<li class="postlist-item">
<a href="/and-the-moral-of-the-story-is/" class="postlist-link">And the Moral of the Story Is</a>
<time class="postlist-date" datetime="2005-03-29">March 2005</time>
</li>
<li class="postlist-item">
<a href="/more-marcus/" class="postlist-link">More Marcus</a>
<time class="postlist-date" datetime="2005-02-24">February 2005</time>
</li>
<li class="postlist-item">
<a href="/ahhhhhh/" class="postlist-link">Ahhhhhh...</a>
<time class="postlist-date" datetime="2005-02-12">February 2005</time>
</li>
<li class="postlist-item">
<a href="/andrew-sullivan-why-i-am-supporting-john-kerry/" class="postlist-link">Andrew Sullivan, &#39;Why I Am Supporting John Kerry&#39;</a>
<time class="postlist-date" datetime="2004-10-27">October 2004</time>
</li>
<li class="postlist-item">
<a href="/life-and-death-in-the-electronic-age/" class="postlist-link">Life and Death in the Electronic Age</a>
<time class="postlist-date" datetime="2004-09-25">September 2004</time>
</li>
<li class="postlist-item">
<a href="/write-your-own-bush-acceptance-speech/" class="postlist-link">Write Your Own Bush Acceptance Speech!</a>
<time class="postlist-date" datetime="2004-08-27">August 2004</time>
</li>
<li class="postlist-item">
<a href="/what-goes-around-comes-around-and-around/" class="postlist-link">What Goes Around Comes Around. And Around.</a>
<time class="postlist-date" datetime="2004-06-28">June 2004</time>
</li>
<li class="postlist-item">
<a href="/daily-reason-to-dispatch-bush/" class="postlist-link">Daily Reason to Dispatch Bush</a>
<time class="postlist-date" datetime="2004-06-12">June 2004</time>
</li>
<li class="postlist-item">
<a href="/proverbs-for-postmodern-paranoids-part-1/" class="postlist-link">Proverbs for Postmodern Paranoids, Part 1</a>
<time class="postlist-date" datetime="2004-06-10">June 2004</time>
</li>
<li class="postlist-item">
<a href="/marriage-its-whats-for-dinner/" class="postlist-link">Marriage: It&#39;s What&#39;s for Dinner!*</a>
<time class="postlist-date" datetime="2004-05-03">May 2004</time>
</li>
<li class="postlist-item">
<a href="/oy/" class="postlist-link">Oy.</a>
<time class="postlist-date" datetime="2004-04-29">April 2004</time>
</li>
<li class="postlist-item">
<a href="/visibility-of-a-sort/" class="postlist-link">Visibility, of a Sort</a>
<time class="postlist-date" datetime="2004-04-27">April 2004</time>
</li>
<li class="postlist-item">
<a href="/reclaiming-patriotism/" class="postlist-link">Reclaiming &#39;Patriotism&#39;</a>
<time class="postlist-date" datetime="2004-04-22">April 2004</time>
</li>
<li class="postlist-item">
<a href="/like-ghirardelli-or-what/" class="postlist-link">Like, Ghirardelli, or What?</a>
<time class="postlist-date" datetime="2004-04-20">April 2004</time>
</li>
<li class="postlist-item">
<a href="/just-for-fun/" class="postlist-link">Just for Fun</a>
<time class="postlist-date" datetime="2004-03-08">March 2004</time>
</li>
<li class="postlist-item">
<a href="/who-says-people-suck/" class="postlist-link">Who Says People Suck?</a>
<time class="postlist-date" datetime="2004-02-21">February 2004</time>
</li>
<li class="postlist-item">
<a href="/random-links/" class="postlist-link">Random Links</a>
<time class="postlist-date" datetime="2004-02-06">February 2004</time>
</li>
<li class="postlist-item">
<a href="/oh-sure-it-was-super/" class="postlist-link">Oh, Sure, It Was Super</a>
<time class="postlist-date" datetime="2004-02-02">February 2004</time>
</li>
<li class="postlist-item">
<a href="/productivity-in-sharp-decline/" class="postlist-link">Productivity in Sharp Decline</a>
<time class="postlist-date" datetime="2004-02-02">February 2004</time>
</li>
<li class="postlist-item">
<a href="/brightly-colored-food/" class="postlist-link">brightly colored food</a>
<time class="postlist-date" datetime="2004-01-24">January 2004</time>
</li>
<li class="postlist-item">
<a href="/open-foot-insert-mouth/" class="postlist-link">Open Foot, Insert Mouth</a>
<time class="postlist-date" datetime="2004-01-20">January 2004</time>
</li>
<li class="postlist-item">
<a href="/once-again-ignored-by-the-academy/" class="postlist-link">Once Again, Ignored by the Academy</a>
<time class="postlist-date" datetime="2004-01-19">January 2004</time>
</li>
<li class="postlist-item">
<a href="/a-terrible-idea/" class="postlist-link">A Terrible Idea</a>
<time class="postlist-date" datetime="2004-01-14">January 2004</time>
</li>
<li class="postlist-item">
<a href="/fitzpatricks-first-law/" class="postlist-link">Fitzpatrick&#39;s First Law</a>
<time class="postlist-date" datetime="2004-01-13">January 2004</time>
</li>
<li class="postlist-item">
<a href="/sharing-teaching-resources/" class="postlist-link">Sharing Teaching Resources</a>
<time class="postlist-date" datetime="2004-01-12">January 2004</time>
</li>
<li class="postlist-item">
<a href="/ach-my-eyes/" class="postlist-link">Ach! My Eyes!</a>
<time class="postlist-date" datetime="2003-12-18">December 2003</time>
</li>
<li class="postlist-item">
<a href="/how-do-you-make-yourself-a-body-without-organs/" class="postlist-link">How Do You Make Yourself a Body-Without-Organs?</a>
<time class="postlist-date" datetime="2003-11-20">November 2003</time>
</li>
<li class="postlist-item">
<a href="/i-didnt-see-the-danger/" class="postlist-link">I Didn&#39;t See the Danger</a>
<time class="postlist-date" datetime="2003-11-12">November 2003</time>
</li>
<li class="postlist-item">
<a href="/for-your-riaa-approved-listening-pleasure/" class="postlist-link">For Your (RIAA-Approved) Listening Pleasure</a>
<time class="postlist-date" datetime="2003-11-09">November 2003</time>
</li>
<li class="postlist-item">
<a href="/but-then-tragedy-struck/" class="postlist-link">But Then, Tragedy Struck</a>
<time class="postlist-date" datetime="2003-10-25">October 2003</time>
</li>
<li class="postlist-item">
<a href="/where-did-that-quote-come-from-again/" class="postlist-link">Where Did That Quote Come From, Again?</a>
<time class="postlist-date" datetime="2003-10-23">October 2003</time>
</li>
<li class="postlist-item">
<a href="/the-qualifying-exam-meets-the-cult-of-personality/" class="postlist-link">The Qualifying Exam Meets the Cult of Personality</a>
<time class="postlist-date" datetime="2003-08-13">August 2003</time>
</li>
<li class="postlist-item">
<a href="/you-havent-read-my-book-have-you/" class="postlist-link">You Haven&#39;t Read My Book, Have You?</a>
<time class="postlist-date" datetime="2003-01-16">January 2003</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/internets/` was built on 2024-12-08T18:38:33.725Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

575
tags/jekyll/index.html Normal file
View File

@@ -0,0 +1,575 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;jekyll&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 3 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-jekyll">Tagged “jekyll”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/comments/" class="postlist-link">Comments</a>
<time class="postlist-date" datetime="2022-12-30">December 2022</time>
</li>
<li class="postlist-item">
<a href="/hello-world/" class="postlist-link">Hello World!</a>
<time class="postlist-date" datetime="2022-12-28">December 2022</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/jekyll/` was built on 2024-12-08T18:38:33.777Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

580
tags/leadership/index.html Normal file
View File

@@ -0,0 +1,580 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;leadership&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 4 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-leadership">Tagged “leadership”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/passivity/" class="postlist-link">Passivity vs. Accountability</a>
<time class="postlist-date" datetime="2024-10-01">October 2024</time>
</li>
<li class="postlist-item">
<a href="/anxiety-and-leadership/" class="postlist-link">Anxiety and Leadership</a>
<time class="postlist-date" datetime="2024-01-06">January 2024</time>
</li>
<li class="postlist-item">
<a href="/our-leadership-practice/" class="postlist-link">Our Leadership Practice</a>
<time class="postlist-date" datetime="2023-02-22">February 2023</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/leadership/` was built on 2024-12-08T18:38:33.786Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

View File

@@ -0,0 +1,635 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;leading generously&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 15 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-leading-generously">Tagged “leading generously”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/higher-education-as-a-social-good/" class="postlist-link">Higher Education as a Social Good</a>
<time class="postlist-date" datetime="2021-06-18">June 2021</time>
</li>
<li class="postlist-item">
<a href="/lg-call-for-respondents/" class="postlist-link">LG: Call for Respondents</a>
<time class="postlist-date" datetime="2021-02-09">February 2021</time>
</li>
<li class="postlist-item">
<a href="/lg11-onward/" class="postlist-link">LG11: Onward</a>
<time class="postlist-date" datetime="2021-01-05">January 2021</time>
</li>
<li class="postlist-item">
<a href="/lg10-solidarity/" class="postlist-link">LG10: Solidarity</a>
<time class="postlist-date" datetime="2020-12-29">December 2020</time>
</li>
<li class="postlist-item">
<a href="/lg9-stories/" class="postlist-link">LG9: Stories</a>
<time class="postlist-date" datetime="2020-12-22">December 2020</time>
</li>
<li class="postlist-item">
<a href="/lg8-support/" class="postlist-link">LG8: Support</a>
<time class="postlist-date" datetime="2020-12-15">December 2020</time>
</li>
<li class="postlist-item">
<a href="/lg7-trust/" class="postlist-link">LG7: Trust</a>
<time class="postlist-date" datetime="2020-12-08">December 2020</time>
</li>
<li class="postlist-item">
<a href="/lg6-values/" class="postlist-link">LG6: Values</a>
<time class="postlist-date" datetime="2020-12-01">December 2020</time>
</li>
<li class="postlist-item">
<a href="/lg5-vulnerability/" class="postlist-link">LG5: Vulnerability</a>
<time class="postlist-date" datetime="2020-11-24">November 2020</time>
</li>
<li class="postlist-item">
<a href="/lg4-listening/" class="postlist-link">LG4: Listening</a>
<time class="postlist-date" datetime="2020-11-17">November 2020</time>
</li>
<li class="postlist-item">
<a href="/lg3-people/" class="postlist-link">LG3: People</a>
<time class="postlist-date" datetime="2020-11-10">November 2020</time>
</li>
<li class="postlist-item">
<a href="/lg2-you/" class="postlist-link">LG2: You</a>
<time class="postlist-date" datetime="2020-11-03">November 2020</time>
</li>
<li class="postlist-item">
<a href="/lg1-introduction/" class="postlist-link">LG1: Introduction</a>
<time class="postlist-date" datetime="2020-10-27">October 2020</time>
</li>
<li class="postlist-item">
<a href="/leading-generously/" class="postlist-link">Leading Generously</a>
<time class="postlist-date" datetime="2020-10-26">October 2020</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/leading-generously/` was built on 2024-12-08T18:38:33.773Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

1245
tags/life/index.html Normal file

File diff suppressed because it is too large Load Diff

655
tags/listening/index.html Normal file
View File

@@ -0,0 +1,655 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;listening&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 19 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-listening">Tagged “listening”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/click/" class="postlist-link">Click</a>
<time class="postlist-date" datetime="2008-07-22">July 2008</time>
</li>
<li class="postlist-item">
<a href="/solstice/" class="postlist-link">Solstice</a>
<time class="postlist-date" datetime="2007-06-22">June 2007</time>
</li>
<li class="postlist-item">
<a href="/what-like-beer/" class="postlist-link">What, Like Beer?</a>
<time class="postlist-date" datetime="2006-07-05">July 2006</time>
</li>
<li class="postlist-item">
<a href="/more-on-that-book/" class="postlist-link">More on That Book</a>
<time class="postlist-date" datetime="2006-06-02">June 2006</time>
</li>
<li class="postlist-item">
<a href="/jazz-fest-photos/" class="postlist-link">Jazz Fest Photos</a>
<time class="postlist-date" datetime="2006-05-14">May 2006</time>
</li>
<li class="postlist-item">
<a href="/me-the-boss/" class="postlist-link">Me &amp; the Boss</a>
<time class="postlist-date" datetime="2006-05-02">May 2006</time>
</li>
<li class="postlist-item">
<a href="/jazz-fest/" class="postlist-link">Jazz Fest</a>
<time class="postlist-date" datetime="2006-04-30">April 2006</time>
</li>
<li class="postlist-item">
<a href="/go-me/" class="postlist-link">Go, Me</a>
<time class="postlist-date" datetime="2005-09-15">September 2005</time>
</li>
<li class="postlist-item">
<a href="/earworm-of-the-week/" class="postlist-link">Earworm of the Week</a>
<time class="postlist-date" datetime="2005-09-12">September 2005</time>
</li>
<li class="postlist-item">
<a href="/a-couple-of-updates/" class="postlist-link">A Couple of Updates</a>
<time class="postlist-date" datetime="2005-06-10">June 2005</time>
</li>
<li class="postlist-item">
<a href="/wherein-i-actually-complete-one-of-those-meme-thingies/" class="postlist-link">Wherein I Actually Complete One of Those Meme Thingies</a>
<time class="postlist-date" datetime="2005-06-07">June 2005</time>
</li>
<li class="postlist-item">
<a href="/almost-familiar/" class="postlist-link">Almost Familiar</a>
<time class="postlist-date" datetime="2005-03-29">March 2005</time>
</li>
<li class="postlist-item">
<a href="/the-killers-hot-fuss/" class="postlist-link">The Killers, Hot Fuss</a>
<time class="postlist-date" datetime="2004-10-15">October 2004</time>
</li>
<li class="postlist-item">
<a href="/therell-be-a-load-of-compromisin-on-the-road-to-my-horizon/" class="postlist-link">There&#39;ll Be a Load of Compromisin&#39;, on the Road to My Horizon</a>
<time class="postlist-date" datetime="2004-08-14">August 2004</time>
</li>
<li class="postlist-item">
<a href="/pedro-the-lion-achilles-heel/" class="postlist-link">Pedro the Lion, Achilles&#39; Heel</a>
<time class="postlist-date" datetime="2004-06-05">June 2004</time>
</li>
<li class="postlist-item">
<a href="/blonde-redhead-misery-is-a-butterfly/" class="postlist-link">Blonde Redhead, Misery Is a Butterfly</a>
<time class="postlist-date" datetime="2004-05-27">May 2004</time>
</li>
<li class="postlist-item">
<a href="/a-terrible-idea/" class="postlist-link">A Terrible Idea</a>
<time class="postlist-date" datetime="2004-01-14">January 2004</time>
</li>
<li class="postlist-item">
<a href="/dept-of-musical-revisionism/" class="postlist-link">Dept. of Musical Revisionism</a>
<time class="postlist-date" datetime="2002-06-25">June 2002</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/listening/` was built on 2024-12-08T18:38:33.691Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

610
tags/media/index.html Normal file
View File

@@ -0,0 +1,610 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;media&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 10 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-media">Tagged “media”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/the-morning-after/" class="postlist-link">The Morning After</a>
<time class="postlist-date" datetime="2006-11-08">November 2006</time>
</li>
<li class="postlist-item">
<a href="/shouting-down-a-well/" class="postlist-link">Shouting Down a Well</a>
<time class="postlist-date" datetime="2006-02-22">February 2006</time>
</li>
<li class="postlist-item">
<a href="/quoted/" class="postlist-link">Quoted</a>
<time class="postlist-date" datetime="2005-08-05">August 2005</time>
</li>
<li class="postlist-item">
<a href="/moore-and-moore-odd/" class="postlist-link">Moore and Moore Odd</a>
<time class="postlist-date" datetime="2004-10-17">October 2004</time>
</li>
<li class="postlist-item">
<a href="/kerry-didnt-gay-bait/" class="postlist-link">Kerry Didn&#39;t Gay-Bait</a>
<time class="postlist-date" datetime="2004-10-16">October 2004</time>
</li>
<li class="postlist-item">
<a href="/how-big/" class="postlist-link">How Big?</a>
<time class="postlist-date" datetime="2004-10-16">October 2004</time>
</li>
<li class="postlist-item">
<a href="/a-call-to-action/" class="postlist-link">A Call to Action</a>
<time class="postlist-date" datetime="2004-10-13">October 2004</time>
</li>
<li class="postlist-item">
<a href="/on-the-radio/" class="postlist-link">On the Radio</a>
<time class="postlist-date" datetime="2004-10-12">October 2004</time>
</li>
<li class="postlist-item">
<a href="/goodbye-magic-kingdom/" class="postlist-link">Goodbye, Magic Kingdom</a>
<time class="postlist-date" datetime="2003-09-02">September 2003</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/media/` was built on 2024-12-08T18:38:33.736Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

View File

@@ -0,0 +1,920 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;mediacommons&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 72 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-mediacommons">Tagged “mediacommons”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/what-happened/" class="postlist-link">What Happened?</a>
<time class="postlist-date" datetime="2013-04-26">April 2013</time>
</li>
<li class="postlist-item">
<a href="/open-review-a-study-of-contexts-and-practices/" class="postlist-link">Open Review: A Study of Contexts and Practices</a>
<time class="postlist-date" datetime="2012-06-18">June 2012</time>
</li>
<li class="postlist-item">
<a href="/mediacommons-receives-mellon-grant-to-study-open-peer-review/" class="postlist-link">MediaCommons Receives Mellon Grant to Study Open Peer Review</a>
<time class="postlist-date" datetime="2011-04-12">April 2011</time>
</li>
<li class="postlist-item">
<a href="/the-new-everyday-notes-lists-and-everyday-inscriptions/" class="postlist-link">The New Everyday: Notes, Lists, and Everyday Inscriptions</a>
<time class="postlist-date" datetime="2010-09-09">September 2010</time>
</li>
<li class="postlist-item">
<a href="/talk-at-the-hemispheric-institute/" class="postlist-link">Talk at the Hemispheric Institute</a>
<time class="postlist-date" datetime="2010-09-09">September 2010</time>
</li>
<li class="postlist-item">
<a href="/mediacommons-open-review-and-the-new-york-times/" class="postlist-link">MediaCommons, Open Review, and the New York Times</a>
<time class="postlist-date" datetime="2010-08-24">August 2010</time>
</li>
<li class="postlist-item">
<a href="/mediacommons-shakespeare-quarterly-and-open-review/" class="postlist-link">MediaCommons, Shakespeare Quarterly, and Open Review</a>
<time class="postlist-date" datetime="2010-07-27">July 2010</time>
</li>
<li class="postlist-item">
<a href="/fair-use/" class="postlist-link">Fair Use</a>
<time class="postlist-date" datetime="2010-07-26">July 2010</time>
</li>
<li class="postlist-item">
<a href="/the-new-everyday/" class="postlist-link">The New Everyday</a>
<time class="postlist-date" datetime="2010-03-29">March 2010</time>
</li>
<li class="postlist-item">
<a href="/shakespeare-quarterly-open-review/" class="postlist-link">Shakespeare Quarterly Open Review</a>
<time class="postlist-date" datetime="2010-03-15">March 2010</time>
</li>
<li class="postlist-item">
<a href="/planned-obsolescence-now-online/" class="postlist-link">Planned Obsolescence: Now Online</a>
<time class="postlist-date" datetime="2009-09-28">September 2009</time>
</li>
<li class="postlist-item">
<a href="/five-years-later/" class="postlist-link">Five Years Later</a>
<time class="postlist-date" datetime="2009-05-30">May 2009</time>
</li>
<li class="postlist-item">
<a href="/blog-based-peer-review/" class="postlist-link">Blog-Based Peer Review</a>
<time class="postlist-date" datetime="2009-05-12">May 2009</time>
</li>
<li class="postlist-item">
<a href="/university-press-university-library-the-future-of-university-publishing/" class="postlist-link">University Press + University Library = The Future of University Publishing?</a>
<time class="postlist-date" datetime="2009-03-23">March 2009</time>
</li>
<li class="postlist-item">
<a href="/getting-serious-about-the-online-part-of-research-online/" class="postlist-link">Getting Serious About the Online Part of Research Online</a>
<time class="postlist-date" datetime="2009-03-20">March 2009</time>
</li>
<li class="postlist-item">
<a href="/digital-humanities-roundup/" class="postlist-link">Digital Humanities Roundup</a>
<time class="postlist-date" datetime="2009-02-25">February 2009</time>
</li>
<li class="postlist-item">
<a href="/mediacommons-blogs/" class="postlist-link">MediaCommons Blogs</a>
<time class="postlist-date" datetime="2009-02-08">February 2009</time>
</li>
<li class="postlist-item">
<a href="/digital-peer-review/" class="postlist-link">Digital Peer Review</a>
<time class="postlist-date" datetime="2009-02-06">February 2009</time>
</li>
<li class="postlist-item">
<a href="/campus-based-publishing/" class="postlist-link">Campus-Based Publishing</a>
<time class="postlist-date" datetime="2009-01-22">January 2009</time>
</li>
<li class="postlist-item">
<a href="/mediacommons-2/" class="postlist-link">MediaCommons</a>
<time class="postlist-date" datetime="2009-01-21">January 2009</time>
</li>
<li class="postlist-item">
<a href="/the-contract/" class="postlist-link">The Contract</a>
<time class="postlist-date" datetime="2008-08-26">August 2008</time>
</li>
<li class="postlist-item">
<a href="/the-future-of-citations/" class="postlist-link">The Future of Citations</a>
<time class="postlist-date" datetime="2008-06-27">June 2008</time>
</li>
<li class="postlist-item">
<a href="/this-is-scholarship/" class="postlist-link">This Is Scholarship</a>
<time class="postlist-date" datetime="2008-05-27">May 2008</time>
</li>
<li class="postlist-item">
<a href="/ifbook-nyu-the-neh-and-mediacommons/" class="postlist-link">if:book, NYU, the NEH, and MediaCommons</a>
<time class="postlist-date" datetime="2008-03-25">March 2008</time>
</li>
<li class="postlist-item">
<a href="/peer-review-2/" class="postlist-link">Peer Review</a>
<time class="postlist-date" datetime="2008-01-22">January 2008</time>
</li>
<li class="postlist-item">
<a href="/emerging/" class="postlist-link">Emerging</a>
<time class="postlist-date" datetime="2008-01-07">January 2008</time>
</li>
<li class="postlist-item">
<a href="/commentpress-new-social-structures-for-new-networked-texts/" class="postlist-link">CommentPress: New (Social) Structures for New (Networked) Texts</a>
<time class="postlist-date" datetime="2007-10-15">October 2007</time>
</li>
<li class="postlist-item">
<a href="/the-googlization-of-everything/" class="postlist-link">The Googlization of Everything</a>
<time class="postlist-date" datetime="2007-09-24">September 2007</time>
</li>
<li class="postlist-item">
<a href="/university-publishing-in-a-digital-age-in-a-digital-age/" class="postlist-link">&#39;University Publishing in a Digital Age,&#39; in a Digital Age</a>
<time class="postlist-date" datetime="2007-08-23">August 2007</time>
</li>
<li class="postlist-item">
<a href="/mediacommons-series-casefiles/" class="postlist-link">MediaCommons Series Casefiles</a>
<time class="postlist-date" datetime="2007-07-31">July 2007</time>
</li>
<li class="postlist-item">
<a href="/university-publishing-in-a-digital-age/" class="postlist-link">University Publishing in a Digital Age</a>
<time class="postlist-date" datetime="2007-07-26">July 2007</time>
</li>
<li class="postlist-item">
<a href="/authority-30/" class="postlist-link">Authority 3.0</a>
<time class="postlist-date" datetime="2007-07-01">July 2007</time>
</li>
<li class="postlist-item">
<a href="/new-economics/" class="postlist-link">New Economics</a>
<time class="postlist-date" datetime="2007-06-06">June 2007</time>
</li>
<li class="postlist-item">
<a href="/new-structures/" class="postlist-link">New Structures</a>
<time class="postlist-date" datetime="2007-06-06">June 2007</time>
</li>
<li class="postlist-item">
<a href="/new-texts/" class="postlist-link">New Texts</a>
<time class="postlist-date" datetime="2007-06-05">June 2007</time>
</li>
<li class="postlist-item">
<a href="/new-directions/" class="postlist-link">New Directions</a>
<time class="postlist-date" datetime="2007-06-05">June 2007</time>
</li>
<li class="postlist-item">
<a href="/new-structures-new-texts/" class="postlist-link">New Structures, New Texts</a>
<time class="postlist-date" datetime="2007-06-05">June 2007</time>
</li>
<li class="postlist-item">
<a href="/social-entrepreneurship-and-design/" class="postlist-link">Social Entrepreneurship and Design</a>
<time class="postlist-date" datetime="2007-06-01">June 2007</time>
</li>
<li class="postlist-item">
<a href="/mediacommons-updates/" class="postlist-link">MediaCommons Updates</a>
<time class="postlist-date" datetime="2007-03-30">March 2007</time>
</li>
<li class="postlist-item">
<a href="/mediacommons-ed-board-meeting/" class="postlist-link">MediaCommons Ed Board Meeting</a>
<time class="postlist-date" datetime="2007-03-20">March 2007</time>
</li>
<li class="postlist-item">
<a href="/from-youtube-to-youniversity/" class="postlist-link">From YouTube to YouNiversity</a>
<time class="postlist-date" datetime="2007-02-13">February 2007</time>
</li>
<li class="postlist-item">
<a href="/mediacommons-update/" class="postlist-link">MediaCommons Update</a>
<time class="postlist-date" datetime="2007-02-09">February 2007</time>
</li>
<li class="postlist-item">
<a href="/faculty-lecture/" class="postlist-link">Faculty Lecture</a>
<time class="postlist-date" datetime="2006-11-15">November 2006</time>
</li>
<li class="postlist-item">
<a href="/notes-on-making-mediacommons/" class="postlist-link">Notes on making MediaCommons</a>
<time class="postlist-date" datetime="2006-11-14">November 2006</time>
</li>
<li class="postlist-item">
<a href="/more-on-making-mediacommons/" class="postlist-link">More on Making MediaCommons</a>
<time class="postlist-date" datetime="2006-11-06">November 2006</time>
</li>
<li class="postlist-item">
<a href="/notes-from-flow-academic-publishing-for-the-digital-age/" class="postlist-link">Notes from Flow: Academic Publishing for the Digital Age</a>
<time class="postlist-date" datetime="2006-10-29">October 2006</time>
</li>
<li class="postlist-item">
<a href="/making-making-mediacommons/" class="postlist-link">Making &#39;making MediaCommons&#39;</a>
<time class="postlist-date" datetime="2006-10-27">October 2006</time>
</li>
<li class="postlist-item">
<a href="/more-from-mediacommons/" class="postlist-link">More from MediaCommons</a>
<time class="postlist-date" datetime="2006-07-27">July 2006</time>
</li>
<li class="postlist-item">
<a href="/want-to-see-my-picture-on-the-cover/" class="postlist-link">Want to See My Picture on the Cover</a>
<time class="postlist-date" datetime="2006-07-24">July 2006</time>
</li>
<li class="postlist-item">
<a href="/initial-responses-to-mediacommons/" class="postlist-link">Initial Responses to MediaCommons</a>
<time class="postlist-date" datetime="2006-07-19">July 2006</time>
</li>
<li class="postlist-item">
<a href="/introducing-mediacommons/" class="postlist-link">Introducing MediaCommons</a>
<time class="postlist-date" datetime="2006-07-17">July 2006</time>
</li>
<li class="postlist-item">
<a href="/rice-university-press-20/" class="postlist-link">Rice University Press 2.0</a>
<time class="postlist-date" datetime="2006-07-13">July 2006</time>
</li>
<li class="postlist-item">
<a href="/on-the-future-of-peer-review-in-electronic-scholarly-publishing/" class="postlist-link">On the Future of Peer Review in Electronic Scholarly Publishing</a>
<time class="postlist-date" datetime="2006-06-28">June 2006</time>
</li>
<li class="postlist-item">
<a href="/futurology/" class="postlist-link">Futurology</a>
<time class="postlist-date" datetime="2006-04-24">April 2006</time>
</li>
<li class="postlist-item">
<a href="/on-repositories/" class="postlist-link">On Repositories</a>
<time class="postlist-date" datetime="2006-04-19">April 2006</time>
</li>
<li class="postlist-item">
<a href="/more-networked-texts/" class="postlist-link">More Networked Texts</a>
<time class="postlist-date" datetime="2006-04-18">April 2006</time>
</li>
<li class="postlist-item">
<a href="/the-wealth-of-networks/" class="postlist-link">The Wealth of Networks</a>
<time class="postlist-date" datetime="2006-04-17">April 2006</time>
</li>
<li class="postlist-item">
<a href="/on-the-importance-of-the-collective-in-electronic-publishing/" class="postlist-link">On the Importance of the Collective in Electronic Publishing</a>
<time class="postlist-date" datetime="2006-03-31">March 2006</time>
</li>
<li class="postlist-item">
<a href="/electrapress-moving-forward/" class="postlist-link">ElectraPress, Moving Forward</a>
<time class="postlist-date" datetime="2006-03-19">March 2006</time>
</li>
<li class="postlist-item">
<a href="/yes-still/" class="postlist-link">Yes, Still</a>
<time class="postlist-date" datetime="2006-02-20">February 2006</time>
</li>
<li class="postlist-item">
<a href="/the-future-of-the-book/" class="postlist-link">The Future of the Book</a>
<time class="postlist-date" datetime="2006-02-03">February 2006</time>
</li>
<li class="postlist-item">
<a href="/more-on-electronic-scholarly-publishing/" class="postlist-link">More on Electronic Scholarly Publishing</a>
<time class="postlist-date" datetime="2006-01-08">January 2006</time>
</li>
<li class="postlist-item">
<a href="/on-the-future-of-academic-publishing-peer-review-and-tenure-requirements/" class="postlist-link">On the Future of Academic Publishing, Peer Review, and Tenure Requirements</a>
<time class="postlist-date" datetime="2006-01-06">January 2006</time>
</li>
<li class="postlist-item">
<a href="/sign-up-get-involved/" class="postlist-link">Sign Up! Get Involved!</a>
<time class="postlist-date" datetime="2005-12-01">December 2005</time>
</li>
<li class="postlist-item">
<a href="/on-electronic-scholarly-publishing/" class="postlist-link">On Electronic Scholarly Publishing</a>
<time class="postlist-date" datetime="2005-11-26">November 2005</time>
</li>
<li class="postlist-item">
<a href="/aargh/" class="postlist-link">Aargh!</a>
<time class="postlist-date" datetime="2005-11-20">November 2005</time>
</li>
<li class="postlist-item">
<a href="/back-to-the-future/" class="postlist-link">Back to the Future</a>
<time class="postlist-date" datetime="2005-11-19">November 2005</time>
</li>
<li class="postlist-item">
<a href="/naming-the-future/" class="postlist-link">Naming the Future</a>
<time class="postlist-date" datetime="2004-05-30">May 2004</time>
</li>
<li class="postlist-item">
<a href="/mediacommons/" class="postlist-link">MediaCommons?</a>
<time class="postlist-date" datetime="2004-03-06">March 2004</time>
</li>
<li class="postlist-item">
<a href="/on-publishing-and-the-public/" class="postlist-link">On Publishing and the Public</a>
<time class="postlist-date" datetime="2004-01-23">January 2004</time>
</li>
<li class="postlist-item">
<a href="/on-the-future-of-academic-publishing/" class="postlist-link">On the Future of Academic Publishing</a>
<time class="postlist-date" datetime="2004-01-22">January 2004</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/mediacommons/` was built on 2024-12-08T18:38:33.745Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

960
tags/micro/index.html Normal file
View File

@@ -0,0 +1,960 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;micro&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 80 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-micro">Tagged “micro”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/new-books-network/" class="postlist-link">New Books Network</a>
<time class="postlist-date" datetime="2021-06-17">June 2021</time>
</li>
<li class="postlist-item">
<a href="/urgency/" class="postlist-link">Urgency</a>
<time class="postlist-date" datetime="2020-06-27">June 2020</time>
</li>
<li class="postlist-item">
<a href="/30-november-2019-1846/" class="postlist-link">Bonilla-Silva, Racism without Racists</a>
<time class="postlist-date" datetime="2019-11-30">November 2019</time>
</li>
<li class="postlist-item">
<a href="/21-november-2019-0936/" class="postlist-link">Anodyne</a>
<time class="postlist-date" datetime="2019-11-21">November 2019</time>
</li>
<li class="postlist-item">
<a href="/23-september-2019-1533/" class="postlist-link">Vanderbilt</a>
<time class="postlist-date" datetime="2019-09-23">September 2019</time>
</li>
<li class="postlist-item">
<a href="/17-september-2019-0820/" class="postlist-link">Questions</a>
<time class="postlist-date" datetime="2019-09-17">September 2019</time>
</li>
<li class="postlist-item">
<a href="/1-september-2019-1508/" class="postlist-link">Avatar</a>
<time class="postlist-date" datetime="2019-09-01">September 2019</time>
</li>
<li class="postlist-item">
<a href="/28-august-2019-1526/" class="postlist-link">EDUCAUSE Review</a>
<time class="postlist-date" datetime="2019-08-28">August 2019</time>
</li>
<li class="postlist-item">
<a href="/4-august-2019-1839/" class="postlist-link">Horror</a>
<time class="postlist-date" datetime="2019-08-04">August 2019</time>
</li>
<li class="postlist-item">
<a href="/15-june-2019-1646/" class="postlist-link">Dewey, The Public and Its Problems</a>
<time class="postlist-date" datetime="2019-06-15">June 2019</time>
</li>
<li class="postlist-item">
<a href="/30-april-2019-0312/" class="postlist-link">View</a>
<time class="postlist-date" datetime="2019-04-30">April 2019</time>
</li>
<li class="postlist-item">
<a href="/25-april-2019-1928/" class="postlist-link">Dreams</a>
<time class="postlist-date" datetime="2019-04-25">April 2019</time>
</li>
<li class="postlist-item">
<a href="/5-april-2019-1617/" class="postlist-link">Soup</a>
<time class="postlist-date" datetime="2019-04-05">April 2019</time>
</li>
<li class="postlist-item">
<a href="/25-march-2019-1004/" class="postlist-link">Something Weird</a>
<time class="postlist-date" datetime="2019-03-25">March 2019</time>
</li>
<li class="postlist-item">
<a href="/1-march-2019-0947/" class="postlist-link">Cohen Review</a>
<time class="postlist-date" datetime="2019-03-01">March 2019</time>
</li>
<li class="postlist-item">
<a href="/26-february-2019-1329/" class="postlist-link">Carlson Interview</a>
<time class="postlist-date" datetime="2019-02-26">February 2019</time>
</li>
<li class="postlist-item">
<a href="/20-february-2019-0755/" class="postlist-link">Jaschik Interview</a>
<time class="postlist-date" datetime="2019-02-20">February 2019</time>
</li>
<li class="postlist-item">
<a href="/17-february-2019-1006/" class="postlist-link">LAE Podcast</a>
<time class="postlist-date" datetime="2019-02-17">February 2019</time>
</li>
<li class="postlist-item">
<a href="/11-february-2019-1135/" class="postlist-link">Launch Week</a>
<time class="postlist-date" datetime="2019-02-11">February 2019</time>
</li>
<li class="postlist-item">
<a href="/4-february-2019-1544/" class="postlist-link">Eight Days</a>
<time class="postlist-date" datetime="2019-02-04">February 2019</time>
</li>
<li class="postlist-item">
<a href="/18-december-2018-1801/" class="postlist-link">That Report</a>
<time class="postlist-date" datetime="2018-12-18">December 2018</time>
</li>
<li class="postlist-item">
<a href="/10-december-2018-1722/" class="postlist-link">The Report</a>
<time class="postlist-date" datetime="2018-12-10">December 2018</time>
</li>
<li class="postlist-item">
<a href="/13-november-2018-1300/" class="postlist-link">ARC!</a>
<time class="postlist-date" datetime="2018-11-13">November 2018</time>
</li>
<li class="postlist-item">
<a href="/3-november-2018-1640/" class="postlist-link">JHUP Catalog</a>
<time class="postlist-date" datetime="2018-11-03">November 2018</time>
</li>
<li class="postlist-item">
<a href="/29-october-2018-1553/" class="postlist-link">To Re-read</a>
<time class="postlist-date" datetime="2018-10-29">October 2018</time>
</li>
<li class="postlist-item">
<a href="/29-october-2018-0931/" class="postlist-link">more focus</a>
<time class="postlist-date" datetime="2018-10-29">October 2018</time>
</li>
<li class="postlist-item">
<a href="/22-october-2018-1734/" class="postlist-link">Voted</a>
<time class="postlist-date" datetime="2018-10-22">October 2018</time>
</li>
<li class="postlist-item">
<a href="/19-october-2018-1135/" class="postlist-link">On Amazon</a>
<time class="postlist-date" datetime="2018-10-19">October 2018</time>
</li>
<li class="postlist-item">
<a href="/12-october-2018-1704/" class="postlist-link">Busy</a>
<time class="postlist-date" datetime="2018-10-12">October 2018</time>
</li>
<li class="postlist-item">
<a href="/12-october-2018-0854/" class="postlist-link">Politics &amp; Aesthetics of Obsolescence</a>
<time class="postlist-date" datetime="2018-10-12">October 2018</time>
</li>
<li class="postlist-item">
<a href="/5-october-2018-1804/" class="postlist-link">Sliding</a>
<time class="postlist-date" datetime="2018-10-05">October 2018</time>
</li>
<li class="postlist-item">
<a href="/28-september-2018-1021/" class="postlist-link">Rage</a>
<time class="postlist-date" datetime="2018-09-28">September 2018</time>
</li>
<li class="postlist-item">
<a href="/20-september-2018-1437/" class="postlist-link">Mercy</a>
<time class="postlist-date" datetime="2018-09-20">September 2018</time>
</li>
<li class="postlist-item">
<a href="/12-september-2018-1606/" class="postlist-link">Thundering Manichean Dumbassery</a>
<time class="postlist-date" datetime="2018-09-12">September 2018</time>
</li>
<li class="postlist-item">
<a href="/4-september-2018-0632/" class="postlist-link">cOAlition S</a>
<time class="postlist-date" datetime="2018-09-04">September 2018</time>
</li>
<li class="postlist-item">
<a href="/2-september-2018-1148/" class="postlist-link">Go, Copy Editors</a>
<time class="postlist-date" datetime="2018-09-02">September 2018</time>
</li>
<li class="postlist-item">
<a href="/30-august-2018-1133/" class="postlist-link">15,000!</a>
<time class="postlist-date" datetime="2018-08-30">August 2018</time>
</li>
<li class="postlist-item">
<a href="/23-august-2018-0629/" class="postlist-link">1P 2FA</a>
<time class="postlist-date" datetime="2018-08-23">August 2018</time>
</li>
<li class="postlist-item">
<a href="/22-august-2018-1046/" class="postlist-link">22 August 2018, 10:46</a>
<time class="postlist-date" datetime="2018-08-22">August 2018</time>
</li>
<li class="postlist-item">
<a href="/21-august-2018-1900/" class="postlist-link">MOAR NEWS PLS</a>
<time class="postlist-date" datetime="2018-08-21">August 2018</time>
</li>
<li class="postlist-item">
<a href="/19-august-2018-1839/" class="postlist-link">On the Star System</a>
<time class="postlist-date" datetime="2018-08-19">August 2018</time>
</li>
<li class="postlist-item">
<a href="/16-august-2018-1515/" class="postlist-link">Aretha</a>
<time class="postlist-date" datetime="2018-08-16">August 2018</time>
</li>
<li class="postlist-item">
<a href="/3310-2/" class="postlist-link">Under Construction</a>
<time class="postlist-date" datetime="2018-08-16">August 2018</time>
</li>
<li class="postlist-item">
<a href="/3307-2/" class="postlist-link">micro.blog</a>
<time class="postlist-date" datetime="2018-08-15">August 2018</time>
</li>
<li class="postlist-item">
<a href="/3299-2/" class="postlist-link">Aside</a>
<time class="postlist-date" datetime="2018-08-15">August 2018</time>
</li>
<li class="postlist-item">
<a href="/3297-2/" class="postlist-link">Lexington</a>
<time class="postlist-date" datetime="2018-08-12">August 2018</time>
</li>
<li class="postlist-item">
<a href="/3291-2/" class="postlist-link">Liberal Education</a>
<time class="postlist-date" datetime="2018-08-10">August 2018</time>
</li>
<li class="postlist-item">
<a href="/3278-2/" class="postlist-link">Disappointment</a>
<time class="postlist-date" datetime="2018-08-02">August 2018</time>
</li>
<li class="postlist-item">
<a href="/3268-2/" class="postlist-link">Gitelman, Paper Knowledge</a>
<time class="postlist-date" datetime="2018-07-29">July 2018</time>
</li>
<li class="postlist-item">
<a href="/3265-2/" class="postlist-link">Preliminary Thoughts</a>
<time class="postlist-date" datetime="2018-07-25">July 2018</time>
</li>
<li class="postlist-item">
<a href="/3263-2/" class="postlist-link">Gutenberg</a>
<time class="postlist-date" datetime="2018-07-25">July 2018</time>
</li>
<li class="postlist-item">
<a href="/3245-2/" class="postlist-link">Nights on Broadway</a>
<time class="postlist-date" datetime="2018-07-24">July 2018</time>
</li>
<li class="postlist-item">
<a href="/3243-2/" class="postlist-link">Feeds and Gardens tweet</a>
<time class="postlist-date" datetime="2018-07-23">July 2018</time>
</li>
<li class="postlist-item">
<a href="/3234-2/" class="postlist-link">Connections tweet</a>
<time class="postlist-date" datetime="2018-07-20">July 2018</time>
</li>
<li class="postlist-item">
<a href="/3226-2/" class="postlist-link">Insomnia tweet</a>
<time class="postlist-date" datetime="2018-07-19">July 2018</time>
</li>
<li class="postlist-item">
<a href="/3220-2/" class="postlist-link">Insomnia</a>
<time class="postlist-date" datetime="2018-07-19">July 2018</time>
</li>
<li class="postlist-item">
<a href="/3216-2/" class="postlist-link">Modeling Clay</a>
<time class="postlist-date" datetime="2018-07-18">July 2018</time>
</li>
<li class="postlist-item">
<a href="/3208-2/" class="postlist-link">DSL</a>
<time class="postlist-date" datetime="2018-07-18">July 2018</time>
</li>
<li class="postlist-item">
<a href="/3186-2/" class="postlist-link">Webmentions</a>
<time class="postlist-date" datetime="2018-07-14">July 2018</time>
</li>
<li class="postlist-item">
<a href="/3152-2/" class="postlist-link">Sneaking in the back window</a>
<time class="postlist-date" datetime="2018-07-13">July 2018</time>
</li>
<li class="postlist-item">
<a href="/3148-2/" class="postlist-link">Hope</a>
<time class="postlist-date" datetime="2018-07-11">July 2018</time>
</li>
<li class="postlist-item">
<a href="/3140-2/" class="postlist-link">Home</a>
<time class="postlist-date" datetime="2018-07-01">July 2018</time>
</li>
<li class="postlist-item">
<a href="/3098-2/" class="postlist-link">PM</a>
<time class="postlist-date" datetime="2018-06-21">June 2018</time>
</li>
<li class="postlist-item">
<a href="/3094-2/" class="postlist-link">Too Much</a>
<time class="postlist-date" datetime="2018-06-20">June 2018</time>
</li>
<li class="postlist-item">
<a href="/3089-2/" class="postlist-link">Conclusions</a>
<time class="postlist-date" datetime="2018-06-14">June 2018</time>
</li>
<li class="postlist-item">
<a href="/3070-2/" class="postlist-link">Recentering</a>
<time class="postlist-date" datetime="2018-06-03">June 2018</time>
</li>
<li class="postlist-item">
<a href="/3067-2/" class="postlist-link">Mythical</a>
<time class="postlist-date" datetime="2018-05-26">May 2018</time>
</li>
<li class="postlist-item">
<a href="/3064-2/" class="postlist-link">Bear</a>
<time class="postlist-date" datetime="2018-05-25">May 2018</time>
</li>
<li class="postlist-item">
<a href="/3061-2/" class="postlist-link">Reboot</a>
<time class="postlist-date" datetime="2018-05-25">May 2018</time>
</li>
<li class="postlist-item">
<a href="/3059-2/" class="postlist-link">Spring</a>
<time class="postlist-date" datetime="2018-05-24">May 2018</time>
</li>
<li class="postlist-item">
<a href="/3057-2/" class="postlist-link">Media &amp; Democracy Network</a>
<time class="postlist-date" datetime="2018-05-24">May 2018</time>
</li>
<li class="postlist-item">
<a href="/3054-2/" class="postlist-link">GDPR</a>
<time class="postlist-date" datetime="2018-05-23">May 2018</time>
</li>
<li class="postlist-item">
<a href="/3052-2/" class="postlist-link">Davis, Empathy Manifesto 1</a>
<time class="postlist-date" datetime="2018-05-23">May 2018</time>
</li>
<li class="postlist-item">
<a href="/3047-2/" class="postlist-link">Sunset</a>
<time class="postlist-date" datetime="2018-05-22">May 2018</time>
</li>
<li class="postlist-item">
<a href="/3044-2/" class="postlist-link">Wambach</a>
<time class="postlist-date" datetime="2018-05-22">May 2018</time>
</li>
<li class="postlist-item">
<a href="/3042-2/" class="postlist-link">Micro</a>
<time class="postlist-date" datetime="2018-05-21">May 2018</time>
</li>
<li class="postlist-item">
<a href="/3040-2/" class="postlist-link">Markdown</a>
<time class="postlist-date" datetime="2018-05-21">May 2018</time>
</li>
<li class="postlist-item">
<a href="/3037-2/" class="postlist-link">Lake</a>
<time class="postlist-date" datetime="2018-05-21">May 2018</time>
</li>
<li class="postlist-item">
<a href="/3033-2/" class="postlist-link">Aside</a>
<time class="postlist-date" datetime="2018-05-21">May 2018</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/micro/` was built on 2024-12-08T18:38:33.769Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

605
tags/mla/index.html Normal file
View File

@@ -0,0 +1,605 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;mla&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 9 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-mla">Tagged “mla”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/sustainability/" class="postlist-link">Sustainability</a>
<time class="postlist-date" datetime="2017-08-01">August 2017</time>
</li>
<li class="postlist-item">
<a href="/pmla/" class="postlist-link">PMLA</a>
<time class="postlist-date" datetime="2015-09-09">September 2015</time>
</li>
<li class="postlist-item">
<a href="/giving-it-away/" class="postlist-link">Giving It Away: Sharing and the Future of Scholarly Communication</a>
<time class="postlist-date" datetime="2012-01-12">January 2012</time>
</li>
<li class="postlist-item">
<a href="/networking-the-field/" class="postlist-link">Networking the Field</a>
<time class="postlist-date" datetime="2012-01-10">January 2012</time>
</li>
<li class="postlist-item">
<a href="/mla12/" class="postlist-link">mla12</a>
<time class="postlist-date" datetime="2012-01-09">January 2012</time>
</li>
<li class="postlist-item">
<a href="/happy-new-year-2/" class="postlist-link">Happy New Year!</a>
<time class="postlist-date" datetime="2012-01-02">January 2012</time>
</li>
<li class="postlist-item">
<a href="/program-committee/" class="postlist-link">Program Committee</a>
<time class="postlist-date" datetime="2011-09-23">September 2011</time>
</li>
<li class="postlist-item">
<a href="/hey-why-the-silence/" class="postlist-link">Hey, Why the Silence?</a>
<time class="postlist-date" datetime="2011-09-22">September 2011</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/mla/` was built on 2024-12-08T18:38:33.767Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

1190
tags/networks/index.html Normal file

File diff suppressed because it is too large Load Diff

780
tags/novels/index.html Normal file
View File

@@ -0,0 +1,780 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;novels&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 44 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-novels">Tagged “novels”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/david-mitchell-cloud-atlas/" class="postlist-link">David Mitchell, &lt;i&gt;Cloud Atlas&lt;/i&gt;</a>
<time class="postlist-date" datetime="2007-06-28">June 2007</time>
</li>
<li class="postlist-item">
<a href="/frey-them/" class="postlist-link">Frey Them!</a>
<time class="postlist-date" datetime="2006-01-31">January 2006</time>
</li>
<li class="postlist-item">
<a href="/saul-bellow-1915-2005/" class="postlist-link">Saul Bellow, 1915-2005</a>
<time class="postlist-date" datetime="2005-04-06">April 2005</time>
</li>
<li class="postlist-item">
<a href="/oblivion/" class="postlist-link">Oblivion</a>
<time class="postlist-date" datetime="2004-07-01">July 2004</time>
</li>
<li class="postlist-item">
<a href="/pecked-to-death/" class="postlist-link">Pecked to Death</a>
<time class="postlist-date" datetime="2004-06-03">June 2004</time>
</li>
<li class="postlist-item">
<a href="/confessions-of-a-semi-successful-author/" class="postlist-link">Confessions of a Semi-Successful Author</a>
<time class="postlist-date" datetime="2004-03-22">March 2004</time>
</li>
<li class="postlist-item">
<a href="/weve-been-misread/" class="postlist-link">&#39;We&#39;ve Been Misread!&#39;</a>
<time class="postlist-date" datetime="2004-02-07">February 2004</time>
</li>
<li class="postlist-item">
<a href="/perhaps-the-dumbest-teaching-question-ever/" class="postlist-link">Perhaps the Dumbest Teaching Question Ever</a>
<time class="postlist-date" datetime="2004-02-03">February 2004</time>
</li>
<li class="postlist-item">
<a href="/the-book-may-not-be-dead/" class="postlist-link">The Book May Not Be Dead...</a>
<time class="postlist-date" datetime="2004-01-23">January 2004</time>
</li>
<li class="postlist-item">
<a href="/national-book-critics-circle-nominations/" class="postlist-link">National Book Critics Circle Nominations</a>
<time class="postlist-date" datetime="2004-01-20">January 2004</time>
</li>
<li class="postlist-item">
<a href="/on-the-academic-and-the-personal/" class="postlist-link">On the Academic and the Personal</a>
<time class="postlist-date" datetime="2003-10-30">October 2003</time>
</li>
<li class="postlist-item">
<a href="/coetzee/" class="postlist-link">Coetzee</a>
<time class="postlist-date" datetime="2003-10-02">October 2003</time>
</li>
<li class="postlist-item">
<a href="/on-the-truth-value-of-memoir/" class="postlist-link">On the Truth Value of Memoir</a>
<time class="postlist-date" datetime="2003-08-12">August 2003</time>
</li>
<li class="postlist-item">
<a href="/on-rereading-gibson/" class="postlist-link">On Rereading Gibson</a>
<time class="postlist-date" datetime="2003-08-08">August 2003</time>
</li>
<li class="postlist-item">
<a href="/on-the-need-to-reread/" class="postlist-link">On the Need to Reread</a>
<time class="postlist-date" datetime="2003-08-06">August 2003</time>
</li>
<li class="postlist-item">
<a href="/crime-and-punishment/" class="postlist-link">Crime and Punishment</a>
<time class="postlist-date" datetime="2003-07-16">July 2003</time>
</li>
<li class="postlist-item">
<a href="/hype-literary-anxiety-and-cultural-studies/" class="postlist-link">Hype, Literary Anxiety, and Cultural Studies</a>
<time class="postlist-date" datetime="2003-07-09">July 2003</time>
</li>
<li class="postlist-item">
<a href="/actual-book-news-contained-herein/" class="postlist-link">Actual Book News Contained Herein</a>
<time class="postlist-date" datetime="2003-06-27">June 2003</time>
</li>
<li class="postlist-item">
<a href="/harry-potter-mania/" class="postlist-link">Harry Potter Mania</a>
<time class="postlist-date" datetime="2003-06-19">June 2003</time>
</li>
<li class="postlist-item">
<a href="/the-poetry-of-dh-rumsfeld/" class="postlist-link">The Poetry of D.H. Rumsfeld</a>
<time class="postlist-date" datetime="2003-04-03">April 2003</time>
</li>
<li class="postlist-item">
<a href="/now-thats-significant/" class="postlist-link">Now That&#39;s Significant</a>
<time class="postlist-date" datetime="2003-03-25">March 2003</time>
</li>
<li class="postlist-item">
<a href="/who-was-that-masked-literary-researcher/" class="postlist-link">Who Was That Masked Literary Researcher?</a>
<time class="postlist-date" datetime="2003-03-14">March 2003</time>
</li>
<li class="postlist-item">
<a href="/big-readers/" class="postlist-link">Big Readers</a>
<time class="postlist-date" datetime="2003-03-12">March 2003</time>
</li>
<li class="postlist-item">
<a href="/worst-novel-ever/" class="postlist-link">Worst. Novel. Ever.</a>
<time class="postlist-date" datetime="2003-02-24">February 2003</time>
</li>
<li class="postlist-item">
<a href="/do-androids-dream-of-the-key-to-the-executive-washroom/" class="postlist-link">Do Androids Dream of the Key to the Executive Washroom?</a>
<time class="postlist-date" datetime="2003-01-26">January 2003</time>
</li>
<li class="postlist-item">
<a href="/advance-reading/" class="postlist-link">Advance Reading</a>
<time class="postlist-date" datetime="2003-01-21">January 2003</time>
</li>
<li class="postlist-item">
<a href="/the-wasp-factory/" class="postlist-link">The Wasp Factory</a>
<time class="postlist-date" datetime="2003-01-10">January 2003</time>
</li>
<li class="postlist-item">
<a href="/a-farewell-to-ernest/" class="postlist-link">A Farewell to Ernest</a>
<time class="postlist-date" datetime="2002-10-03">October 2002</time>
</li>
<li class="postlist-item">
<a href="/the-role-of-the-book/" class="postlist-link">The Role of the Book</a>
<time class="postlist-date" datetime="2002-09-19">September 2002</time>
</li>
<li class="postlist-item">
<a href="/violence-and-the-novel-part-two/" class="postlist-link">Violence and the Novel, Part Two</a>
<time class="postlist-date" datetime="2002-09-09">September 2002</time>
</li>
<li class="postlist-item">
<a href="/orientation/" class="postlist-link">Orientation</a>
<time class="postlist-date" datetime="2002-09-03">September 2002</time>
</li>
<li class="postlist-item">
<a href="/because-you-didnt-ask/" class="postlist-link">Because You Didn&#39;t Ask</a>
<time class="postlist-date" datetime="2002-08-29">August 2002</time>
</li>
<li class="postlist-item">
<a href="/the-perils-of-genius/" class="postlist-link">The Perils of Genius</a>
<time class="postlist-date" datetime="2002-08-22">August 2002</time>
</li>
<li class="postlist-item">
<a href="/summer-reading/" class="postlist-link">Summer Reading</a>
<time class="postlist-date" datetime="2002-08-12">August 2002</time>
</li>
<li class="postlist-item">
<a href="/peck-peck-peck/" class="postlist-link">Peck, Peck, Peck</a>
<time class="postlist-date" datetime="2002-07-24">July 2002</time>
</li>
<li class="postlist-item">
<a href="/yikes/" class="postlist-link">Yikes</a>
<time class="postlist-date" datetime="2002-07-18">July 2002</time>
</li>
<li class="postlist-item">
<a href="/academic-obsolescence-indeed/" class="postlist-link">Academic Obsolescence, Indeed</a>
<time class="postlist-date" datetime="2002-07-15">July 2002</time>
</li>
<li class="postlist-item">
<a href="/silence/" class="postlist-link">Silence</a>
<time class="postlist-date" datetime="2002-07-10">July 2002</time>
</li>
<li class="postlist-item">
<a href="/heres-a-question/" class="postlist-link">Here&#39;s a Question</a>
<time class="postlist-date" datetime="2002-07-09">July 2002</time>
</li>
<li class="postlist-item">
<a href="/sounds-familiar/" class="postlist-link">Sounds Familiar</a>
<time class="postlist-date" datetime="2002-07-04">July 2002</time>
</li>
<li class="postlist-item">
<a href="/influence-part-ii/" class="postlist-link">Influence, Part II</a>
<time class="postlist-date" datetime="2002-06-26">June 2002</time>
</li>
<li class="postlist-item">
<a href="/hey-wheres-the-joy-of-cooking/" class="postlist-link">Hey, Where&#39;s the Joy of Cooking?</a>
<time class="postlist-date" datetime="2002-06-24">June 2002</time>
</li>
<li class="postlist-item">
<a href="/mining-the-backlist/" class="postlist-link">Mining the Backlist</a>
<time class="postlist-date" datetime="2002-06-20">June 2002</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/novels/` was built on 2024-12-08T18:38:33.686Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

View File

@@ -0,0 +1,655 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;obsolescence&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 19 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-obsolescence">Tagged “obsolescence”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/obsolete/" class="postlist-link">Obsolete</a>
<time class="postlist-date" datetime="2009-07-16">July 2009</time>
</li>
<li class="postlist-item">
<a href="/response-to-electronic-media/" class="postlist-link">Response to &#39;Electronic Media, Identity Politics, and the Rhetoric of Obsolescence&#39;</a>
<time class="postlist-date" datetime="2008-04-16">April 2008</time>
</li>
<li class="postlist-item">
<a href="/rccs-reviews/" class="postlist-link">RCCS Reviews</a>
<time class="postlist-date" datetime="2007-10-01">October 2007</time>
</li>
<li class="postlist-item">
<a href="/more-anxiety-other-obsolescences/" class="postlist-link">More Anxiety, Other Obsolescences</a>
<time class="postlist-date" datetime="2007-07-26">July 2007</time>
</li>
<li class="postlist-item">
<a href="/les-pauvres/" class="postlist-link">Les Pauvres</a>
<time class="postlist-date" datetime="2007-06-19">June 2007</time>
</li>
<li class="postlist-item">
<a href="/in-memoriam-literati/" class="postlist-link">in memoriam literati</a>
<time class="postlist-date" datetime="2006-12-05">December 2006</time>
</li>
<li class="postlist-item">
<a href="/media-life/" class="postlist-link">Media Life</a>
<time class="postlist-date" datetime="2006-10-05">October 2006</time>
</li>
<li class="postlist-item">
<a href="/search-inside/" class="postlist-link">Search Inside</a>
<time class="postlist-date" datetime="2006-07-19">July 2006</time>
</li>
<li class="postlist-item">
<a href="/more-on-that-book/" class="postlist-link">More on That Book</a>
<time class="postlist-date" datetime="2006-06-02">June 2006</time>
</li>
<li class="postlist-item">
<a href="/why-i-am-too-dumb-to-lead-the-network-revolution/" class="postlist-link">Why I Am Too Dumb to Lead the Network Revolution</a>
<time class="postlist-date" datetime="2006-06-02">June 2006</time>
</li>
<li class="postlist-item">
<a href="/the-anxiety-of-obsolescence/" class="postlist-link">The Anxiety of Obsolescence</a>
<time class="postlist-date" datetime="2006-04-13">April 2006</time>
</li>
<li class="postlist-item">
<a href="/anxiety-obsolescence-etc/" class="postlist-link">Anxiety, Obsolescence, Etc.</a>
<time class="postlist-date" datetime="2006-02-06">February 2006</time>
</li>
<li class="postlist-item">
<a href="/update-number-two-the-contract/" class="postlist-link">Update Number Two: The Contract</a>
<time class="postlist-date" datetime="2005-02-04">February 2005</time>
</li>
<li class="postlist-item">
<a href="/hype-literary-anxiety-and-cultural-studies/" class="postlist-link">Hype, Literary Anxiety, and Cultural Studies</a>
<time class="postlist-date" datetime="2003-07-09">July 2003</time>
</li>
<li class="postlist-item">
<a href="/academic-obsolescence-indeed/" class="postlist-link">Academic Obsolescence, Indeed</a>
<time class="postlist-date" datetime="2002-07-15">July 2002</time>
</li>
<li class="postlist-item">
<a href="/influence-part-ii/" class="postlist-link">Influence, Part II</a>
<time class="postlist-date" datetime="2002-06-26">June 2002</time>
</li>
<li class="postlist-item">
<a href="/true-confessions/" class="postlist-link">True Confessions</a>
<time class="postlist-date" datetime="2002-06-19">June 2002</time>
</li>
<li class="postlist-item">
<a href="/opening-day/" class="postlist-link">Opening Day</a>
<time class="postlist-date" datetime="2002-06-18">June 2002</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/obsolescence/` was built on 2024-12-08T18:38:33.678Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

580
tags/open-access/index.html Normal file
View File

@@ -0,0 +1,580 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;open access&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 4 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-open-access">Tagged “open access”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/academia-not-edu/" class="postlist-link">Academia, Not Edu</a>
<time class="postlist-date" datetime="2015-10-26">October 2015</time>
</li>
<li class="postlist-item">
<a href="/opening-up-open-access/" class="postlist-link">Opening Up Open Access</a>
<time class="postlist-date" datetime="2015-10-19">October 2015</time>
</li>
<li class="postlist-item">
<a href="/public-responsibility-public-access/" class="postlist-link">Public Responsibility, Public Access</a>
<time class="postlist-date" datetime="2012-09-17">September 2012</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/open-access/` was built on 2024-12-08T18:38:33.768Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

590
tags/page/index.html Normal file
View File

@@ -0,0 +1,590 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;page&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 6 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-page">Tagged “page”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/planned-obsolescence/" class="postlist-link">Planned Obsolescence</a>
<time class="postlist-date" datetime="2024-10-14">October 2024</time>
</li>
<li class="postlist-item">
<a href="/presentations/" class="postlist-link">Presentations</a>
<time class="postlist-date" datetime="2024-06-18">June 2024</time>
</li>
<li class="postlist-item">
<a href="/teaching/" class="postlist-link">Teaching</a>
<time class="postlist-date" datetime="2024-05-05">May 2024</time>
</li>
<li class="postlist-item">
<a href="/projects/" class="postlist-link">Projects</a>
<time class="postlist-date" datetime="2024-05-05">May 2024</time>
</li>
<li class="postlist-item">
<a href="/anxiety-of-obsolescence/" class="postlist-link">The Anxiety of Obsolescence</a>
<time class="postlist-date" datetime="2024-05-05">May 2024</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/page/` was built on 2024-12-08T18:38:33.793Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

View File

@@ -0,0 +1,715 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;planned obsolescence&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 31 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-planned-obsolescence">Tagged “planned obsolescence”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/ten/" class="postlist-link">Ten</a>
<time class="postlist-date" datetime="2012-06-18">June 2012</time>
</li>
<li class="postlist-item">
<a href="/reviews-of-planned-obsolescence/" class="postlist-link">Reviews of Planned Obsolescence</a>
<time class="postlist-date" datetime="2012-06-02">June 2012</time>
</li>
<li class="postlist-item">
<a href="/response-to-stanley-fish/" class="postlist-link">Response to Stanley Fish</a>
<time class="postlist-date" datetime="2012-01-10">January 2012</time>
</li>
<li class="postlist-item">
<a href="/todays-apparently-the-day/" class="postlist-link">Today&#39;s (Apparently) the Day</a>
<time class="postlist-date" datetime="2011-11-01">November 2011</time>
</li>
<li class="postlist-item">
<a href="/inside-higher-ed/" class="postlist-link">Inside Higher Ed</a>
<time class="postlist-date" datetime="2011-09-30">September 2011</time>
</li>
<li class="postlist-item">
<a href="/on-the-scholarly-press-the-manual-of-style-and-intellectual-property/" class="postlist-link">On the Scholarly Press, the Manual of Style, and Intellectual Property</a>
<time class="postlist-date" datetime="2010-12-28">December 2010</time>
</li>
<li class="postlist-item">
<a href="/the-future-of-the-university-press/" class="postlist-link">The Future of the University Press</a>
<time class="postlist-date" datetime="2010-11-22">November 2010</time>
</li>
<li class="postlist-item">
<a href="/talk-at-the-hemispheric-institute/" class="postlist-link">Talk at the Hemispheric Institute</a>
<time class="postlist-date" datetime="2010-09-09">September 2010</time>
</li>
<li class="postlist-item">
<a href="/to-read-how-not-to-run-a-university-press/" class="postlist-link">To Read: How Not to Run a University Press</a>
<time class="postlist-date" datetime="2010-08-31">August 2010</time>
</li>
<li class="postlist-item">
<a href="/revisions-on-multimodal-scholarship/" class="postlist-link">Revisions: On Multimodal Scholarship</a>
<time class="postlist-date" datetime="2010-04-07">April 2010</time>
</li>
<li class="postlist-item">
<a href="/revisions/" class="postlist-link">Revisions</a>
<time class="postlist-date" datetime="2010-04-01">April 2010</time>
</li>
<li class="postlist-item">
<a href="/peer-revew-as-dialogu/" class="postlist-link">Peer Review as Dialogue</a>
<time class="postlist-date" datetime="2009-12-16">December 2009</time>
</li>
<li class="postlist-item">
<a href="/december/" class="postlist-link">December!</a>
<time class="postlist-date" datetime="2009-12-01">December 2009</time>
</li>
<li class="postlist-item">
<a href="/planned-obsolescence-updates/" class="postlist-link">Planned Obsolescence Updates</a>
<time class="postlist-date" datetime="2009-11-24">November 2009</time>
</li>
<li class="postlist-item">
<a href="/planned-obsolescence-community-blog/" class="postlist-link">Planned Obsolescence Community Blog</a>
<time class="postlist-date" datetime="2009-09-30">September 2009</time>
</li>
<li class="postlist-item">
<a href="/digital-campus/" class="postlist-link">Digital Campus</a>
<time class="postlist-date" datetime="2009-09-30">September 2009</time>
</li>
<li class="postlist-item">
<a href="/planned-obsolescence-now-online/" class="postlist-link">Planned Obsolescence: Now Online</a>
<time class="postlist-date" datetime="2009-09-28">September 2009</time>
</li>
<li class="postlist-item">
<a href="/um-is-this-thing-on-2/" class="postlist-link">Um... Is This Thing On?</a>
<time class="postlist-date" datetime="2009-08-14">August 2009</time>
</li>
<li class="postlist-item">
<a href="/the-cost-of-peer-review-and-the-future-of-scholarly-publishing/" class="postlist-link">The Cost of Peer Review and the Future of Scholarly Publishing</a>
<time class="postlist-date" datetime="2009-07-20">July 2009</time>
</li>
<li class="postlist-item">
<a href="/back-to-work-2/" class="postlist-link">Back to Work</a>
<time class="postlist-date" datetime="2009-05-11">May 2009</time>
</li>
<li class="postlist-item">
<a href="/digital-peer-review/" class="postlist-link">Digital Peer Review</a>
<time class="postlist-date" datetime="2009-02-06">February 2009</time>
</li>
<li class="postlist-item">
<a href="/while-im-at-it/" class="postlist-link">While I&#39;m At It</a>
<time class="postlist-date" datetime="2009-01-22">January 2009</time>
</li>
<li class="postlist-item">
<a href="/campus-based-publishing/" class="postlist-link">Campus-Based Publishing</a>
<time class="postlist-date" datetime="2009-01-22">January 2009</time>
</li>
<li class="postlist-item">
<a href="/campus-collaborations/" class="postlist-link">Campus Collaborations</a>
<time class="postlist-date" datetime="2009-01-19">January 2009</time>
</li>
<li class="postlist-item">
<a href="/the-contract/" class="postlist-link">The Contract</a>
<time class="postlist-date" datetime="2008-08-26">August 2008</time>
</li>
<li class="postlist-item">
<a href="/collaboration/" class="postlist-link">Collaboration</a>
<time class="postlist-date" datetime="2008-07-31">July 2008</time>
</li>
<li class="postlist-item">
<a href="/planned-obsolescence-the-proposal/" class="postlist-link">Planned Obsolescence: The Proposal</a>
<time class="postlist-date" datetime="2008-06-09">June 2008</time>
</li>
<li class="postlist-item">
<a href="/the-blob/" class="postlist-link">The Blob</a>
<time class="postlist-date" datetime="2008-05-28">May 2008</time>
</li>
<li class="postlist-item">
<a href="/planned-obsolescence-scholarly/" class="postlist-link">Planned Obsolescence, Scholarly Publishing, and Peer Review</a>
<time class="postlist-date" datetime="2008-05-25">May 2008</time>
</li>
<li class="postlist-item">
<a href="/epiphany/" class="postlist-link">Epiphany</a>
<time class="postlist-date" datetime="2008-01-24">January 2008</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/planned-obsolescence/` was built on 2024-12-08T18:38:33.759Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

1005
tags/politics/index.html Normal file

File diff suppressed because it is too large Load Diff

855
tags/pondering/index.html Normal file
View File

@@ -0,0 +1,855 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;pondering&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 59 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-pondering">Tagged “pondering”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/time-is-weird/" class="postlist-link">Time Is Weird</a>
<time class="postlist-date" datetime="2024-09-08">September 2024</time>
</li>
<li class="postlist-item">
<a href="/apophenia/" class="postlist-link">Apophenia</a>
<time class="postlist-date" datetime="2024-06-24">June 2024</time>
</li>
<li class="postlist-item">
<a href="/anxiety-and-leadership/" class="postlist-link">Anxiety and Leadership</a>
<time class="postlist-date" datetime="2024-01-06">January 2024</time>
</li>
<li class="postlist-item">
<a href="/the-interface/" class="postlist-link">The Interface</a>
<time class="postlist-date" datetime="2019-01-08">January 2019</time>
</li>
<li class="postlist-item">
<a href="/sustainability-and-solidarity/" class="postlist-link">Sustainability and Solidarity</a>
<time class="postlist-date" datetime="2018-07-25">July 2018</time>
</li>
<li class="postlist-item">
<a href="/wrapping-up/" class="postlist-link">Wrapping Up</a>
<time class="postlist-date" datetime="2018-07-02">July 2018</time>
</li>
<li class="postlist-item">
<a href="/community-privatization-efficiency/" class="postlist-link">Community, Privatization, Efficiency</a>
<time class="postlist-date" datetime="2018-04-20">April 2018</time>
</li>
<li class="postlist-item">
<a href="/the-commons-and-the-common-good/" class="postlist-link">The Commons and the Common Good</a>
<time class="postlist-date" datetime="2017-10-20">October 2017</time>
</li>
<li class="postlist-item">
<a href="/desire-paths/" class="postlist-link">Desire Paths</a>
<time class="postlist-date" datetime="2017-10-12">October 2017</time>
</li>
<li class="postlist-item">
<a href="/names/" class="postlist-link">Names</a>
<time class="postlist-date" datetime="2015-09-11">September 2015</time>
</li>
<li class="postlist-item">
<a href="/disagreement/" class="postlist-link">Disagreement</a>
<time class="postlist-date" datetime="2013-01-27">January 2013</time>
</li>
<li class="postlist-item">
<a href="/more-on-that-word/" class="postlist-link">More on That Word</a>
<time class="postlist-date" datetime="2012-12-13">December 2012</time>
</li>
<li class="postlist-item">
<a href="/outward-and-visible-signs/" class="postlist-link">Outward and Visible Signs</a>
<time class="postlist-date" datetime="2012-11-13">November 2012</time>
</li>
<li class="postlist-item">
<a href="/public-responsibility-public-access/" class="postlist-link">Public Responsibility, Public Access</a>
<time class="postlist-date" datetime="2012-09-17">September 2012</time>
</li>
<li class="postlist-item">
<a href="/stuck/" class="postlist-link">Stuck</a>
<time class="postlist-date" datetime="2012-08-30">August 2012</time>
</li>
<li class="postlist-item">
<a href="/train-of-thought/" class="postlist-link">Train of Thought</a>
<time class="postlist-date" datetime="2012-08-22">August 2012</time>
</li>
<li class="postlist-item">
<a href="/annals-of-comment-spam/" class="postlist-link">Annals of Comment Spam</a>
<time class="postlist-date" datetime="2012-06-09">June 2012</time>
</li>
<li class="postlist-item">
<a href="/lies-damned-lies/" class="postlist-link">Lies, Damned Lies</a>
<time class="postlist-date" datetime="2011-12-30">December 2011</time>
</li>
<li class="postlist-item">
<a href="/the-public-scholars-two-bodies/" class="postlist-link">The Public Scholar&#39;s Two Bodies</a>
<time class="postlist-date" datetime="2011-12-27">December 2011</time>
</li>
<li class="postlist-item">
<a href="/more-than-mere-polyester-would-suggest/" class="postlist-link">More Than Mere Polyester Would Suggest</a>
<time class="postlist-date" datetime="2011-03-09">March 2011</time>
</li>
<li class="postlist-item">
<a href="/soundtrack/" class="postlist-link">Soundtrack</a>
<time class="postlist-date" datetime="2010-12-26">December 2010</time>
</li>
<li class="postlist-item">
<a href="/on-the-impossibility-of-naive-reading/" class="postlist-link">On the Impossibility of Naive Reading</a>
<time class="postlist-date" datetime="2010-10-20">October 2010</time>
</li>
<li class="postlist-item">
<a href="/why-i-cant-wait/" class="postlist-link">Why I Can&#39;t Wait to Get My Hands on My New iPad, All You Haters Notwithstanding</a>
<time class="postlist-date" datetime="2010-04-02">April 2010</time>
</li>
<li class="postlist-item">
<a href="/the-rise-of-the-landscape-web/" class="postlist-link">The Rise of the Landscape Web</a>
<time class="postlist-date" datetime="2009-10-04">October 2009</time>
</li>
<li class="postlist-item">
<a href="/somethings-not-right/" class="postlist-link">Something&#39;s... Not... Right...</a>
<time class="postlist-date" datetime="2009-09-27">September 2009</time>
</li>
<li class="postlist-item">
<a href="/transitions/" class="postlist-link">Transitions</a>
<time class="postlist-date" datetime="2008-12-20">December 2008</time>
</li>
<li class="postlist-item">
<a href="/hawaii-day-1/" class="postlist-link">Hawaii, Day 1</a>
<time class="postlist-date" datetime="2008-11-26">November 2008</time>
</li>
<li class="postlist-item">
<a href="/coming-back/" class="postlist-link">Coming Back</a>
<time class="postlist-date" datetime="2008-10-31">October 2008</time>
</li>
<li class="postlist-item">
<a href="/click/" class="postlist-link">Click</a>
<time class="postlist-date" datetime="2008-07-22">July 2008</time>
</li>
<li class="postlist-item">
<a href="/global-networks/" class="postlist-link">Global Networks</a>
<time class="postlist-date" datetime="2008-07-08">July 2008</time>
</li>
<li class="postlist-item">
<a href="/the-bolter-principle/" class="postlist-link">The Bolter Principle</a>
<time class="postlist-date" datetime="2008-06-29">June 2008</time>
</li>
<li class="postlist-item">
<a href="/im-getting-in-the-plane/" class="postlist-link">I&#39;m Getting &lt;i&gt;in&lt;/i&gt; the Plane</a>
<time class="postlist-date" datetime="2008-06-23">June 2008</time>
</li>
<li class="postlist-item">
<a href="/in-the-absence-of-thoughts-cat-blogging/" class="postlist-link">In the Absence of Thoughts, Cat Blogging</a>
<time class="postlist-date" datetime="2008-03-27">March 2008</time>
</li>
<li class="postlist-item">
<a href="/white-women-are-a-problem/" class="postlist-link">&#39;White Women Are a Problem&#39;</a>
<time class="postlist-date" datetime="2008-02-04">February 2008</time>
</li>
<li class="postlist-item">
<a href="/completism/" class="postlist-link">Completism</a>
<time class="postlist-date" datetime="2008-01-10">January 2008</time>
</li>
<li class="postlist-item">
<a href="/five/" class="postlist-link">Five</a>
<time class="postlist-date" datetime="2007-06-19">June 2007</time>
</li>
<li class="postlist-item">
<a href="/whats-wrong-with-this-phrase/" class="postlist-link">What&#39;s Wrong with This Phrase?</a>
<time class="postlist-date" datetime="2006-12-11">December 2006</time>
</li>
<li class="postlist-item">
<a href="/im-just-saying/" class="postlist-link">I&#39;m Just Saying</a>
<time class="postlist-date" datetime="2006-10-31">October 2006</time>
</li>
<li class="postlist-item">
<a href="/on-fakery-and-fictiveness/" class="postlist-link">On Fakery and Fictiveness</a>
<time class="postlist-date" datetime="2006-09-08">September 2006</time>
</li>
<li class="postlist-item">
<a href="/shoot-the-piano-player/" class="postlist-link">Shoot the Piano Player</a>
<time class="postlist-date" datetime="2006-07-12">July 2006</time>
</li>
<li class="postlist-item">
<a href="/the-things-that-occur-to-me-while-im-in-the-shower/" class="postlist-link">The Things That Occur to Me While I&#39;m in the Shower</a>
<time class="postlist-date" datetime="2006-05-29">May 2006</time>
</li>
<li class="postlist-item">
<a href="/championship/" class="postlist-link">Championship</a>
<time class="postlist-date" datetime="2006-04-07">April 2006</time>
</li>
<li class="postlist-item">
<a href="/and-now-for-something-completely-different/" class="postlist-link">And Now for Something Completely Different</a>
<time class="postlist-date" datetime="2006-03-16">March 2006</time>
</li>
<li class="postlist-item">
<a href="/almost-the-opposite-of-schadenfreude/" class="postlist-link">Almost the Opposite of Schadenfreude</a>
<time class="postlist-date" datetime="2006-02-19">February 2006</time>
</li>
<li class="postlist-item">
<a href="/not-just-a-rhetorical-question-or-three/" class="postlist-link">Not Just a Rhetorical Question (or Three)</a>
<time class="postlist-date" datetime="2006-01-19">January 2006</time>
</li>
<li class="postlist-item">
<a href="/here-and-now/" class="postlist-link">Here and Now</a>
<time class="postlist-date" datetime="2005-12-30">December 2005</time>
</li>
<li class="postlist-item">
<a href="/trackation-of-deliveration/" class="postlist-link">Trackation of Deliveration</a>
<time class="postlist-date" datetime="2005-12-11">December 2005</time>
</li>
<li class="postlist-item">
<a href="/dreams/" class="postlist-link">Dreams</a>
<time class="postlist-date" datetime="2005-12-04">December 2005</time>
</li>
<li class="postlist-item">
<a href="/coke-light/" class="postlist-link">Coke Light</a>
<time class="postlist-date" datetime="2005-11-09">November 2005</time>
</li>
<li class="postlist-item">
<a href="/the-near-miss/" class="postlist-link">The Near-Miss</a>
<time class="postlist-date" datetime="2005-09-22">September 2005</time>
</li>
<li class="postlist-item">
<a href="/manhole-cover-go-boom/" class="postlist-link">Manhole Cover Go Boom</a>
<time class="postlist-date" datetime="2005-09-19">September 2005</time>
</li>
<li class="postlist-item">
<a href="/on-never-feeling-like-youve-done-enough/" class="postlist-link">On Never Feeling Like You&#39;ve Done Enough</a>
<time class="postlist-date" datetime="2005-09-08">September 2005</time>
</li>
<li class="postlist-item">
<a href="/early-birds-and-all-that/" class="postlist-link">Early Birds, and All That</a>
<time class="postlist-date" datetime="2005-08-26">August 2005</time>
</li>
<li class="postlist-item">
<a href="/huh/" class="postlist-link">Huh</a>
<time class="postlist-date" datetime="2005-08-24">August 2005</time>
</li>
<li class="postlist-item">
<a href="/pheromones/" class="postlist-link">Pheromones</a>
<time class="postlist-date" datetime="2005-08-07">August 2005</time>
</li>
<li class="postlist-item">
<a href="/post-red-eye/" class="postlist-link">Post-Red Eye</a>
<time class="postlist-date" datetime="2005-07-01">July 2005</time>
</li>
<li class="postlist-item">
<a href="/a-moving-rohrschach-test/" class="postlist-link">A Moving Rohrschach Test</a>
<time class="postlist-date" datetime="2005-01-13">January 2005</time>
</li>
<li class="postlist-item">
<a href="/fifth-of-july/" class="postlist-link">Fifth of July</a>
<time class="postlist-date" datetime="2004-07-05">July 2004</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/pondering/` was built on 2024-12-08T18:38:33.753Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

680
tags/post/index.html Normal file
View File

@@ -0,0 +1,680 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;post&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 24 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-post">Tagged “post”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/recalibrating-again/" class="postlist-link">Recalibrating, Again</a>
<time class="postlist-date" datetime="2023-06-22">June 2023</time>
</li>
<li class="postlist-item">
<a href="/homecoming/" class="postlist-link">A Homecoming, of Sorts</a>
<time class="postlist-date" datetime="2023-06-10">June 2023</time>
</li>
<li class="postlist-item">
<a href="/practicing/" class="postlist-link">Practicing What I Preach</a>
<time class="postlist-date" datetime="2023-06-09">June 2023</time>
</li>
<li class="postlist-item">
<a href="/summer-writing/" class="postlist-link">Summer Writing</a>
<time class="postlist-date" datetime="2023-05-29">May 2023</time>
</li>
<li class="postlist-item">
<a href="/intervention/" class="postlist-link">Intervention</a>
<time class="postlist-date" datetime="2023-03-09">March 2023</time>
</li>
<li class="postlist-item">
<a href="/plastics/" class="postlist-link">Plastics</a>
<time class="postlist-date" datetime="2023-02-26">February 2023</time>
</li>
<li class="postlist-item">
<a href="/our-leadership-practice/" class="postlist-link">Our Leadership Practice</a>
<time class="postlist-date" datetime="2023-02-22">February 2023</time>
</li>
<li class="postlist-item">
<a href="/bananas/" class="postlist-link">Bananas</a>
<time class="postlist-date" datetime="2023-02-20">February 2023</time>
</li>
<li class="postlist-item">
<a href="/testing/" class="postlist-link">Testing</a>
<time class="postlist-date" datetime="2023-02-16">February 2023</time>
</li>
<li class="postlist-item">
<a href="/trauma-and-resilience/" class="postlist-link">Trauma and Resilience</a>
<time class="postlist-date" datetime="2023-02-14">February 2023</time>
</li>
<li class="postlist-item">
<a href="/annual-review/" class="postlist-link">Annual Review</a>
<time class="postlist-date" datetime="2023-02-12">February 2023</time>
</li>
<li class="postlist-item">
<a href="/keep-in-touch/" class="postlist-link">Keep in Touch</a>
<time class="postlist-date" datetime="2023-02-04">February 2023</time>
</li>
<li class="postlist-item">
<a href="/presenting/" class="postlist-link">Presenting</a>
<time class="postlist-date" datetime="2023-01-21">January 2023</time>
</li>
<li class="postlist-item">
<a href="/static/" class="postlist-link">Static</a>
<time class="postlist-date" datetime="2023-01-18">January 2023</time>
</li>
<li class="postlist-item">
<a href="/mla-23/" class="postlist-link">MLA 2023</a>
<time class="postlist-date" datetime="2023-01-09">January 2023</time>
</li>
<li class="postlist-item">
<a href="/comments/" class="postlist-link">Comments</a>
<time class="postlist-date" datetime="2022-12-30">December 2022</time>
</li>
<li class="postlist-item">
<a href="/hello-world/" class="postlist-link">Hello World!</a>
<time class="postlist-date" datetime="2022-12-28">December 2022</time>
</li>
<li class="postlist-item">
<a href="/hotel-elsevier/" class="postlist-link">Hotel Elsevier</a>
<time class="postlist-date" datetime="2022-12-23">December 2022</time>
</li>
<li class="postlist-item">
<a href="/birdsite1/" class="postlist-link">Birdsite</a>
<time class="postlist-date" datetime="2022-12-17">December 2022</time>
</li>
<li class="postlist-item">
<a href="/tasks-matter/" class="postlist-link">Tasks Matter</a>
<time class="postlist-date" datetime="2022-12-16">December 2022</time>
</li>
<li class="postlist-item">
<a href="/revising-lg/" class="postlist-link">Revising LG</a>
<time class="postlist-date" datetime="2022-12-08">December 2022</time>
</li>
<li class="postlist-item">
<a href="/block-editor-question/" class="postlist-link">Block Editor Question</a>
<time class="postlist-date" datetime="2022-12-03">December 2022</time>
</li>
<li class="postlist-item">
<a href="/garcia-pena/" class="postlist-link">García Peña, Community as Rebellion</a>
<time class="postlist-date" datetime="2022-12-02">December 2022</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/post/` was built on 2024-12-08T18:38:33.774Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

680
tags/postsbyyear/index.html Normal file
View File

@@ -0,0 +1,680 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;postsByYear&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 24 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-postsbyyear">Tagged “postsByYear”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item postlist-item-active">
<a href="" class="postlist-link"><code></code></a>
<time class="postlist-date" datetime="Invalid DateTime">Invalid DateTime</time>
</li>
<li class="postlist-item postlist-item-active">
<a href="" class="postlist-link"><code></code></a>
<time class="postlist-date" datetime="Invalid DateTime">Invalid DateTime</time>
</li>
<li class="postlist-item postlist-item-active">
<a href="" class="postlist-link"><code></code></a>
<time class="postlist-date" datetime="Invalid DateTime">Invalid DateTime</time>
</li>
<li class="postlist-item postlist-item-active">
<a href="" class="postlist-link"><code></code></a>
<time class="postlist-date" datetime="Invalid DateTime">Invalid DateTime</time>
</li>
<li class="postlist-item postlist-item-active">
<a href="" class="postlist-link"><code></code></a>
<time class="postlist-date" datetime="Invalid DateTime">Invalid DateTime</time>
</li>
<li class="postlist-item postlist-item-active">
<a href="" class="postlist-link"><code></code></a>
<time class="postlist-date" datetime="Invalid DateTime">Invalid DateTime</time>
</li>
<li class="postlist-item postlist-item-active">
<a href="" class="postlist-link"><code></code></a>
<time class="postlist-date" datetime="Invalid DateTime">Invalid DateTime</time>
</li>
<li class="postlist-item postlist-item-active">
<a href="" class="postlist-link"><code></code></a>
<time class="postlist-date" datetime="Invalid DateTime">Invalid DateTime</time>
</li>
<li class="postlist-item postlist-item-active">
<a href="" class="postlist-link"><code></code></a>
<time class="postlist-date" datetime="Invalid DateTime">Invalid DateTime</time>
</li>
<li class="postlist-item postlist-item-active">
<a href="" class="postlist-link"><code></code></a>
<time class="postlist-date" datetime="Invalid DateTime">Invalid DateTime</time>
</li>
<li class="postlist-item postlist-item-active">
<a href="" class="postlist-link"><code></code></a>
<time class="postlist-date" datetime="Invalid DateTime">Invalid DateTime</time>
</li>
<li class="postlist-item postlist-item-active">
<a href="" class="postlist-link"><code></code></a>
<time class="postlist-date" datetime="Invalid DateTime">Invalid DateTime</time>
</li>
<li class="postlist-item postlist-item-active">
<a href="" class="postlist-link"><code></code></a>
<time class="postlist-date" datetime="Invalid DateTime">Invalid DateTime</time>
</li>
<li class="postlist-item postlist-item-active">
<a href="" class="postlist-link"><code></code></a>
<time class="postlist-date" datetime="Invalid DateTime">Invalid DateTime</time>
</li>
<li class="postlist-item postlist-item-active">
<a href="" class="postlist-link"><code></code></a>
<time class="postlist-date" datetime="Invalid DateTime">Invalid DateTime</time>
</li>
<li class="postlist-item postlist-item-active">
<a href="" class="postlist-link"><code></code></a>
<time class="postlist-date" datetime="Invalid DateTime">Invalid DateTime</time>
</li>
<li class="postlist-item postlist-item-active">
<a href="" class="postlist-link"><code></code></a>
<time class="postlist-date" datetime="Invalid DateTime">Invalid DateTime</time>
</li>
<li class="postlist-item postlist-item-active">
<a href="" class="postlist-link"><code></code></a>
<time class="postlist-date" datetime="Invalid DateTime">Invalid DateTime</time>
</li>
<li class="postlist-item postlist-item-active">
<a href="" class="postlist-link"><code></code></a>
<time class="postlist-date" datetime="Invalid DateTime">Invalid DateTime</time>
</li>
<li class="postlist-item postlist-item-active">
<a href="" class="postlist-link"><code></code></a>
<time class="postlist-date" datetime="Invalid DateTime">Invalid DateTime</time>
</li>
<li class="postlist-item postlist-item-active">
<a href="" class="postlist-link"><code></code></a>
<time class="postlist-date" datetime="Invalid DateTime">Invalid DateTime</time>
</li>
<li class="postlist-item postlist-item-active">
<a href="" class="postlist-link"><code></code></a>
<time class="postlist-date" datetime="Invalid DateTime">Invalid DateTime</time>
</li>
<li class="postlist-item postlist-item-active">
<a href="" class="postlist-link"><code></code></a>
<time class="postlist-date" datetime="Invalid DateTime">Invalid DateTime</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/postsbyyear/` was built on 2024-12-08T18:38:33.794Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

View File

@@ -0,0 +1,570 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;presentation&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 2 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-presentation">Tagged “presentation”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/mla-23/" class="postlist-link">MLA 2023</a>
<time class="postlist-date" datetime="2023-01-09">January 2023</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/presentation/` was built on 2024-12-08T18:38:33.780Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

1105
tags/publishing/index.html Normal file

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,825 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;random thoughts&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 53 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-random-thoughts">Tagged “random thoughts”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/unquenchable/" class="postlist-link">Unquenchable</a>
<time class="postlist-date" datetime="2015-09-06">September 2015</time>
</li>
<li class="postlist-item">
<a href="/pynchonesque/" class="postlist-link">Pynchonesque</a>
<time class="postlist-date" datetime="2012-06-12">June 2012</time>
</li>
<li class="postlist-item">
<a href="/ha/" class="postlist-link">Ha.</a>
<time class="postlist-date" datetime="2012-06-08">June 2012</time>
</li>
<li class="postlist-item">
<a href="/oh-the-weather-outside-is-frightfully-warm-for-this-time-of-year/" class="postlist-link">Oh, the Weather Outside is Frightful(ly Warm, for This Time of Year)</a>
<time class="postlist-date" datetime="2011-12-22">December 2011</time>
</li>
<li class="postlist-item">
<a href="/twenty-eleven/" class="postlist-link">Twenty-Eleven</a>
<time class="postlist-date" datetime="2011-01-01">January 2011</time>
</li>
<li class="postlist-item">
<a href="/phi-beta-kappa-address-keep-in-touch/" class="postlist-link">Phi Beta Kappa address, &#39;Keep in Touch&#39;</a>
<time class="postlist-date" datetime="2010-06-23">June 2010</time>
</li>
<li class="postlist-item">
<a href="/well-be-right-back-after-these-messages/" class="postlist-link">We&#39;ll Be Right Back, After These Messages</a>
<time class="postlist-date" datetime="2010-04-08">April 2010</time>
</li>
<li class="postlist-item">
<a href="/not-exactly-the-tip-of-the-tongue/" class="postlist-link">Not Exactly the Tip of the Tongue</a>
<time class="postlist-date" datetime="2009-12-20">December 2009</time>
</li>
<li class="postlist-item">
<a href="/tuesday/" class="postlist-link">Tuesday</a>
<time class="postlist-date" datetime="2008-11-04">November 2008</time>
</li>
<li class="postlist-item">
<a href="/placeholder/" class="postlist-link">Placeholder</a>
<time class="postlist-date" datetime="2008-09-14">September 2008</time>
</li>
<li class="postlist-item">
<a href="/rentree/" class="postlist-link">Rentrée</a>
<time class="postlist-date" datetime="2008-08-12">August 2008</time>
</li>
<li class="postlist-item">
<a href="/le-quatorze/" class="postlist-link">Le Quatorze</a>
<time class="postlist-date" datetime="2008-07-14">July 2008</time>
</li>
<li class="postlist-item">
<a href="/random-thoughts-friday-morning/" class="postlist-link">Random Thoughts, Friday Morning</a>
<time class="postlist-date" datetime="2008-07-11">July 2008</time>
</li>
<li class="postlist-item">
<a href="/dreaming-youre-awake/" class="postlist-link">Dreaming You&#39;re Awake</a>
<time class="postlist-date" datetime="2008-04-24">April 2008</time>
</li>
<li class="postlist-item">
<a href="/paranoia/" class="postlist-link">Paranoia</a>
<time class="postlist-date" datetime="2008-04-22">April 2008</time>
</li>
<li class="postlist-item">
<a href="/future-and-past/" class="postlist-link">Future and Past</a>
<time class="postlist-date" datetime="2008-04-14">April 2008</time>
</li>
<li class="postlist-item">
<a href="/emerging/" class="postlist-link">Emerging</a>
<time class="postlist-date" datetime="2008-01-07">January 2008</time>
</li>
<li class="postlist-item">
<a href="/trend/" class="postlist-link">Trend</a>
<time class="postlist-date" datetime="2007-12-20">December 2007</time>
</li>
<li class="postlist-item">
<a href="/two-things-i-have-decided/" class="postlist-link">Two Things I Have Decided</a>
<time class="postlist-date" datetime="2007-12-19">December 2007</time>
</li>
<li class="postlist-item">
<a href="/hornets/" class="postlist-link">Hornets</a>
<time class="postlist-date" datetime="2007-11-14">November 2007</time>
</li>
<li class="postlist-item">
<a href="/have-i-really-been-gone-that-long/" class="postlist-link">Have I Really Been Gone That Long?</a>
<time class="postlist-date" datetime="2007-08-20">August 2007</time>
</li>
<li class="postlist-item">
<a href="/not-so-terrifically-random-friday-thoughts/" class="postlist-link">Not So Terrifically Random Friday Thoughts</a>
<time class="postlist-date" datetime="2007-07-06">July 2007</time>
</li>
<li class="postlist-item">
<a href="/there-are-no-items-to-show-in-this-view/" class="postlist-link">There Are No Items to Show in This View</a>
<time class="postlist-date" datetime="2007-07-02">July 2007</time>
</li>
<li class="postlist-item">
<a href="/what-like-beer/" class="postlist-link">What, Like Beer?</a>
<time class="postlist-date" datetime="2006-07-05">July 2006</time>
</li>
<li class="postlist-item">
<a href="/anti-performatives/" class="postlist-link">Anti-Performatives</a>
<time class="postlist-date" datetime="2006-03-24">March 2006</time>
</li>
<li class="postlist-item">
<a href="/reading-the-wire/" class="postlist-link">Reading the Wire</a>
<time class="postlist-date" datetime="2005-12-09">December 2005</time>
</li>
<li class="postlist-item">
<a href="/whats-with-the-blimps/" class="postlist-link">What&#39;s With the Blimps?</a>
<time class="postlist-date" datetime="2005-09-24">September 2005</time>
</li>
<li class="postlist-item">
<a href="/in-other-news/" class="postlist-link">In Other News</a>
<time class="postlist-date" datetime="2005-09-05">September 2005</time>
</li>
<li class="postlist-item">
<a href="/but-is-he-going-to-disneyland/" class="postlist-link">But Is He Going to Disneyland?</a>
<time class="postlist-date" datetime="2005-06-29">June 2005</time>
</li>
<li class="postlist-item">
<a href="/meandering/" class="postlist-link">Meandering</a>
<time class="postlist-date" datetime="2005-06-05">June 2005</time>
</li>
<li class="postlist-item">
<a href="/follow-ups/" class="postlist-link">Follow-ups</a>
<time class="postlist-date" datetime="2005-05-22">May 2005</time>
</li>
<li class="postlist-item">
<a href="/harbingers/" class="postlist-link">Harbingers</a>
<time class="postlist-date" datetime="2005-05-10">May 2005</time>
</li>
<li class="postlist-item">
<a href="/my-next-book/" class="postlist-link">My Next Book</a>
<time class="postlist-date" datetime="2005-04-15">April 2005</time>
</li>
<li class="postlist-item">
<a href="/rip-so-to-speak/" class="postlist-link">RIP, So to Speak</a>
<time class="postlist-date" datetime="2005-04-02">April 2005</time>
</li>
<li class="postlist-item">
<a href="/the-skeev-factor/" class="postlist-link">The Skeev Factor</a>
<time class="postlist-date" datetime="2005-03-28">March 2005</time>
</li>
<li class="postlist-item">
<a href="/i-do-rock-hard-but-not-that-hard/" class="postlist-link">I Do Rock Hard, But Not That Hard</a>
<time class="postlist-date" datetime="2005-03-24">March 2005</time>
</li>
<li class="postlist-item">
<a href="/theorem/" class="postlist-link">Theorem</a>
<time class="postlist-date" datetime="2005-01-16">January 2005</time>
</li>
<li class="postlist-item">
<a href="/some-people-never-learn/" class="postlist-link">Some People Never Learn</a>
<time class="postlist-date" datetime="2005-01-07">January 2005</time>
</li>
<li class="postlist-item">
<a href="/something-that-cant-reflect-too-well-on-me-im-sure/" class="postlist-link">Something That Can&#39;t Reflect Too Well On Me, I&#39;m Sure</a>
<time class="postlist-date" datetime="2004-12-29">December 2004</time>
</li>
<li class="postlist-item">
<a href="/done/" class="postlist-link">Done!</a>
<time class="postlist-date" datetime="2004-12-17">December 2004</time>
</li>
<li class="postlist-item">
<a href="/therell-be-a-load-of-compromisin-on-the-road-to-my-horizon/" class="postlist-link">There&#39;ll Be a Load of Compromisin&#39;, on the Road to My Horizon</a>
<time class="postlist-date" datetime="2004-08-14">August 2004</time>
</li>
<li class="postlist-item">
<a href="/fifth-of-july/" class="postlist-link">Fifth of July</a>
<time class="postlist-date" datetime="2004-07-05">July 2004</time>
</li>
<li class="postlist-item">
<a href="/today-in-history/" class="postlist-link">Today in History</a>
<time class="postlist-date" datetime="2004-06-05">June 2004</time>
</li>
<li class="postlist-item">
<a href="/booksense/" class="postlist-link">BookSense</a>
<time class="postlist-date" datetime="2004-04-21">April 2004</time>
</li>
<li class="postlist-item">
<a href="/uhhhh/" class="postlist-link">Uhhhh....</a>
<time class="postlist-date" datetime="2004-01-30">January 2004</time>
</li>
<li class="postlist-item">
<a href="/cats-and-rats-and-elephants/" class="postlist-link">Cats and Rats and Elephants</a>
<time class="postlist-date" datetime="2004-01-28">January 2004</time>
</li>
<li class="postlist-item">
<a href="/fitzpatricks-first-law/" class="postlist-link">Fitzpatrick&#39;s First Law</a>
<time class="postlist-date" datetime="2004-01-13">January 2004</time>
</li>
<li class="postlist-item">
<a href="/what-to-say-next/" class="postlist-link">What to Say Next?</a>
<time class="postlist-date" datetime="2003-10-23">October 2003</time>
</li>
<li class="postlist-item">
<a href="/the-de-sexing-of-fuck/" class="postlist-link">The De-Sexing of Fuck</a>
<time class="postlist-date" datetime="2003-10-22">October 2003</time>
</li>
<li class="postlist-item">
<a href="/my-favorite-advertising-slogan-ever/" class="postlist-link">My Favorite Advertising Slogan Ever</a>
<time class="postlist-date" datetime="2003-07-27">July 2003</time>
</li>
<li class="postlist-item">
<a href="/twelve-reasons-i-hate-neil-labute/" class="postlist-link">Twelve Reasons I Hate Neil LaBute</a>
<time class="postlist-date" datetime="2002-08-23">August 2002</time>
</li>
<li class="postlist-item">
<a href="/lessons-i-wish-id-learned-sooner/" class="postlist-link">Lessons I Wish I&#39;d Learned Sooner</a>
<time class="postlist-date" datetime="2002-06-27">June 2002</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/random-thoughts/` was built on 2024-12-08T18:38:33.692Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

1040
tags/reading/index.html Normal file

File diff suppressed because it is too large Load Diff

1040
tags/reflecting/index.html Normal file

File diff suppressed because it is too large Load Diff

570
tags/reporting/index.html Normal file
View File

@@ -0,0 +1,570 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;reporting&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 2 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-reporting">Tagged “reporting”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/annual-review/" class="postlist-link">Annual Review</a>
<time class="postlist-date" datetime="2023-02-12">February 2023</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/reporting/` was built on 2024-12-08T18:38:33.782Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

810
tags/research/index.html Normal file
View File

@@ -0,0 +1,810 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;research&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 50 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-research">Tagged “research”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/reading-anxiety-possibility/" class="postlist-link">Reading, Anxiety, Possibility</a>
<time class="postlist-date" datetime="2018-05-15">May 2018</time>
</li>
<li class="postlist-item">
<a href="/reader-response-in-theory/" class="postlist-link">Reader Response, in Theory</a>
<time class="postlist-date" datetime="2012-07-14">July 2012</time>
</li>
<li class="postlist-item">
<a href="/blogs-as-serialized-scholarship/" class="postlist-link">Blogs as Serialized Scholarship</a>
<time class="postlist-date" datetime="2012-07-12">July 2012</time>
</li>
<li class="postlist-item">
<a href="/the-unpopular/" class="postlist-link">The Unpopular</a>
<time class="postlist-date" datetime="2012-07-07">July 2012</time>
</li>
<li class="postlist-item">
<a href="/unpopular-seriality/" class="postlist-link">Unpopular Seriality</a>
<time class="postlist-date" datetime="2012-06-17">June 2012</time>
</li>
<li class="postlist-item">
<a href="/mediacommons-receives-mellon-grant-to-study-open-peer-review/" class="postlist-link">MediaCommons Receives Mellon Grant to Study Open Peer Review</a>
<time class="postlist-date" datetime="2011-04-12">April 2011</time>
</li>
<li class="postlist-item">
<a href="/fair-use/" class="postlist-link">Fair Use</a>
<time class="postlist-date" datetime="2010-07-26">July 2010</time>
</li>
<li class="postlist-item">
<a href="/day-of-digital-humanities/" class="postlist-link">Day of Digital Humanities</a>
<time class="postlist-date" datetime="2010-03-18">March 2010</time>
</li>
<li class="postlist-item">
<a href="/against-anonymity/" class="postlist-link">Against Anonymity</a>
<time class="postlist-date" datetime="2009-07-09">July 2009</time>
</li>
<li class="postlist-item">
<a href="/blegging-preservation/" class="postlist-link">Blegging: Preservation</a>
<time class="postlist-date" datetime="2009-07-07">July 2009</time>
</li>
<li class="postlist-item">
<a href="/must-read-hastacmla-rethinking-tenure-guidelines/" class="postlist-link">Must Read: HASTAC/MLA Rethinking Tenure Guidelines</a>
<time class="postlist-date" datetime="2009-05-22">May 2009</time>
</li>
<li class="postlist-item">
<a href="/probably-unrelated-observations/" class="postlist-link">Probably Unrelated Observations</a>
<time class="postlist-date" datetime="2009-01-04">January 2009</time>
</li>
<li class="postlist-item">
<a href="/the-blob/" class="postlist-link">The Blob</a>
<time class="postlist-date" datetime="2008-05-28">May 2008</time>
</li>
<li class="postlist-item">
<a href="/planned-obsolescence-scholarly/" class="postlist-link">Planned Obsolescence, Scholarly Publishing, and Peer Review</a>
<time class="postlist-date" datetime="2008-05-25">May 2008</time>
</li>
<li class="postlist-item">
<a href="/epiphany/" class="postlist-link">Epiphany</a>
<time class="postlist-date" datetime="2008-01-24">January 2008</time>
</li>
<li class="postlist-item">
<a href="/emerging/" class="postlist-link">Emerging</a>
<time class="postlist-date" datetime="2008-01-07">January 2008</time>
</li>
<li class="postlist-item">
<a href="/abjection/" class="postlist-link">Abjection</a>
<time class="postlist-date" datetime="2007-08-05">August 2007</time>
</li>
<li class="postlist-item">
<a href="/commentpress/" class="postlist-link">CommentPress</a>
<time class="postlist-date" datetime="2007-07-25">July 2007</time>
</li>
<li class="postlist-item">
<a href="/again-with-the-blegging/" class="postlist-link">Again with the Blegging</a>
<time class="postlist-date" datetime="2007-07-12">July 2007</time>
</li>
<li class="postlist-item">
<a href="/semi-random-thoughts-about-books/" class="postlist-link">Semi-Random Thoughts about Books</a>
<time class="postlist-date" datetime="2007-07-04">July 2007</time>
</li>
<li class="postlist-item">
<a href="/on-pleasure/" class="postlist-link">On Pleasure</a>
<time class="postlist-date" datetime="2007-01-04">January 2007</time>
</li>
<li class="postlist-item">
<a href="/beginning-again/" class="postlist-link">Beginning, Again</a>
<time class="postlist-date" datetime="2006-12-25">December 2006</time>
</li>
<li class="postlist-item">
<a href="/ridiculous-question-i-should-have-long-since-learned-the-answer-to/" class="postlist-link">Ridiculous Question I Should Have Long Since Learned the Answer To</a>
<time class="postlist-date" datetime="2006-09-09">September 2006</time>
</li>
<li class="postlist-item">
<a href="/back-to-professional-life/" class="postlist-link">Back to (Professional) Life</a>
<time class="postlist-date" datetime="2006-08-27">August 2006</time>
</li>
<li class="postlist-item">
<a href="/a-funny-thing-happened-on-the-way-to-somewhere-or-other/" class="postlist-link">A Funny Thing Happened on the Way to Somewhere or Other</a>
<time class="postlist-date" datetime="2006-08-01">August 2006</time>
</li>
<li class="postlist-item">
<a href="/the-anxiety-of-obsolescence/" class="postlist-link">The Anxiety of Obsolescence</a>
<time class="postlist-date" datetime="2006-04-13">April 2006</time>
</li>
<li class="postlist-item">
<a href="/gee-now-what/" class="postlist-link">Gee, Now What?</a>
<time class="postlist-date" datetime="2006-03-13">March 2006</time>
</li>
<li class="postlist-item">
<a href="/february/" class="postlist-link">February</a>
<time class="postlist-date" datetime="2006-03-01">March 2006</time>
</li>
<li class="postlist-item">
<a href="/yes-still/" class="postlist-link">Yes, Still</a>
<time class="postlist-date" datetime="2006-02-20">February 2006</time>
</li>
<li class="postlist-item">
<a href="/indexing-bleg/" class="postlist-link">Indexing Bleg</a>
<time class="postlist-date" datetime="2006-02-16">February 2006</time>
</li>
<li class="postlist-item">
<a href="/and-then-theres-the-other-problem/" class="postlist-link">And Then There&#39;s the Other Problem</a>
<time class="postlist-date" datetime="2006-02-16">February 2006</time>
</li>
<li class="postlist-item">
<a href="/the-anxiety-of-indexing/" class="postlist-link">The Anxiety of Indexing</a>
<time class="postlist-date" datetime="2006-02-14">February 2006</time>
</li>
<li class="postlist-item">
<a href="/indexing/" class="postlist-link">Indexing</a>
<time class="postlist-date" datetime="2006-02-12">February 2006</time>
</li>
<li class="postlist-item">
<a href="/more-non-rhetorical-questions/" class="postlist-link">More Non-Rhetorical Questions</a>
<time class="postlist-date" datetime="2006-02-10">February 2006</time>
</li>
<li class="postlist-item">
<a href="/advocating/" class="postlist-link">Advocating</a>
<time class="postlist-date" datetime="2006-01-24">January 2006</time>
</li>
<li class="postlist-item">
<a href="/in-the-archive/" class="postlist-link">In the Archive</a>
<time class="postlist-date" datetime="2006-01-20">January 2006</time>
</li>
<li class="postlist-item">
<a href="/how-its-supposed-to-be/" class="postlist-link">How It&#39;s Supposed to Be</a>
<time class="postlist-date" datetime="2006-01-18">January 2006</time>
</li>
<li class="postlist-item">
<a href="/on-electronic-scholarly-publishing/" class="postlist-link">On Electronic Scholarly Publishing</a>
<time class="postlist-date" datetime="2005-11-26">November 2005</time>
</li>
<li class="postlist-item">
<a href="/back-to-the-future/" class="postlist-link">Back to the Future</a>
<time class="postlist-date" datetime="2005-11-19">November 2005</time>
</li>
<li class="postlist-item">
<a href="/research-dream/" class="postlist-link">Research Dream</a>
<time class="postlist-date" datetime="2005-10-19">October 2005</time>
</li>
<li class="postlist-item">
<a href="/an-argument-in-favor-of-the-digitization-of-the-library/" class="postlist-link">An Argument in Favor of the Digitization of the Library</a>
<time class="postlist-date" datetime="2005-10-03">October 2005</time>
</li>
<li class="postlist-item">
<a href="/blog-as-narrative-archive/" class="postlist-link">Blog as Narrative Archive</a>
<time class="postlist-date" datetime="2005-09-28">September 2005</time>
</li>
<li class="postlist-item">
<a href="/yippee/" class="postlist-link">Yippee!</a>
<time class="postlist-date" datetime="2005-09-20">September 2005</time>
</li>
<li class="postlist-item">
<a href="/summer-part-two/" class="postlist-link">Summer, Part Two</a>
<time class="postlist-date" datetime="2005-07-06">July 2005</time>
</li>
<li class="postlist-item">
<a href="/what-now/" class="postlist-link">What Now?</a>
<time class="postlist-date" datetime="2004-06-09">June 2004</time>
</li>
<li class="postlist-item">
<a href="/difficulty-professionalism-and-literary-studies/" class="postlist-link">Difficulty, Professionalism, and Literary Studies</a>
<time class="postlist-date" datetime="2004-01-12">January 2004</time>
</li>
<li class="postlist-item">
<a href="/writing-the-interface/" class="postlist-link">Writing the Interface</a>
<time class="postlist-date" datetime="2003-10-14">October 2003</time>
</li>
<li class="postlist-item">
<a href="/synthesis/" class="postlist-link">Synthesis</a>
<time class="postlist-date" datetime="2003-08-11">August 2003</time>
</li>
<li class="postlist-item">
<a href="/true-confessions/" class="postlist-link">True Confessions</a>
<time class="postlist-date" datetime="2002-06-19">June 2002</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/research/` was built on 2024-12-08T18:38:33.684Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

725
tags/reverb10/index.html Normal file
View File

@@ -0,0 +1,725 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;#reverb10&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 33 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-reverb10">Tagged “#reverb10”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/reverb10-day-31-core-story/" class="postlist-link">#reverb10, day 31: Core Story</a>
<time class="postlist-date" datetime="2010-12-31">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb10-day-30-gift/" class="postlist-link">#reverb10, day 30: Gift</a>
<time class="postlist-date" datetime="2010-12-30">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb10-day-29-defining-moment/" class="postlist-link">#reverb10, day 29: Defining Moment</a>
<time class="postlist-date" datetime="2010-12-29">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb10-day-28-achieve/" class="postlist-link">#reverb10, day 28: Achieve</a>
<time class="postlist-date" datetime="2010-12-29">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb10-day-27-ordinary-joy/" class="postlist-link">#reverb10, day 27: Ordinary Joy</a>
<time class="postlist-date" datetime="2010-12-28">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb10-day-26-soul-food/" class="postlist-link">#reverb10, day 26: Soul Food</a>
<time class="postlist-date" datetime="2010-12-27">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb10-day-25-photo/" class="postlist-link">#reverb10, day 25: Photo</a>
<time class="postlist-date" datetime="2010-12-25">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb10-day-24-everythings-ok/" class="postlist-link">#reverb10, day 24: Everything&#39;s OK</a>
<time class="postlist-date" datetime="2010-12-24">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb10-day-23-new-name/" class="postlist-link">#reverb10, day 23: New Name</a>
<time class="postlist-date" datetime="2010-12-23">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb10-day-22-travel/" class="postlist-link">#reverb10, day 22: Travel</a>
<time class="postlist-date" datetime="2010-12-23">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb10-day-21-future-self/" class="postlist-link">#reverb10, day 21: Future Self</a>
<time class="postlist-date" datetime="2010-12-23">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb10-day-20-beyond-avoidance/" class="postlist-link">#reverb10, day 20: Beyond Avoidance</a>
<time class="postlist-date" datetime="2010-12-22">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb10-day-19-healing/" class="postlist-link">#reverb10, day 19: Healing</a>
<time class="postlist-date" datetime="2010-12-21">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb10-day-18-try/" class="postlist-link">#reverb10, day 18: Try</a>
<time class="postlist-date" datetime="2010-12-21">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb10-day-17-lesson-learned/" class="postlist-link">#reverb10, day 17: Lesson Learned</a>
<time class="postlist-date" datetime="2010-12-19">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb10-day-16-friendship/" class="postlist-link">#reverb10, day 16: Friendship</a>
<time class="postlist-date" datetime="2010-12-17">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb10-day-15-5-minutes/" class="postlist-link">#reverb10, day 15: 5 Minutes</a>
<time class="postlist-date" datetime="2010-12-15">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb10-day-14-appreciate/" class="postlist-link">#reverb10, day 14: Appreciate</a>
<time class="postlist-date" datetime="2010-12-15">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb10-day-13-action/" class="postlist-link">#reverb10, day 13: Action</a>
<time class="postlist-date" datetime="2010-12-14">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb10-day-12-body-integration/" class="postlist-link">#reverb10, day 12: Body Integration</a>
<time class="postlist-date" datetime="2010-12-13">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb10-day-11-11-things/" class="postlist-link">#reverb10, Day 11: 11 Things</a>
<time class="postlist-date" datetime="2010-12-12">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb10-day-10-wisdom/" class="postlist-link">#reverb10, Day 10: Wisdom</a>
<time class="postlist-date" datetime="2010-12-11">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb10-day-9-party/" class="postlist-link">#reverb10, Day 9: Party</a>
<time class="postlist-date" datetime="2010-12-09">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb10-day-8-beautifully-different/" class="postlist-link">#reverb10, Day 8: Beautifully Different</a>
<time class="postlist-date" datetime="2010-12-08">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb-day-7-community/" class="postlist-link">#reverb10, Day 7: Community</a>
<time class="postlist-date" datetime="2010-12-08">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb10-day-6-make/" class="postlist-link">#reverb10, Day 6: Make</a>
<time class="postlist-date" datetime="2010-12-06">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb10-day-5-let-go/" class="postlist-link">#reverb10, Day 5: Let Go</a>
<time class="postlist-date" datetime="2010-12-05">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb10-day-4-wonder/" class="postlist-link">#reverb10, Day 4: Wonder</a>
<time class="postlist-date" datetime="2010-12-04">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb10-day-3-moment/" class="postlist-link">#reverb10, Day 3: Moment</a>
<time class="postlist-date" datetime="2010-12-03">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb10-day-2-what-gets-in-the-way/" class="postlist-link">#reverb10, Day 2: What Gets in the Way</a>
<time class="postlist-date" datetime="2010-12-02">December 2010</time>
</li>
<li class="postlist-item">
<a href="/one-word/" class="postlist-link">One Word</a>
<time class="postlist-date" datetime="2010-12-01">December 2010</time>
</li>
<li class="postlist-item">
<a href="/reverb10/" class="postlist-link">#reverb10</a>
<time class="postlist-date" datetime="2010-12-01">December 2010</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/reverb10/` was built on 2024-12-08T18:38:33.765Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

735
tags/running/index.html Normal file
View File

@@ -0,0 +1,735 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;running&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 35 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-running">Tagged “running”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/not-running/" class="postlist-link">Not-Running</a>
<time class="postlist-date" datetime="2016-09-07">September 2016</time>
</li>
<li class="postlist-item">
<a href="/running-2/" class="postlist-link">Running</a>
<time class="postlist-date" datetime="2015-09-12">September 2015</time>
</li>
<li class="postlist-item">
<a href="/reluctant-is-just-the-word/" class="postlist-link">Reluctant Is Just the Word</a>
<time class="postlist-date" datetime="2014-06-08">June 2014</time>
</li>
<li class="postlist-item">
<a href="/running/" class="postlist-link">Running</a>
<time class="postlist-date" datetime="2013-04-13">April 2013</time>
</li>
<li class="postlist-item">
<a href="/enough/" class="postlist-link">Enough</a>
<time class="postlist-date" datetime="2011-05-23">May 2011</time>
</li>
<li class="postlist-item">
<a href="/dreams/" class="postlist-link">Dreams</a>
<time class="postlist-date" datetime="2005-12-04">December 2005</time>
</li>
<li class="postlist-item">
<a href="/running-log-23/" class="postlist-link">Running Log 2.3</a>
<time class="postlist-date" datetime="2005-11-14">November 2005</time>
</li>
<li class="postlist-item">
<a href="/running-log-22/" class="postlist-link">Running Log 2.2</a>
<time class="postlist-date" datetime="2005-11-08">November 2005</time>
</li>
<li class="postlist-item">
<a href="/running-log-21/" class="postlist-link">Running Log 2.1</a>
<time class="postlist-date" datetime="2005-10-30">October 2005</time>
</li>
<li class="postlist-item">
<a href="/return-of-running-log/" class="postlist-link">Return of Running Log</a>
<time class="postlist-date" datetime="2005-10-25">October 2005</time>
</li>
<li class="postlist-item">
<a href="/running-hacks/" class="postlist-link">Running Hacks</a>
<time class="postlist-date" datetime="2005-07-28">July 2005</time>
</li>
<li class="postlist-item">
<a href="/surreal-city/" class="postlist-link">Surreal City</a>
<time class="postlist-date" datetime="2005-07-25">July 2005</time>
</li>
<li class="postlist-item">
<a href="/orthotics/" class="postlist-link">Orthotics</a>
<time class="postlist-date" datetime="2005-07-12">July 2005</time>
</li>
<li class="postlist-item">
<a href="/the-saga-of-the-toenail/" class="postlist-link">The Saga of the Toenail</a>
<time class="postlist-date" datetime="2005-04-01">April 2005</time>
</li>
<li class="postlist-item">
<a href="/delayed-onset-muscle-soreness/" class="postlist-link">Delayed Onset Muscle Soreness</a>
<time class="postlist-date" datetime="2005-03-08">March 2005</time>
</li>
<li class="postlist-item">
<a href="/thanks/" class="postlist-link">Thanks</a>
<time class="postlist-date" datetime="2005-03-07">March 2005</time>
</li>
<li class="postlist-item">
<a href="/how-it-went/" class="postlist-link">How It Went</a>
<time class="postlist-date" datetime="2005-03-06">March 2005</time>
</li>
<li class="postlist-item">
<a href="/carbolicious/" class="postlist-link">Carbolicious</a>
<time class="postlist-date" datetime="2005-03-05">March 2005</time>
</li>
<li class="postlist-item">
<a href="/running-log-week-14/" class="postlist-link">Running Log, Week 14</a>
<time class="postlist-date" datetime="2005-02-20">February 2005</time>
</li>
<li class="postlist-item">
<a href="/word-to-the-wise/" class="postlist-link">Word to the Wise</a>
<time class="postlist-date" datetime="2005-02-14">February 2005</time>
</li>
<li class="postlist-item">
<a href="/running-log-week-13/" class="postlist-link">Running Log, Week 13</a>
<time class="postlist-date" datetime="2005-02-13">February 2005</time>
</li>
<li class="postlist-item">
<a href="/running-log-week-12/" class="postlist-link">Running Log, Week 12</a>
<time class="postlist-date" datetime="2005-02-06">February 2005</time>
</li>
<li class="postlist-item">
<a href="/running-log-week-11/" class="postlist-link">Running Log, Week 11</a>
<time class="postlist-date" datetime="2005-01-30">January 2005</time>
</li>
<li class="postlist-item">
<a href="/running-log-week-8/" class="postlist-link">Running Log, Week 8</a>
<time class="postlist-date" datetime="2005-01-10">January 2005</time>
</li>
<li class="postlist-item">
<a href="/running-log-week-7/" class="postlist-link">Running Log, Week 7</a>
<time class="postlist-date" datetime="2005-01-03">January 2005</time>
</li>
<li class="postlist-item">
<a href="/stupid-bloody-toe/" class="postlist-link">Stupid Bloody Toe</a>
<time class="postlist-date" datetime="2004-12-30">December 2004</time>
</li>
<li class="postlist-item">
<a href="/running-log-week-6/" class="postlist-link">Running Log, Week 6</a>
<time class="postlist-date" datetime="2004-12-26">December 2004</time>
</li>
<li class="postlist-item">
<a href="/running-log-week-5/" class="postlist-link">Running Log, Week 5</a>
<time class="postlist-date" datetime="2004-12-20">December 2004</time>
</li>
<li class="postlist-item">
<a href="/running-log-week-4/" class="postlist-link">Running Log, Week 4</a>
<time class="postlist-date" datetime="2004-12-12">December 2004</time>
</li>
<li class="postlist-item">
<a href="/running-log-week-3/" class="postlist-link">Running Log, Week 3</a>
<time class="postlist-date" datetime="2004-12-05">December 2004</time>
</li>
<li class="postlist-item">
<a href="/running-log-week-2/" class="postlist-link">Running Log, Week 2</a>
<time class="postlist-date" datetime="2004-11-29">November 2004</time>
</li>
<li class="postlist-item">
<a href="/running-log-week-1/" class="postlist-link">Running Log, Week 1</a>
<time class="postlist-date" datetime="2004-11-21">November 2004</time>
</li>
<li class="postlist-item">
<a href="/running-log-week-0/" class="postlist-link">Running Log, Week 0</a>
<time class="postlist-date" datetime="2004-11-14">November 2004</time>
</li>
<li class="postlist-item">
<a href="/running-again/" class="postlist-link">Running Again</a>
<time class="postlist-date" datetime="2004-11-06">November 2004</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/running/` was built on 2024-12-08T18:38:33.755Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

View File

@@ -0,0 +1,655 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;social software&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 19 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-social-software">Tagged “social software”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/linkedin/" class="postlist-link">LinkedIn?</a>
<time class="postlist-date" datetime="2007-11-07">November 2007</time>
</li>
<li class="postlist-item">
<a href="/from-youtube-to-youniversity/" class="postlist-link">From YouTube to YouNiversity</a>
<time class="postlist-date" datetime="2007-02-13">February 2007</time>
</li>
<li class="postlist-item">
<a href="/on-the-cms/" class="postlist-link">On the CMS</a>
<time class="postlist-date" datetime="2006-09-27">September 2006</time>
</li>
<li class="postlist-item">
<a href="/what-exactly-is-the-deal-with-technorati/" class="postlist-link">What Exactly Is the Deal with Technorati?</a>
<time class="postlist-date" datetime="2006-09-09">September 2006</time>
</li>
<li class="postlist-item">
<a href="/on-fakery-and-fictiveness/" class="postlist-link">On Fakery and Fictiveness</a>
<time class="postlist-date" datetime="2006-09-08">September 2006</time>
</li>
<li class="postlist-item">
<a href="/student-use-of-wikipedia/" class="postlist-link">Student Use of Wikipedia</a>
<time class="postlist-date" datetime="2006-07-07">July 2006</time>
</li>
<li class="postlist-item">
<a href="/tagging-the-library/" class="postlist-link">Tagging the Library</a>
<time class="postlist-date" datetime="2006-06-17">June 2006</time>
</li>
<li class="postlist-item">
<a href="/not-a-loser-thank-you-very-much/" class="postlist-link">Not a Loser, Thank You Very Much</a>
<time class="postlist-date" datetime="2006-01-31">January 2006</time>
</li>
<li class="postlist-item">
<a href="/all-the-kids-are-doing-it/" class="postlist-link">All the Kids are Doing It</a>
<time class="postlist-date" datetime="2005-10-27">October 2005</time>
</li>
<li class="postlist-item">
<a href="/some-things-i-love-about-the-internet/" class="postlist-link">Some Things I Love About the Internet</a>
<time class="postlist-date" datetime="2005-09-25">September 2005</time>
</li>
<li class="postlist-item">
<a href="/academic-social-software-wish-list/" class="postlist-link">Academic Social Software Wish List</a>
<time class="postlist-date" datetime="2005-09-24">September 2005</time>
</li>
<li class="postlist-item">
<a href="/the-news-today/" class="postlist-link">The News Today</a>
<time class="postlist-date" datetime="2005-07-07">July 2005</time>
</li>
<li class="postlist-item">
<a href="/deconstruction/" class="postlist-link">Deconstruction</a>
<time class="postlist-date" datetime="2005-06-22">June 2005</time>
</li>
<li class="postlist-item">
<a href="/package-tracking-via-rss/" class="postlist-link">Package Tracking via RSS</a>
<time class="postlist-date" datetime="2005-03-30">March 2005</time>
</li>
<li class="postlist-item">
<a href="/probably-the-dumbest-tech-related-question-ever/" class="postlist-link">Probably the Dumbest Tech-Related Question Ever</a>
<time class="postlist-date" datetime="2005-03-24">March 2005</time>
</li>
<li class="postlist-item">
<a href="/blogrolling-problem/" class="postlist-link">Blogrolling Problem</a>
<time class="postlist-date" datetime="2005-03-24">March 2005</time>
</li>
<li class="postlist-item">
<a href="/wow/" class="postlist-link">Wow.</a>
<time class="postlist-date" datetime="2005-01-06">January 2005</time>
</li>
<li class="postlist-item">
<a href="/gmail-anyone/" class="postlist-link">Gmail, Anyone?</a>
<time class="postlist-date" datetime="2004-06-26">June 2004</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/social-software/` was built on 2024-12-08T18:38:33.751Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

700
tags/software/index.html Normal file
View File

@@ -0,0 +1,700 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;software&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 28 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-software">Tagged “software”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/e-audio/" class="postlist-link">E != Audio</a>
<time class="postlist-date" datetime="2015-09-16">September 2015</time>
</li>
<li class="postlist-item">
<a href="/ibooks-authoring-education-and-so-forth/" class="postlist-link">iBooks, Authoring, Education, and So Forth</a>
<time class="postlist-date" datetime="2012-01-20">January 2012</time>
</li>
<li class="postlist-item">
<a href="/anthologize/" class="postlist-link">Anthologize</a>
<time class="postlist-date" datetime="2010-08-03">August 2010</time>
</li>
<li class="postlist-item">
<a href="/things-i-love-about-things/" class="postlist-link">Things I Love About Things</a>
<time class="postlist-date" datetime="2009-09-23">September 2009</time>
</li>
<li class="postlist-item">
<a href="/edit-scrivenings/" class="postlist-link">Edit Scrivenings</a>
<time class="postlist-date" datetime="2009-01-05">January 2009</time>
</li>
<li class="postlist-item">
<a href="/more-fun-with-software/" class="postlist-link">More Fun with Software</a>
<time class="postlist-date" datetime="2008-12-21">December 2008</time>
</li>
<li class="postlist-item">
<a href="/devonthink/" class="postlist-link">DEVONthink</a>
<time class="postlist-date" datetime="2008-12-19">December 2008</time>
</li>
<li class="postlist-item">
<a href="/new-toys/" class="postlist-link">New Toys</a>
<time class="postlist-date" datetime="2008-12-12">December 2008</time>
</li>
<li class="postlist-item">
<a href="/versioning/" class="postlist-link">Versioning</a>
<time class="postlist-date" datetime="2008-07-20">July 2008</time>
</li>
<li class="postlist-item">
<a href="/technology-updates/" class="postlist-link">Technology Updates</a>
<time class="postlist-date" datetime="2008-04-05">April 2008</time>
</li>
<li class="postlist-item">
<a href="/keynote/" class="postlist-link">Keynote</a>
<time class="postlist-date" datetime="2008-01-09">January 2008</time>
</li>
<li class="postlist-item">
<a href="/completion/" class="postlist-link">Completion</a>
<time class="postlist-date" datetime="2007-07-27">July 2007</time>
</li>
<li class="postlist-item">
<a href="/beginning-again/" class="postlist-link">Beginning, Again</a>
<time class="postlist-date" datetime="2006-12-25">December 2006</time>
</li>
<li class="postlist-item">
<a href="/software-i-love-right-now/" class="postlist-link">Software I Love Right Now</a>
<time class="postlist-date" datetime="2006-01-22">January 2006</time>
</li>
<li class="postlist-item">
<a href="/formerly/" class="postlist-link">Formerly</a>
<time class="postlist-date" datetime="2005-12-10">December 2005</time>
</li>
<li class="postlist-item">
<a href="/why-we-should-all-stand-in-line-to-bear-his-children-or-at-least-to-buy-him-a-beer/" class="postlist-link">Why We Should All Stand in Line to Bear His Children, or at Least to Buy Him a Beer</a>
<time class="postlist-date" datetime="2005-10-05">October 2005</time>
</li>
<li class="postlist-item">
<a href="/grrrr/" class="postlist-link">Grrrr.</a>
<time class="postlist-date" datetime="2005-08-25">August 2005</time>
</li>
<li class="postlist-item">
<a href="/running-hacks/" class="postlist-link">Running Hacks</a>
<time class="postlist-date" datetime="2005-07-28">July 2005</time>
</li>
<li class="postlist-item">
<a href="/omnioutliner/" class="postlist-link">OmniOutliner</a>
<time class="postlist-date" datetime="2005-07-14">July 2005</time>
</li>
<li class="postlist-item">
<a href="/meandering/" class="postlist-link">Meandering</a>
<time class="postlist-date" datetime="2005-06-05">June 2005</time>
</li>
<li class="postlist-item">
<a href="/instant-gratification/" class="postlist-link">Instant Gratification</a>
<time class="postlist-date" datetime="2005-05-28">May 2005</time>
</li>
<li class="postlist-item">
<a href="/further-updates-and-into-the-summer/" class="postlist-link">Further Updates, and Into the Summer</a>
<time class="postlist-date" datetime="2005-05-07">May 2005</time>
</li>
<li class="postlist-item">
<a href="/never-grade-papers-again/" class="postlist-link">Never Grade Papers Again!</a>
<time class="postlist-date" datetime="2005-04-12">April 2005</time>
</li>
<li class="postlist-item">
<a href="/as-a-demonstration-of-how-much-work-ive-gotten-done-today/" class="postlist-link">As a Demonstration of How Much Work I&#39;ve Gotten Done Today</a>
<time class="postlist-date" datetime="2005-01-04">January 2005</time>
</li>
<li class="postlist-item">
<a href="/updating-autoupdate/" class="postlist-link">Updating AutoUpdate</a>
<time class="postlist-date" datetime="2004-09-28">September 2004</time>
</li>
<li class="postlist-item">
<a href="/harrumph/" class="postlist-link">Harrumph.</a>
<time class="postlist-date" datetime="2004-05-15">May 2004</time>
</li>
<li class="postlist-item">
<a href="/smooth/" class="postlist-link">Smooth</a>
<time class="postlist-date" datetime="2002-07-02">July 2002</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/software/` was built on 2024-12-08T18:38:33.698Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

780
tags/teaching/index.html Normal file
View File

@@ -0,0 +1,780 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;teaching&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 44 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-teaching">Tagged “teaching”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/the-interface/" class="postlist-link">The Interface</a>
<time class="postlist-date" datetime="2019-01-08">January 2019</time>
</li>
<li class="postlist-item">
<a href="/apparently-i-dont-teach-math/" class="postlist-link">Apparently I Don&#39;t Teach Math</a>
<time class="postlist-date" datetime="2009-11-20">November 2009</time>
</li>
<li class="postlist-item">
<a href="/and-then-five-years-later/" class="postlist-link">And Then Five Years Later</a>
<time class="postlist-date" datetime="2009-10-10">October 2009</time>
</li>
<li class="postlist-item">
<a href="/teaching-when-you-think-you-have-the-flu/" class="postlist-link">Teaching When (You Think) You Have the Flu</a>
<time class="postlist-date" datetime="2009-09-20">September 2009</time>
</li>
<li class="postlist-item">
<a href="/ick-2/" class="postlist-link">Ick</a>
<time class="postlist-date" datetime="2009-09-07">September 2009</time>
</li>
<li class="postlist-item">
<a href="/on-teaching-infinite-jest/" class="postlist-link">On Teaching Infinite Jest</a>
<time class="postlist-date" datetime="2009-07-17">July 2009</time>
</li>
<li class="postlist-item">
<a href="/requiescat-in-pace/" class="postlist-link">Requiescat in Pace</a>
<time class="postlist-date" datetime="2009-05-06">May 2009</time>
</li>
<li class="postlist-item">
<a href="/teaching-carnival-32/" class="postlist-link">Teaching Carnival 3.2</a>
<time class="postlist-date" datetime="2009-02-24">February 2009</time>
</li>
<li class="postlist-item">
<a href="/teaching-carnival-tk/" class="postlist-link">Teaching Carnival, TK</a>
<time class="postlist-date" datetime="2009-02-22">February 2009</time>
</li>
<li class="postlist-item">
<a href="/geeky-as-i-want-to-be/" class="postlist-link">Geeky as I Want to Be</a>
<time class="postlist-date" datetime="2008-01-23">January 2008</time>
</li>
<li class="postlist-item">
<a href="/ahhhh/" class="postlist-link">Ahhhh</a>
<time class="postlist-date" datetime="2007-12-20">December 2007</time>
</li>
<li class="postlist-item">
<a href="/introduction-to-literary-research/" class="postlist-link">Introduction to Literary Research</a>
<time class="postlist-date" datetime="2007-07-24">July 2007</time>
</li>
<li class="postlist-item">
<a href="/on-the-ethics-of-class-blogs/" class="postlist-link">On the Ethics of Class Blogs</a>
<time class="postlist-date" datetime="2007-03-16">March 2007</time>
</li>
<li class="postlist-item">
<a href="/take-two/" class="postlist-link">Take Two</a>
<time class="postlist-date" datetime="2007-03-13">March 2007</time>
</li>
<li class="postlist-item">
<a href="/the-big-novel-redux/" class="postlist-link">The Big Novel (Redux)</a>
<time class="postlist-date" datetime="2007-03-07">March 2007</time>
</li>
<li class="postlist-item">
<a href="/teach-thyself/" class="postlist-link">Teach Thyself</a>
<time class="postlist-date" datetime="2006-11-27">November 2006</time>
</li>
<li class="postlist-item">
<a href="/us-copyright-office-announces-new-exemptions/" class="postlist-link">U.S. Copyright Office Announces New Exemptions</a>
<time class="postlist-date" datetime="2006-11-24">November 2006</time>
</li>
<li class="postlist-item">
<a href="/open-and-closed/" class="postlist-link">Open and Closed</a>
<time class="postlist-date" datetime="2006-10-21">October 2006</time>
</li>
<li class="postlist-item">
<a href="/on-the-cms/" class="postlist-link">On the CMS</a>
<time class="postlist-date" datetime="2006-09-27">September 2006</time>
</li>
<li class="postlist-item">
<a href="/linky-update/" class="postlist-link">Linky Update</a>
<time class="postlist-date" datetime="2006-09-01">September 2006</time>
</li>
<li class="postlist-item">
<a href="/bleh/" class="postlist-link">Bleh.</a>
<time class="postlist-date" datetime="2006-08-31">August 2006</time>
</li>
<li class="postlist-item">
<a href="/grading-policy/" class="postlist-link">Grading Policy</a>
<time class="postlist-date" datetime="2006-08-17">August 2006</time>
</li>
<li class="postlist-item">
<a href="/you-know-what-you-cant-take-a-sabbatical-from/" class="postlist-link">You Know What You Can&#39;t Take a Sabbatical From?</a>
<time class="postlist-date" datetime="2006-01-25">January 2006</time>
</li>
<li class="postlist-item">
<a href="/notes-on-class-blogging/" class="postlist-link">Notes on Class Blogging</a>
<time class="postlist-date" datetime="2005-12-12">December 2005</time>
</li>
<li class="postlist-item">
<a href="/last-day/" class="postlist-link">Last Day</a>
<time class="postlist-date" datetime="2005-12-07">December 2005</time>
</li>
<li class="postlist-item">
<a href="/the-ticker/" class="postlist-link">The Ticker</a>
<time class="postlist-date" datetime="2005-11-16">November 2005</time>
</li>
<li class="postlist-item">
<a href="/an-ethical-dilemma-of-a-hypothetical-nature/" class="postlist-link">An Ethical Dilemma of a Hypothetical Nature</a>
<time class="postlist-date" datetime="2005-10-29">October 2005</time>
</li>
<li class="postlist-item">
<a href="/the-power-of-suggestion/" class="postlist-link">The Power of Suggestion</a>
<time class="postlist-date" datetime="2005-08-30">August 2005</time>
</li>
<li class="postlist-item">
<a href="/how-i-always-manage-to-overload-myself/" class="postlist-link">How I Always Manage to Overload Myself</a>
<time class="postlist-date" datetime="2005-06-24">June 2005</time>
</li>
<li class="postlist-item">
<a href="/ack/" class="postlist-link">Ack!</a>
<time class="postlist-date" datetime="2005-06-08">June 2005</time>
</li>
<li class="postlist-item">
<a href="/how-not-to-graduate/" class="postlist-link">How Not to Graduate</a>
<time class="postlist-date" datetime="2005-05-09">May 2005</time>
</li>
<li class="postlist-item">
<a href="/the-grading-count/" class="postlist-link">The Grading Count</a>
<time class="postlist-date" datetime="2005-05-02">May 2005</time>
</li>
<li class="postlist-item">
<a href="/never-grade-papers-again/" class="postlist-link">Never Grade Papers Again!</a>
<time class="postlist-date" datetime="2005-04-12">April 2005</time>
</li>
<li class="postlist-item">
<a href="/synchronicity/" class="postlist-link">Synchronicity</a>
<time class="postlist-date" datetime="2005-03-02">March 2005</time>
</li>
<li class="postlist-item">
<a href="/updated-count/" class="postlist-link">Updated Count</a>
<time class="postlist-date" datetime="2004-12-15">December 2004</time>
</li>
<li class="postlist-item">
<a href="/ready-at-last/" class="postlist-link">Ready, at Last</a>
<time class="postlist-date" datetime="2004-08-29">August 2004</time>
</li>
<li class="postlist-item">
<a href="/im-not-dead-yet-2/" class="postlist-link">I&#39;m Not Dead Yet</a>
<time class="postlist-date" datetime="2004-04-05">April 2004</time>
</li>
<li class="postlist-item">
<a href="/palimpsest/" class="postlist-link">Palimpsest</a>
<time class="postlist-date" datetime="2004-01-26">January 2004</time>
</li>
<li class="postlist-item">
<a href="/from-day-one/" class="postlist-link">From Day One</a>
<time class="postlist-date" datetime="2004-01-21">January 2004</time>
</li>
<li class="postlist-item">
<a href="/sharing-teaching-resources/" class="postlist-link">Sharing Teaching Resources</a>
<time class="postlist-date" datetime="2004-01-12">January 2004</time>
</li>
<li class="postlist-item">
<a href="/writing-the-interface/" class="postlist-link">Writing the Interface</a>
<time class="postlist-date" datetime="2003-10-14">October 2003</time>
</li>
<li class="postlist-item">
<a href="/on-rereading-again/" class="postlist-link">On Rereading. Again.</a>
<time class="postlist-date" datetime="2003-09-04">September 2003</time>
</li>
<li class="postlist-item">
<a href="/day-one/" class="postlist-link">Day One</a>
<time class="postlist-date" datetime="2003-09-03">September 2003</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/teaching/` was built on 2024-12-08T18:38:33.738Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

725
tags/technology/index.html Normal file
View File

@@ -0,0 +1,725 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;technology&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 33 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-technology">Tagged “technology”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/astro-sonic/" class="postlist-link">Astro-Sonic</a>
<time class="postlist-date" datetime="2012-06-05">June 2012</time>
</li>
<li class="postlist-item">
<a href="/phi-beta-kappa-address-keep-in-touch/" class="postlist-link">Phi Beta Kappa address, &#39;Keep in Touch&#39;</a>
<time class="postlist-date" datetime="2010-06-23">June 2010</time>
</li>
<li class="postlist-item">
<a href="/more-gloating-about-my-ipad/" class="postlist-link">More Gloating About My iPad</a>
<time class="postlist-date" datetime="2010-04-13">April 2010</time>
</li>
<li class="postlist-item">
<a href="/preliminary-thoughts-on-the-ipad/" class="postlist-link">Preliminary Thoughts on the iPad</a>
<time class="postlist-date" datetime="2010-04-05">April 2010</time>
</li>
<li class="postlist-item">
<a href="/why-i-cant-wait/" class="postlist-link">Why I Can&#39;t Wait to Get My Hands on My New iPad, All You Haters Notwithstanding</a>
<time class="postlist-date" datetime="2010-04-02">April 2010</time>
</li>
<li class="postlist-item">
<a href="/okay-att-youre-on-notice/" class="postlist-link">Okay, AT&amp;T, You&#39;re On Notice</a>
<time class="postlist-date" datetime="2009-07-19">July 2009</time>
</li>
<li class="postlist-item">
<a href="/heh/" class="postlist-link">Heh</a>
<time class="postlist-date" datetime="2008-08-04">August 2008</time>
</li>
<li class="postlist-item">
<a href="/adventures-in-wi-fi/" class="postlist-link">Adventures in Wi-Fi</a>
<time class="postlist-date" datetime="2008-08-03">August 2008</time>
</li>
<li class="postlist-item">
<a href="/iphonery/" class="postlist-link">iPhonery</a>
<time class="postlist-date" datetime="2008-07-23">July 2008</time>
</li>
<li class="postlist-item">
<a href="/mr-jobs-tear-down-this-wall/" class="postlist-link">Mr. Jobs, Tear Down this Wall</a>
<time class="postlist-date" datetime="2008-06-13">June 2008</time>
</li>
<li class="postlist-item">
<a href="/paranoia/" class="postlist-link">Paranoia</a>
<time class="postlist-date" datetime="2008-04-22">April 2008</time>
</li>
<li class="postlist-item">
<a href="/telepresence/" class="postlist-link">Telepresence</a>
<time class="postlist-date" datetime="2008-01-18">January 2008</time>
</li>
<li class="postlist-item">
<a href="/the-sum-total-of-my-negative-thoughts-regarding-my-new-iphone/" class="postlist-link">The Sum Total of My Negative Thoughts Regarding My New iPhone</a>
<time class="postlist-date" datetime="2007-12-29">December 2007</time>
</li>
<li class="postlist-item">
<a href="/things-ive-missed-commenting-upon-while-the-urge-to-blog-has-been-more-or-less-absent-part-1/" class="postlist-link">Things I&#39;ve Missed Commenting Upon While the Urge to Blog Has Been More or Less Absent, Part 1</a>
<time class="postlist-date" datetime="2007-12-09">December 2007</time>
</li>
<li class="postlist-item">
<a href="/cool-i-think/" class="postlist-link">Cool, I Think...</a>
<time class="postlist-date" datetime="2007-10-17">October 2007</time>
</li>
<li class="postlist-item">
<a href="/personal-technology-updates/" class="postlist-link">Personal Technology Updates</a>
<time class="postlist-date" datetime="2007-09-20">September 2007</time>
</li>
<li class="postlist-item">
<a href="/sign-me-up-already/" class="postlist-link">Sign Me Up Already</a>
<time class="postlist-date" datetime="2007-01-09">January 2007</time>
</li>
<li class="postlist-item">
<a href="/us-copyright-office-announces-new-exemptions/" class="postlist-link">U.S. Copyright Office Announces New Exemptions</a>
<time class="postlist-date" datetime="2006-11-24">November 2006</time>
</li>
<li class="postlist-item">
<a href="/air-ipod/" class="postlist-link">Air iPod</a>
<time class="postlist-date" datetime="2006-11-14">November 2006</time>
</li>
<li class="postlist-item">
<a href="/technology-on-the-road/" class="postlist-link">Technology on the Road</a>
<time class="postlist-date" datetime="2006-05-22">May 2006</time>
</li>
<li class="postlist-item">
<a href="/summer-part-two/" class="postlist-link">Summer, Part Two</a>
<time class="postlist-date" datetime="2005-07-06">July 2005</time>
</li>
<li class="postlist-item">
<a href="/where-am-i/" class="postlist-link">Where Am I?</a>
<time class="postlist-date" datetime="2005-04-04">April 2005</time>
</li>
<li class="postlist-item">
<a href="/ahhhhhh/" class="postlist-link">Ahhhhhh...</a>
<time class="postlist-date" datetime="2005-02-12">February 2005</time>
</li>
<li class="postlist-item">
<a href="/a-plea-for-geek-advice/" class="postlist-link">A Plea for Geek Advice</a>
<time class="postlist-date" datetime="2005-02-12">February 2005</time>
</li>
<li class="postlist-item">
<a href="/utilities/" class="postlist-link">Utilities</a>
<time class="postlist-date" datetime="2005-01-03">January 2005</time>
</li>
<li class="postlist-item">
<a href="/life-and-death-in-the-electronic-age/" class="postlist-link">Life and Death in the Electronic Age</a>
<time class="postlist-date" datetime="2004-09-25">September 2004</time>
</li>
<li class="postlist-item">
<a href="/photoblogging-the-old-fashioned-way/" class="postlist-link">Photoblogging the Old-Fashioned Way</a>
<time class="postlist-date" datetime="2004-08-17">August 2004</time>
</li>
<li class="postlist-item">
<a href="/lather-rinse-repeat/" class="postlist-link">Lather.&amp;nbsp; Rinse.&amp;nbsp; Repeat.</a>
<time class="postlist-date" datetime="2004-08-10">August 2004</time>
</li>
<li class="postlist-item">
<a href="/why-i-love-technology/" class="postlist-link">Why I Love Technology</a>
<time class="postlist-date" datetime="2004-08-08">August 2004</time>
</li>
<li class="postlist-item">
<a href="/ah-the-irony/" class="postlist-link">Ah, the Irony</a>
<time class="postlist-date" datetime="2004-07-07">July 2004</time>
</li>
<li class="postlist-item">
<a href="/technolust/" class="postlist-link">Technolust</a>
<time class="postlist-date" datetime="2004-06-08">June 2004</time>
</li>
<li class="postlist-item">
<a href="/why-so-long-as-i-live-neither-i-nor-any-of-mine-will-ever-purchase-a-sony-product-again/" class="postlist-link">Why, So Long As I Live, Neither I Nor Any of Mine Will Ever Purchase a Sony Product Again</a>
<time class="postlist-date" datetime="2004-05-31">May 2004</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/technology/` was built on 2024-12-08T18:38:33.747Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

710
tags/television/index.html Normal file
View File

@@ -0,0 +1,710 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;television&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 30 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-television">Tagged “television”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/spoilerz/" class="postlist-link">Spoilerz!</a>
<time class="postlist-date" datetime="2012-06-04">June 2012</time>
</li>
<li class="postlist-item">
<a href="/sports-night/" class="postlist-link">Sports Night</a>
<time class="postlist-date" datetime="2011-09-21">September 2011</time>
</li>
<li class="postlist-item">
<a href="/gee-time-warner-thanks-for-asking/" class="postlist-link">Gee, Time Warner, Thanks for Asking</a>
<time class="postlist-date" datetime="2009-12-04">December 2009</time>
</li>
<li class="postlist-item">
<a href="/rip-walter-cronkite/" class="postlist-link">RIP, Walter Cronkite</a>
<time class="postlist-date" datetime="2009-07-17">July 2009</time>
</li>
<li class="postlist-item">
<a href="/insert-nippular-pun-of-your-choosing-here/" class="postlist-link">Insert Nippular Pun of Your Choosing Here</a>
<time class="postlist-date" datetime="2008-07-21">July 2008</time>
</li>
<li class="postlist-item">
<a href="/the-descent/" class="postlist-link">The Descent</a>
<time class="postlist-date" datetime="2008-02-27">February 2008</time>
</li>
<li class="postlist-item">
<a href="/emerging/" class="postlist-link">Emerging</a>
<time class="postlist-date" datetime="2008-01-07">January 2008</time>
</li>
<li class="postlist-item">
<a href="/it-goes-on-and-on-and/" class="postlist-link">It Goes On and On and</a>
<time class="postlist-date" datetime="2007-06-14">June 2007</time>
</li>
<li class="postlist-item">
<a href="/its-not-tv/" class="postlist-link">It&#39;s Not TV</a>
<time class="postlist-date" datetime="2007-06-04">June 2007</time>
</li>
<li class="postlist-item">
<a href="/notes-from-flow-watching-television-off-television/" class="postlist-link">Notes from Flow:; Watching Television Off-Television</a>
<time class="postlist-date" datetime="2006-10-29">October 2006</time>
</li>
<li class="postlist-item">
<a href="/notes-from-flow-on-taste/" class="postlist-link">Notes from Flow: On Taste</a>
<time class="postlist-date" datetime="2006-10-28">October 2006</time>
</li>
<li class="postlist-item">
<a href="/media-life/" class="postlist-link">Media Life</a>
<time class="postlist-date" datetime="2006-10-05">October 2006</time>
</li>
<li class="postlist-item">
<a href="/former-students-make-good/" class="postlist-link">Former Students Make Good</a>
<time class="postlist-date" datetime="2006-09-09">September 2006</time>
</li>
<li class="postlist-item">
<a href="/watching-the-net/" class="postlist-link">Watching the Net</a>
<time class="postlist-date" datetime="2006-05-20">May 2006</time>
</li>
<li class="postlist-item">
<a href="/product-placement/" class="postlist-link">Product Placement</a>
<time class="postlist-date" datetime="2006-05-04">May 2006</time>
</li>
<li class="postlist-item">
<a href="/and-theyre-out-in-the-regional-semi-final/" class="postlist-link">And Theyre Out, in the Regional Semi-Final</a>
<time class="postlist-date" datetime="2006-03-17">March 2006</time>
</li>
<li class="postlist-item">
<a href="/wha/" class="postlist-link">Wha?</a>
<time class="postlist-date" datetime="2005-12-08">December 2005</time>
</li>
<li class="postlist-item">
<a href="/what-ive-accomplished-this-weekend/" class="postlist-link">What I&#39;ve Accomplished This Weekend</a>
<time class="postlist-date" datetime="2005-10-23">October 2005</time>
</li>
<li class="postlist-item">
<a href="/do-you-know-what-it-means-to-miss-new-orleans/" class="postlist-link">Do You Know What It Means, to Miss New Orleans?</a>
<time class="postlist-date" datetime="2005-08-29">August 2005</time>
</li>
<li class="postlist-item">
<a href="/coverage/" class="postlist-link">Coverage</a>
<time class="postlist-date" datetime="2005-08-29">August 2005</time>
</li>
<li class="postlist-item">
<a href="/one-of-these-things-is-not-like-the-others/" class="postlist-link">One of These Things Is Not Like the Others</a>
<time class="postlist-date" datetime="2005-08-24">August 2005</time>
</li>
<li class="postlist-item">
<a href="/six-feet-under-now-six-feet-under/" class="postlist-link">Six Feet Under, Now Six Feet Under</a>
<time class="postlist-date" datetime="2005-08-22">August 2005</time>
</li>
<li class="postlist-item">
<a href="/life-without-hbo/" class="postlist-link">Life Without HBO</a>
<time class="postlist-date" datetime="2005-08-15">August 2005</time>
</li>
<li class="postlist-item">
<a href="/i-got-good-news-and-i-got-bad-news/" class="postlist-link">I Got Good News, And I Got Bad News</a>
<time class="postlist-date" datetime="2004-08-15">August 2004</time>
</li>
<li class="postlist-item">
<a href="/today-i-am-not-amused/" class="postlist-link">Today, I Am Not Amused</a>
<time class="postlist-date" datetime="2004-03-09">March 2004</time>
</li>
<li class="postlist-item">
<a href="/its-the-end-of-the-buffyverse-as-we-know-it/" class="postlist-link">It&#39;s the End of the Buffyverse as We Know It</a>
<time class="postlist-date" datetime="2004-02-14">February 2004</time>
</li>
<li class="postlist-item">
<a href="/oh-sure-it-was-super/" class="postlist-link">Oh, Sure, It Was Super</a>
<time class="postlist-date" datetime="2004-02-02">February 2004</time>
</li>
<li class="postlist-item">
<a href="/them-singin-dancin-demons-do-it-every-time/" class="postlist-link">Them Singin&#39;, Dancin&#39; Demons Do It Every Time</a>
<time class="postlist-date" datetime="2002-07-03">July 2002</time>
</li>
<li class="postlist-item">
<a href="/rubbed-out/" class="postlist-link">Rubbed Out</a>
<time class="postlist-date" datetime="2002-07-01">July 2002</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/television/` was built on 2024-12-08T18:38:33.695Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

575
tags/thinking/index.html Normal file
View File

@@ -0,0 +1,575 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;thinking&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 3 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-thinking">Tagged “thinking”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/admitting-defeat/" class="postlist-link">Start by Admitting Defeat</a>
<time class="postlist-date" datetime="2024-11-30">November 2024</time>
</li>
<li class="postlist-item">
<a href="/smart-notes/" class="postlist-link">Smart Notes</a>
<time class="postlist-date" datetime="2023-12-26">December 2023</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/thinking/` was built on 2024-12-08T18:38:33.789Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

825
tags/tinkering/index.html Normal file
View File

@@ -0,0 +1,825 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;tinkering&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 53 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-tinkering">Tagged “tinkering”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/posse-pipedream/" class="postlist-link">In Pursuit of the POSSE Pipedream</a>
<time class="postlist-date" datetime="2024-11-29">November 2024</time>
</li>
<li class="postlist-item">
<a href="/rebuilding/" class="postlist-link">Rebuilding</a>
<time class="postlist-date" datetime="2024-11-29">November 2024</time>
</li>
<li class="postlist-item">
<a href="/this-is-a-test/" class="postlist-link">This is a Test</a>
<time class="postlist-date" datetime="2024-02-19">February 2024</time>
</li>
<li class="postlist-item">
<a href="/syndication/" class="postlist-link">Syndication</a>
<time class="postlist-date" datetime="2024-02-18">February 2024</time>
</li>
<li class="postlist-item">
<a href="/git/" class="postlist-link">Git</a>
<time class="postlist-date" datetime="2023-07-11">July 2023</time>
</li>
<li class="postlist-item">
<a href="/eleventy/" class="postlist-link">Eleventy</a>
<time class="postlist-date" datetime="2023-07-03">July 2023</time>
</li>
<li class="postlist-item">
<a href="/testing/" class="postlist-link">Testing</a>
<time class="postlist-date" datetime="2023-02-16">February 2023</time>
</li>
<li class="postlist-item">
<a href="/comments/" class="postlist-link">Comments</a>
<time class="postlist-date" datetime="2022-12-30">December 2022</time>
</li>
<li class="postlist-item">
<a href="/hello-world/" class="postlist-link">Hello World!</a>
<time class="postlist-date" datetime="2022-12-28">December 2022</time>
</li>
<li class="postlist-item">
<a href="/block-editor-question/" class="postlist-link">Block Editor Question</a>
<time class="postlist-date" datetime="2022-12-03">December 2022</time>
</li>
<li class="postlist-item">
<a href="/themes/" class="postlist-link">Themes</a>
<time class="postlist-date" datetime="2018-08-16">August 2018</time>
</li>
<li class="postlist-item">
<a href="/tinkering-2/" class="postlist-link">Tinkering</a>
<time class="postlist-date" datetime="2016-08-19">August 2016</time>
</li>
<li class="postlist-item">
<a href="/surfaces/" class="postlist-link">Surfaces</a>
<time class="postlist-date" datetime="2014-05-10">May 2014</time>
</li>
<li class="postlist-item">
<a href="/get-me-rewrite/" class="postlist-link">Get Me Rewrite!</a>
<time class="postlist-date" datetime="2013-07-14">July 2013</time>
</li>
<li class="postlist-item">
<a href="/multiple-calendar-query/" class="postlist-link">Multiple Calendar Query</a>
<time class="postlist-date" datetime="2012-09-01">September 2012</time>
</li>
<li class="postlist-item">
<a href="/rearranging-the-deck-chairs/" class="postlist-link">Rearranging the Deck Chairs</a>
<time class="postlist-date" datetime="2012-05-27">May 2012</time>
</li>
<li class="postlist-item">
<a href="/placeholder-2/" class="postlist-link">Placeholder</a>
<time class="postlist-date" datetime="2012-04-28">April 2012</time>
</li>
<li class="postlist-item">
<a href="/rebuild-rewrite-redirect/" class="postlist-link">Rebuild, Rewrite, Redirect</a>
<time class="postlist-date" datetime="2011-09-18">September 2011</time>
</li>
<li class="postlist-item">
<a href="/well-that-was-fun/" class="postlist-link">Well, That Was Fun</a>
<time class="postlist-date" datetime="2008-04-21">April 2008</time>
</li>
<li class="postlist-item">
<a href="/further-tinkering/" class="postlist-link">Further Tinkering</a>
<time class="postlist-date" datetime="2008-04-19">April 2008</time>
</li>
<li class="postlist-item">
<a href="/a-twittering-update/" class="postlist-link">A Twittering Update</a>
<time class="postlist-date" datetime="2008-04-11">April 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings/" class="postlist-link">Twitterings</a>
<time class="postlist-date" datetime="2008-04-09">April 2008</time>
</li>
<li class="postlist-item">
<a href="/pardon-the-dust/" class="postlist-link">Pardon the Dust</a>
<time class="postlist-date" datetime="2008-04-08">April 2008</time>
</li>
<li class="postlist-item">
<a href="/hic/" class="postlist-link">*hic*</a>
<time class="postlist-date" datetime="2007-06-29">June 2007</time>
</li>
<li class="postlist-item">
<a href="/five/" class="postlist-link">Five</a>
<time class="postlist-date" datetime="2007-06-19">June 2007</time>
</li>
<li class="postlist-item">
<a href="/categories-2/" class="postlist-link">Categories</a>
<time class="postlist-date" datetime="2007-06-08">June 2007</time>
</li>
<li class="postlist-item">
<a href="/welcome-almost/" class="postlist-link">Welcome, Almost</a>
<time class="postlist-date" datetime="2007-06-04">June 2007</time>
</li>
<li class="postlist-item">
<a href="/aaaaargh/" class="postlist-link">AAAAARGH!</a>
<time class="postlist-date" datetime="2007-06-03">June 2007</time>
</li>
<li class="postlist-item">
<a href="/because-i-am-precisely-that-nuts/" class="postlist-link">Because I Am Precisely That Nuts</a>
<time class="postlist-date" datetime="2007-06-02">June 2007</time>
</li>
<li class="postlist-item">
<a href="/the-mla-thus-far/" class="postlist-link">The MLA, Thus Far</a>
<time class="postlist-date" datetime="2006-12-28">December 2006</time>
</li>
<li class="postlist-item">
<a href="/linky-update/" class="postlist-link">Linky Update</a>
<time class="postlist-date" datetime="2006-09-01">September 2006</time>
</li>
<li class="postlist-item">
<a href="/isync-and-the-verizon-cdma-razr-v3c/" class="postlist-link">iSync and the Verizon CDMA RAZR V3c</a>
<time class="postlist-date" datetime="2006-04-28">April 2006</time>
</li>
<li class="postlist-item">
<a href="/categories-2006/" class="postlist-link">Categories</a>
<time class="postlist-date" datetime="2006-03-15">March 2006</time>
</li>
<li class="postlist-item">
<a href="/absolute-madness-im-sure/" class="postlist-link">Absolute Madness, I&#39;m Sure</a>
<time class="postlist-date" datetime="2006-02-03">February 2006</time>
</li>
<li class="postlist-item">
<a href="/aargh/" class="postlist-link">Aargh!</a>
<time class="postlist-date" datetime="2005-11-20">November 2005</time>
</li>
<li class="postlist-item">
<a href="/more-on-cpu-resources/" class="postlist-link">More on CPU Resources</a>
<time class="postlist-date" datetime="2005-11-14">November 2005</time>
</li>
<li class="postlist-item">
<a href="/tinkering/" class="postlist-link">Tinkering</a>
<time class="postlist-date" datetime="2005-11-13">November 2005</time>
</li>
<li class="postlist-item">
<a href="/category-mistake/" class="postlist-link">Category Mistake</a>
<time class="postlist-date" datetime="2005-10-30">October 2005</time>
</li>
<li class="postlist-item">
<a href="/rather-than-working/" class="postlist-link">Rather Than Working</a>
<time class="postlist-date" datetime="2005-10-16">October 2005</time>
</li>
<li class="postlist-item">
<a href="/by-the-by/" class="postlist-link">By the By</a>
<time class="postlist-date" datetime="2005-08-26">August 2005</time>
</li>
<li class="postlist-item">
<a href="/commenting-trouble/" class="postlist-link">Commenting Trouble?</a>
<time class="postlist-date" datetime="2005-06-28">June 2005</time>
</li>
<li class="postlist-item">
<a href="/out-of-the-garden/" class="postlist-link">Out of the Garden</a>
<time class="postlist-date" datetime="2004-10-25">October 2004</time>
</li>
<li class="postlist-item">
<a href="/program-notes/" class="postlist-link">Program Notes</a>
<time class="postlist-date" datetime="2004-08-12">August 2004</time>
</li>
<li class="postlist-item">
<a href="/just-a-word-or-two-before-i-go/" class="postlist-link">Just a Word or Two Before I Go</a>
<time class="postlist-date" datetime="2004-07-22">July 2004</time>
</li>
<li class="postlist-item">
<a href="/stage-2-complete/" class="postlist-link">Stage 2, Complete</a>
<time class="postlist-date" datetime="2004-05-28">May 2004</time>
</li>
<li class="postlist-item">
<a href="/stage-1-complete/" class="postlist-link">Stage 1, Complete</a>
<time class="postlist-date" datetime="2004-05-24">May 2004</time>
</li>
<li class="postlist-item">
<a href="/help/" class="postlist-link">Help!</a>
<time class="postlist-date" datetime="2004-05-20">May 2004</time>
</li>
<li class="postlist-item">
<a href="/update-2/" class="postlist-link">Update</a>
<time class="postlist-date" datetime="2004-05-16">May 2004</time>
</li>
<li class="postlist-item">
<a href="/take-two-2/" class="postlist-link">Take Two</a>
<time class="postlist-date" datetime="2004-05-14">May 2004</time>
</li>
<li class="postlist-item">
<a href="/request-for-hosting-recommendations/" class="postlist-link">Request for Hosting Recommendations</a>
<time class="postlist-date" datetime="2004-05-13">May 2004</time>
</li>
<li class="postlist-item">
<a href="/booksense/" class="postlist-link">BookSense</a>
<time class="postlist-date" datetime="2004-04-21">April 2004</time>
</li>
<li class="postlist-item">
<a href="/the-times-roman-they-are-a-changin/" class="postlist-link">The Times(-Roman), They Are a-Changin&#39;</a>
<time class="postlist-date" datetime="2002-07-02">July 2002</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/tinkering/` was built on 2024-12-08T18:38:33.700Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

730
tags/to-do/index.html Normal file
View File

@@ -0,0 +1,730 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;to do&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 34 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-to-do">Tagged “to do”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/not-dead-yet/" class="postlist-link">Not Dead Yet</a>
<time class="postlist-date" datetime="2009-04-19">April 2009</time>
</li>
<li class="postlist-item">
<a href="/deadlines/" class="postlist-link">Deadlines</a>
<time class="postlist-date" datetime="2007-09-30">September 2007</time>
</li>
<li class="postlist-item">
<a href="/its-a-draft/" class="postlist-link">It&#39;s a Draft!</a>
<time class="postlist-date" datetime="2006-07-26">July 2006</time>
</li>
<li class="postlist-item">
<a href="/managed-and-unmanaged/" class="postlist-link">Managed and Unmanaged</a>
<time class="postlist-date" datetime="2006-07-05">July 2006</time>
</li>
<li class="postlist-item">
<a href="/things-i-really-ought-to-get-done-today/" class="postlist-link">Things I Really Ought to Get Done Today</a>
<time class="postlist-date" datetime="2006-03-07">March 2006</time>
</li>
<li class="postlist-item">
<a href="/almost/" class="postlist-link">Almost</a>
<time class="postlist-date" datetime="2005-12-15">December 2005</time>
</li>
<li class="postlist-item">
<a href="/counting-down/" class="postlist-link">Counting Down</a>
<time class="postlist-date" datetime="2005-12-10">December 2005</time>
</li>
<li class="postlist-item">
<a href="/t-minus-fourteen-days/" class="postlist-link">T Minus Fourteen Days</a>
<time class="postlist-date" datetime="2005-12-03">December 2005</time>
</li>
<li class="postlist-item">
<a href="/ticker-still-ticking/" class="postlist-link">Ticker, Still Ticking</a>
<time class="postlist-date" datetime="2005-11-30">November 2005</time>
</li>
<li class="postlist-item">
<a href="/the-ticker/" class="postlist-link">The Ticker</a>
<time class="postlist-date" datetime="2005-11-16">November 2005</time>
</li>
<li class="postlist-item">
<a href="/what-remains/" class="postlist-link">What Remains</a>
<time class="postlist-date" datetime="2005-11-09">November 2005</time>
</li>
<li class="postlist-item">
<a href="/what-ive-accomplished-this-weekend/" class="postlist-link">What I&#39;ve Accomplished This Weekend</a>
<time class="postlist-date" datetime="2005-10-23">October 2005</time>
</li>
<li class="postlist-item">
<a href="/recovery/" class="postlist-link">Recovery</a>
<time class="postlist-date" datetime="2005-10-19">October 2005</time>
</li>
<li class="postlist-item">
<a href="/what-to-do-with-72-hours-at-home/" class="postlist-link">What to Do with 72 Hours at Home</a>
<time class="postlist-date" datetime="2005-10-11">October 2005</time>
</li>
<li class="postlist-item">
<a href="/panic/" class="postlist-link">Panic</a>
<time class="postlist-date" datetime="2005-09-26">September 2005</time>
</li>
<li class="postlist-item">
<a href="/weekend-update/" class="postlist-link">Weekend Update</a>
<time class="postlist-date" datetime="2005-09-18">September 2005</time>
</li>
<li class="postlist-item">
<a href="/a-reminder/" class="postlist-link">A Reminder</a>
<time class="postlist-date" datetime="2005-07-13">July 2005</time>
</li>
<li class="postlist-item">
<a href="/further-updates-and-into-the-summer/" class="postlist-link">Further Updates, and Into the Summer</a>
<time class="postlist-date" datetime="2005-05-07">May 2005</time>
</li>
<li class="postlist-item">
<a href="/the-countdown-updated/" class="postlist-link">The Countdown, Updated</a>
<time class="postlist-date" datetime="2005-05-06">May 2005</time>
</li>
<li class="postlist-item">
<a href="/before-i-get-ahead-of-myself/" class="postlist-link">Before I Get Ahead of Myself</a>
<time class="postlist-date" datetime="2005-05-05">May 2005</time>
</li>
<li class="postlist-item">
<a href="/the-grading-count/" class="postlist-link">The Grading Count</a>
<time class="postlist-date" datetime="2005-05-02">May 2005</time>
</li>
<li class="postlist-item">
<a href="/catching-up/" class="postlist-link">Catching Up</a>
<time class="postlist-date" datetime="2005-04-05">April 2005</time>
</li>
<li class="postlist-item">
<a href="/confessions/" class="postlist-link">Confessions</a>
<time class="postlist-date" datetime="2005-03-18">March 2005</time>
</li>
<li class="postlist-item">
<a href="/this-weekend/" class="postlist-link">This Weekend</a>
<time class="postlist-date" datetime="2005-02-17">February 2005</time>
</li>
<li class="postlist-item">
<a href="/word-to-the-wise/" class="postlist-link">Word to the Wise</a>
<time class="postlist-date" datetime="2005-02-14">February 2005</time>
</li>
<li class="postlist-item">
<a href="/on-procrastination/" class="postlist-link">On Procrastination</a>
<time class="postlist-date" datetime="2004-12-29">December 2004</time>
</li>
<li class="postlist-item">
<a href="/updated-count/" class="postlist-link">Updated Count</a>
<time class="postlist-date" datetime="2004-12-15">December 2004</time>
</li>
<li class="postlist-item">
<a href="/how-not-to-get-it-done/" class="postlist-link">How Not to Get It Done</a>
<time class="postlist-date" datetime="2004-12-13">December 2004</time>
</li>
<li class="postlist-item">
<a href="/what-i-did-during-my-fall-break/" class="postlist-link">What I Did During My Fall Break</a>
<time class="postlist-date" datetime="2004-10-19">October 2004</time>
</li>
<li class="postlist-item">
<a href="/what-ive-been-doing/" class="postlist-link">What I&#39;ve Been Doing</a>
<time class="postlist-date" datetime="2004-09-07">September 2004</time>
</li>
<li class="postlist-item">
<a href="/summer-plans-revised/" class="postlist-link">Summer Plans, Revised</a>
<time class="postlist-date" datetime="2004-07-06">July 2004</time>
</li>
<li class="postlist-item">
<a href="/simple-math-or-a-word-problem/" class="postlist-link">Simple Math, or a Word Problem</a>
<time class="postlist-date" datetime="2004-02-12">February 2004</time>
</li>
<li class="postlist-item">
<a href="/off-again/" class="postlist-link">Off Again</a>
<time class="postlist-date" datetime="2003-11-24">November 2003</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/to-do/` was built on 2024-12-08T18:38:33.742Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

1220
tags/travel/index.html Normal file

File diff suppressed because it is too large Load Diff

850
tags/twitter/index.html Normal file
View File

@@ -0,0 +1,850 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;twitter&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 58 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-twitter">Tagged “twitter”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/if-you-cant-say-anything-nice/" class="postlist-link">If You Can&#39;t Say Anything Nice</a>
<time class="postlist-date" datetime="2013-01-25">January 2013</time>
</li>
<li class="postlist-item">
<a href="/advice-on-academic-blogging-tweeting-whatever/" class="postlist-link">Advice on Academic Blogging, Tweeting, Whatever</a>
<time class="postlist-date" datetime="2012-10-01">October 2012</time>
</li>
<li class="postlist-item">
<a href="/past-and-future/" class="postlist-link">Past and Future</a>
<time class="postlist-date" datetime="2010-08-31">August 2010</time>
</li>
<li class="postlist-item">
<a href="/why-i-want-google-wave-now-please/" class="postlist-link">Why I Want Google Wave NOW, Please</a>
<time class="postlist-date" datetime="2009-07-03">July 2009</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-2-september-2008/" class="postlist-link">Twitterings on 2 September 2008</a>
<time class="postlist-date" datetime="2008-09-03">September 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-31-august-2008/" class="postlist-link">Twitterings on 31 August 2008</a>
<time class="postlist-date" datetime="2008-09-01">September 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-28-august-2008/" class="postlist-link">Twitterings on 28 August 2008</a>
<time class="postlist-date" datetime="2008-08-29">August 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-26-august-2008/" class="postlist-link">Twitterings on 26 August 2008</a>
<time class="postlist-date" datetime="2008-08-27">August 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-21-august-2008/" class="postlist-link">Twitterings on 21 August 2008</a>
<time class="postlist-date" datetime="2008-08-22">August 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-19-august-2008/" class="postlist-link">Twitterings on 19 August 2008</a>
<time class="postlist-date" datetime="2008-08-20">August 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-15-august-2008/" class="postlist-link">Twitterings on 15 August 2008</a>
<time class="postlist-date" datetime="2008-08-16">August 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-14-august-2008/" class="postlist-link">Twitterings on 14 August 2008</a>
<time class="postlist-date" datetime="2008-08-15">August 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-10-august-2008/" class="postlist-link">Twitterings on 10 August 2008</a>
<time class="postlist-date" datetime="2008-08-11">August 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-8-august-2008/" class="postlist-link">Twitterings on 8 August 2008</a>
<time class="postlist-date" datetime="2008-08-09">August 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-5-august-2008/" class="postlist-link">Twitterings on 5 August 2008</a>
<time class="postlist-date" datetime="2008-08-06">August 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-4-august-2008/" class="postlist-link">Twitterings on 4 August 2008</a>
<time class="postlist-date" datetime="2008-08-05">August 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-1-august-2008/" class="postlist-link">Twitterings on 1 August 2008</a>
<time class="postlist-date" datetime="2008-08-02">August 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-29-july-2008/" class="postlist-link">Twitterings on 29 July 2008</a>
<time class="postlist-date" datetime="2008-07-30">July 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-23-july-2008/" class="postlist-link">Twitterings on 23 July 2008</a>
<time class="postlist-date" datetime="2008-07-24">July 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-22-july-2008/" class="postlist-link">Twitterings on 22 July 2008</a>
<time class="postlist-date" datetime="2008-07-23">July 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-21-july-2008/" class="postlist-link">Twitterings on 21 July 2008</a>
<time class="postlist-date" datetime="2008-07-22">July 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-19-july-2008/" class="postlist-link">Twitterings on 19 July 2008</a>
<time class="postlist-date" datetime="2008-07-20">July 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-11-july-2008/" class="postlist-link">Twitterings on 11 July 2008</a>
<time class="postlist-date" datetime="2008-07-12">July 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-4-july-2008/" class="postlist-link">Twitterings on 4 July 2008</a>
<time class="postlist-date" datetime="2008-07-05">July 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-2-july-2008/" class="postlist-link">Twitterings on 2 July 2008</a>
<time class="postlist-date" datetime="2008-07-03">July 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-29-june-2008/" class="postlist-link">Twitterings on 29 June 2008</a>
<time class="postlist-date" datetime="2008-06-30">June 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-26-june-2008/" class="postlist-link">Twitterings on 26 June 2008</a>
<time class="postlist-date" datetime="2008-06-27">June 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-25-june-2008/" class="postlist-link">Twitterings on 25 June 2008</a>
<time class="postlist-date" datetime="2008-06-26">June 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-23-june-2008/" class="postlist-link">Twitterings on 23 June 2008</a>
<time class="postlist-date" datetime="2008-06-24">June 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-22-june-2008/" class="postlist-link">Twitterings on 22 June 2008</a>
<time class="postlist-date" datetime="2008-06-23">June 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-21-june-2008/" class="postlist-link">Twitterings on 21 June 2008</a>
<time class="postlist-date" datetime="2008-06-22">June 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-17-june-2008/" class="postlist-link">Twitterings on 17 June 2008</a>
<time class="postlist-date" datetime="2008-06-18">June 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-14-june-2008/" class="postlist-link">Twitterings on 14 June 2008</a>
<time class="postlist-date" datetime="2008-06-15">June 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-12-june-2008/" class="postlist-link">Twitterings on 12 June 2008</a>
<time class="postlist-date" datetime="2008-06-13">June 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-5-june-2008/" class="postlist-link">Twitterings on 5 June 2008</a>
<time class="postlist-date" datetime="2008-06-06">June 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-1-june-2008/" class="postlist-link">Twitterings on 1 June 2008</a>
<time class="postlist-date" datetime="2008-06-02">June 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-30-may-2008/" class="postlist-link">Twitterings on 30 May 2008</a>
<time class="postlist-date" datetime="2008-05-31">May 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-24-may-2008/" class="postlist-link">Twitterings on 24 May 2008</a>
<time class="postlist-date" datetime="2008-05-25">May 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-22-may-2008/" class="postlist-link">Twitterings on 22 May 2008</a>
<time class="postlist-date" datetime="2008-05-23">May 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-18-may-2008/" class="postlist-link">Twitterings on 18 May 2008</a>
<time class="postlist-date" datetime="2008-05-19">May 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-11-may-2008/" class="postlist-link">Twitterings on 11 May 2008</a>
<time class="postlist-date" datetime="2008-05-12">May 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-9-may-2008/" class="postlist-link">Twitterings on 9 May 2008</a>
<time class="postlist-date" datetime="2008-05-10">May 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-5-may-2008-2/" class="postlist-link">Twitterings on 5 May 2008</a>
<time class="postlist-date" datetime="2008-05-06">May 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-4-may-2008/" class="postlist-link">Twitterings on 4 May 2008</a>
<time class="postlist-date" datetime="2008-05-05">May 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-3-may-2008/" class="postlist-link">Twitterings on 3 May 2008</a>
<time class="postlist-date" datetime="2008-05-04">May 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-1-may-2008/" class="postlist-link">Twitterings on 1 May 2008</a>
<time class="postlist-date" datetime="2008-05-02">May 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-26-april-2008/" class="postlist-link">Twitterings on 26 April 2008</a>
<time class="postlist-date" datetime="2008-04-27">April 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-25-april-2008/" class="postlist-link">Twitterings on 25 April 2008</a>
<time class="postlist-date" datetime="2008-04-26">April 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-23-april-2008/" class="postlist-link">Twitterings on 23 April 2008</a>
<time class="postlist-date" datetime="2008-04-24">April 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-21-april-2008/" class="postlist-link">Twitterings on 21 April 2008</a>
<time class="postlist-date" datetime="2008-04-22">April 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-19-april-2008/" class="postlist-link">Twitterings on 19 April 2008</a>
<time class="postlist-date" datetime="2008-04-20">April 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-18-april-2008/" class="postlist-link">Twitterings on 18 April 2008</a>
<time class="postlist-date" datetime="2008-04-19">April 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-15-april-2008/" class="postlist-link">Twitterings on 15 April 2008</a>
<time class="postlist-date" datetime="2008-04-15">April 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-11-april-2008/" class="postlist-link">Twitterings on 11 April 2008</a>
<time class="postlist-date" datetime="2008-04-11">April 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-10-april-2008/" class="postlist-link">Twitterings on 10 April 2008</a>
<time class="postlist-date" datetime="2008-04-10">April 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-9-april-2008/" class="postlist-link">Twitterings on 9 April 2008</a>
<time class="postlist-date" datetime="2008-04-09">April 2008</time>
</li>
<li class="postlist-item">
<a href="/twitterings-on-8-april-2008/" class="postlist-link">Twitterings on 8 April 2008</a>
<time class="postlist-date" datetime="2008-04-09">April 2008</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/twitter/` was built on 2024-12-08T18:38:33.761Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

880
tags/watching/index.html Normal file
View File

@@ -0,0 +1,880 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;watching&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 64 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-watching">Tagged “watching”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/pretty-hurts/" class="postlist-link">Pretty Hurts</a>
<time class="postlist-date" datetime="2015-09-16">September 2015</time>
</li>
<li class="postlist-item">
<a href="/sports-night/" class="postlist-link">Sports Night</a>
<time class="postlist-date" datetime="2011-09-21">September 2011</time>
</li>
<li class="postlist-item">
<a href="/deadwood-take-two/" class="postlist-link">Deadwood, Take Two</a>
<time class="postlist-date" datetime="2008-07-28">July 2008</time>
</li>
<li class="postlist-item">
<a href="/tonight-a-conversation/" class="postlist-link">Tonight, A Conversation about the Future of Technology</a>
<time class="postlist-date" datetime="2008-05-03">May 2008</time>
</li>
<li class="postlist-item">
<a href="/geaux/" class="postlist-link">Geaux!</a>
<time class="postlist-date" datetime="2008-01-08">January 2008</time>
</li>
<li class="postlist-item">
<a href="/back-to-work-with-you-then/" class="postlist-link">Back to Work with You, Then</a>
<time class="postlist-date" datetime="2007-07-30">July 2007</time>
</li>
<li class="postlist-item">
<a href="/its-not-tv/" class="postlist-link">It&#39;s Not TV</a>
<time class="postlist-date" datetime="2007-06-04">June 2007</time>
</li>
<li class="postlist-item">
<a href="/now-this-is-what-i-want-to-sing-next-year-in-choir/" class="postlist-link">Now This Is What I Want to Sing Next Year in Choir</a>
<time class="postlist-date" datetime="2006-11-15">November 2006</time>
</li>
<li class="postlist-item">
<a href="/studio-60/" class="postlist-link">Studio 60</a>
<time class="postlist-date" datetime="2006-09-12">September 2006</time>
</li>
<li class="postlist-item">
<a href="/best-war-ever/" class="postlist-link">Best War Ever</a>
<time class="postlist-date" datetime="2006-09-11">September 2006</time>
</li>
<li class="postlist-item">
<a href="/da-na-dah-da-na-dah/" class="postlist-link">Da-Na-Dah! Da-Na-Dah!</a>
<time class="postlist-date" datetime="2006-08-22">August 2006</time>
</li>
<li class="postlist-item">
<a href="/watching-the-net/" class="postlist-link">Watching the Net</a>
<time class="postlist-date" datetime="2006-05-20">May 2006</time>
</li>
<li class="postlist-item">
<a href="/the-worst-of-it/" class="postlist-link">The Worst of It</a>
<time class="postlist-date" datetime="2006-04-02">April 2006</time>
</li>
<li class="postlist-item">
<a href="/i-cant-watch/" class="postlist-link">I Can&#39;t Watch</a>
<time class="postlist-date" datetime="2006-04-01">April 2006</time>
</li>
<li class="postlist-item">
<a href="/two-of-eight/" class="postlist-link">Two of Eight</a>
<time class="postlist-date" datetime="2006-03-30">March 2006</time>
</li>
<li class="postlist-item">
<a href="/we-now-return-to-our-regular-cardiac-rhythm/" class="postlist-link">We Now Return to Our Regular Cardiac Rhythm</a>
<time class="postlist-date" datetime="2006-03-25">March 2006</time>
</li>
<li class="postlist-item">
<a href="/catching-up-with-the-rest-of-the-world/" class="postlist-link">Catching Up with the Rest of the World</a>
<time class="postlist-date" datetime="2006-03-22">March 2006</time>
</li>
<li class="postlist-item">
<a href="/so-much-for-suspense/" class="postlist-link">So Much for Suspense</a>
<time class="postlist-date" datetime="2006-03-20">March 2006</time>
</li>
<li class="postlist-item">
<a href="/the-sopranos-season-6/" class="postlist-link">The Sopranos, Season 6</a>
<time class="postlist-date" datetime="2006-03-14">March 2006</time>
</li>
<li class="postlist-item">
<a href="/the-state-of-the-forgotten-part-of-the-union-address/" class="postlist-link">The State of the Forgotten Part of the Union Address</a>
<time class="postlist-date" datetime="2006-03-08">March 2006</time>
</li>
<li class="postlist-item">
<a href="/while-watching-the-oscars/" class="postlist-link">While Watching the Oscars</a>
<time class="postlist-date" datetime="2006-03-05">March 2006</time>
</li>
<li class="postlist-item">
<a href="/shining/" class="postlist-link">Shining</a>
<time class="postlist-date" datetime="2005-09-30">September 2005</time>
</li>
<li class="postlist-item">
<a href="/jon-stewart-on-katrina/" class="postlist-link">Jon Stewart on Katrina</a>
<time class="postlist-date" datetime="2005-09-07">September 2005</time>
</li>
<li class="postlist-item">
<a href="/one-of-these-things-is-not-like-the-others/" class="postlist-link">One of These Things Is Not Like the Others</a>
<time class="postlist-date" datetime="2005-08-24">August 2005</time>
</li>
<li class="postlist-item">
<a href="/life-without-hbo/" class="postlist-link">Life Without HBO</a>
<time class="postlist-date" datetime="2005-08-15">August 2005</time>
</li>
<li class="postlist-item">
<a href="/the-doldrums/" class="postlist-link">The Doldrums</a>
<time class="postlist-date" datetime="2005-08-01">August 2005</time>
</li>
<li class="postlist-item">
<a href="/flaherty-day-five/" class="postlist-link">Flaherty, Day Five</a>
<time class="postlist-date" datetime="2005-06-16">June 2005</time>
</li>
<li class="postlist-item">
<a href="/flaherty-day-four/" class="postlist-link">Flaherty, Day Four</a>
<time class="postlist-date" datetime="2005-06-15">June 2005</time>
</li>
<li class="postlist-item">
<a href="/flaherty-day-three/" class="postlist-link">Flaherty, Day Three</a>
<time class="postlist-date" datetime="2005-06-14">June 2005</time>
</li>
<li class="postlist-item">
<a href="/after-further-thought/" class="postlist-link">After Further Thought</a>
<time class="postlist-date" datetime="2005-06-13">June 2005</time>
</li>
<li class="postlist-item">
<a href="/flaherty-day-two/" class="postlist-link">Flaherty, Day Two</a>
<time class="postlist-date" datetime="2005-06-13">June 2005</time>
</li>
<li class="postlist-item">
<a href="/documentary-boot-camp/" class="postlist-link">Documentary Boot Camp</a>
<time class="postlist-date" datetime="2005-06-12">June 2005</time>
</li>
<li class="postlist-item">
<a href="/deadwood/" class="postlist-link">Deadwood</a>
<time class="postlist-date" datetime="2005-05-23">May 2005</time>
</li>
<li class="postlist-item">
<a href="/alias-season-4/" class="postlist-link">Alias, Season 4</a>
<time class="postlist-date" datetime="2005-01-06">January 2005</time>
</li>
<li class="postlist-item">
<a href="/world-on-fire/" class="postlist-link">World on Fire</a>
<time class="postlist-date" datetime="2004-11-11">November 2004</time>
</li>
<li class="postlist-item">
<a href="/the-wire/" class="postlist-link">The Wire</a>
<time class="postlist-date" datetime="2004-10-18">October 2004</time>
</li>
<li class="postlist-item">
<a href="/how-big/" class="postlist-link">How Big?</a>
<time class="postlist-date" datetime="2004-10-16">October 2004</time>
</li>
<li class="postlist-item">
<a href="/pentagon/" class="postlist-link">Pentagon</a>
<time class="postlist-date" datetime="2004-08-31">August 2004</time>
</li>
<li class="postlist-item">
<a href="/the-new-switch-campaign/" class="postlist-link">The New Switch Campaign</a>
<time class="postlist-date" datetime="2004-08-09">August 2004</time>
</li>
<li class="postlist-item">
<a href="/fahrenheit-911/" class="postlist-link">Fahrenheit 9/11</a>
<time class="postlist-date" datetime="2004-06-29">June 2004</time>
</li>
<li class="postlist-item">
<a href="/six-feet-under/" class="postlist-link">Six Feet Under</a>
<time class="postlist-date" datetime="2004-06-17">June 2004</time>
</li>
<li class="postlist-item">
<a href="/the-sopranos/" class="postlist-link">The Sopranos</a>
<time class="postlist-date" datetime="2004-05-27">May 2004</time>
</li>
<li class="postlist-item">
<a href="/final-score-lsu-21-ou-14/" class="postlist-link">Final Score: LSU 21, OU 14</a>
<time class="postlist-date" datetime="2004-01-05">January 2004</time>
</li>
<li class="postlist-item">
<a href="/246-to-play/" class="postlist-link">2.46 to Play</a>
<time class="postlist-date" datetime="2004-01-05">January 2004</time>
</li>
<li class="postlist-item">
<a href="/341-to-play/" class="postlist-link">3.41 to Play</a>
<time class="postlist-date" datetime="2004-01-05">January 2004</time>
</li>
<li class="postlist-item">
<a href="/now-thats-the-lsu-i-remember/" class="postlist-link">Now That&#39;s the LSU I Remember</a>
<time class="postlist-date" datetime="2004-01-05">January 2004</time>
</li>
<li class="postlist-item">
<a href="/lsu-21-ou-14/" class="postlist-link">LSU 21, OU 14</a>
<time class="postlist-date" datetime="2004-01-05">January 2004</time>
</li>
<li class="postlist-item">
<a href="/wtf/" class="postlist-link">WTF???</a>
<time class="postlist-date" datetime="2004-01-04">January 2004</time>
</li>
<li class="postlist-item">
<a href="/during-the-commercial-break/" class="postlist-link">During the Commercial Break</a>
<time class="postlist-date" datetime="2004-01-04">January 2004</time>
</li>
<li class="postlist-item">
<a href="/lsu-21-ou-7/" class="postlist-link">LSU 21, OU 7</a>
<time class="postlist-date" datetime="2004-01-04">January 2004</time>
</li>
<li class="postlist-item">
<a href="/halftime/" class="postlist-link">Halftime</a>
<time class="postlist-date" datetime="2004-01-04">January 2004</time>
</li>
<li class="postlist-item">
<a href="/lsu-14-ou-7/" class="postlist-link">LSU 14, OU 7</a>
<time class="postlist-date" datetime="2004-01-04">January 2004</time>
</li>
<li class="postlist-item">
<a href="/lsu-7-ou-7/" class="postlist-link">LSU 7, OU 7</a>
<time class="postlist-date" datetime="2004-01-04">January 2004</time>
</li>
<li class="postlist-item">
<a href="/convergence-please/" class="postlist-link">Convergence, Please!</a>
<time class="postlist-date" datetime="2004-01-04">January 2004</time>
</li>
<li class="postlist-item">
<a href="/huh-2/" class="postlist-link">Huh?</a>
<time class="postlist-date" datetime="2004-01-04">January 2004</time>
</li>
<li class="postlist-item">
<a href="/lsu-7-ou-0/" class="postlist-link">LSU 7, OU 0</a>
<time class="postlist-date" datetime="2004-01-04">January 2004</time>
</li>
<li class="postlist-item">
<a href="/g-e-a-u-x/" class="postlist-link">G-E-A-U-X!</a>
<time class="postlist-date" datetime="2004-01-04">January 2004</time>
</li>
<li class="postlist-item">
<a href="/the-weather-project/" class="postlist-link">The Weather Project</a>
<time class="postlist-date" datetime="2004-01-02">January 2004</time>
</li>
<li class="postlist-item">
<a href="/revolutions/" class="postlist-link">Revolutions?</a>
<time class="postlist-date" datetime="2003-11-06">November 2003</time>
</li>
<li class="postlist-item">
<a href="/in-recognition-of-my-dorkitude/" class="postlist-link">In Recognition of My Dorkitude</a>
<time class="postlist-date" datetime="2003-11-05">November 2003</time>
</li>
<li class="postlist-item">
<a href="/yes-i-did-go-see-it/" class="postlist-link">Yes, I Did Go See It</a>
<time class="postlist-date" datetime="2003-07-03">July 2003</time>
</li>
<li class="postlist-item">
<a href="/fall-break/" class="postlist-link">Fall Break</a>
<time class="postlist-date" datetime="2002-10-19">October 2002</time>
</li>
<li class="postlist-item">
<a href="/today-of-course/" class="postlist-link">Today, Of Course</a>
<time class="postlist-date" datetime="2002-09-11">September 2002</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/watching/` was built on 2024-12-08T18:38:33.717Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

570
tags/whining/index.html Normal file
View File

@@ -0,0 +1,570 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;whining&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 2 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-whining">Tagged “whining”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/i-have-concerns/" class="postlist-link">I Have Concerns</a>
<time class="postlist-date" datetime="2023-12-29">December 2023</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/whining/` was built on 2024-12-08T18:38:33.790Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

570
tags/wordpress/index.html Normal file
View File

@@ -0,0 +1,570 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;wordpress&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 2 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-wordpress">Tagged “wordpress”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/block-editor-question/" class="postlist-link">Block Editor Question</a>
<time class="postlist-date" datetime="2022-12-03">December 2022</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/wordpress/` was built on 2024-12-08T18:38:33.776Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

925
tags/work/index.html Normal file
View File

@@ -0,0 +1,925 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;work&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 73 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-work">Tagged “work”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/new-jobs/" class="postlist-link">New Jobs</a>
<time class="postlist-date" datetime="2024-07-20">July 2024</time>
</li>
<li class="postlist-item">
<a href="/weekend-desk/" class="postlist-link">The Weekend Desk</a>
<time class="postlist-date" datetime="2024-01-28">January 2024</time>
</li>
<li class="postlist-item">
<a href="/summer-2019/" class="postlist-link">Summer 2019</a>
<time class="postlist-date" datetime="2019-05-13">May 2019</time>
</li>
<li class="postlist-item">
<a href="/next-steps/" class="postlist-link">Next Steps</a>
<time class="postlist-date" datetime="2017-06-20">June 2017</time>
</li>
<li class="postlist-item">
<a href="/on-the-working-vacation/" class="postlist-link">On the Working Vacation</a>
<time class="postlist-date" datetime="2013-07-24">July 2013</time>
</li>
<li class="postlist-item">
<a href="/getting-back-to-my-own-work/" class="postlist-link">Getting Back to (My Own) Work</a>
<time class="postlist-date" datetime="2013-06-20">June 2013</time>
</li>
<li class="postlist-item">
<a href="/doubts/" class="postlist-link">Doubts</a>
<time class="postlist-date" datetime="2013-04-02">April 2013</time>
</li>
<li class="postlist-item">
<a href="/feeling-my-way-through/" class="postlist-link">Feeling My Way Through</a>
<time class="postlist-date" datetime="2012-12-10">December 2012</time>
</li>
<li class="postlist-item">
<a href="/moving-on-2/" class="postlist-link">Moving On</a>
<time class="postlist-date" datetime="2012-11-28">November 2012</time>
</li>
<li class="postlist-item">
<a href="/warming-up-2/" class="postlist-link">Warming Up</a>
<time class="postlist-date" datetime="2012-11-09">November 2012</time>
</li>
<li class="postlist-item">
<a href="/you-will-never-get-it-all-done/" class="postlist-link">You Will Never Get It All Done</a>
<time class="postlist-date" datetime="2012-08-23">August 2012</time>
</li>
<li class="postlist-item">
<a href="/happy-new-year-2/" class="postlist-link">Happy New Year!</a>
<time class="postlist-date" datetime="2012-01-02">January 2012</time>
</li>
<li class="postlist-item">
<a href="/this-morning/" class="postlist-link">This Morning</a>
<time class="postlist-date" datetime="2011-09-19">September 2011</time>
</li>
<li class="postlist-item">
<a href="/enough/" class="postlist-link">Enough</a>
<time class="postlist-date" datetime="2011-05-23">May 2011</time>
</li>
<li class="postlist-item">
<a href="/upcoming-dates/" class="postlist-link">Upcoming Dates</a>
<time class="postlist-date" datetime="2010-09-30">September 2010</time>
</li>
<li class="postlist-item">
<a href="/this-year/" class="postlist-link">This Year</a>
<time class="postlist-date" datetime="2010-08-23">August 2010</time>
</li>
<li class="postlist-item">
<a href="/this-is-just-to-note/" class="postlist-link">This Is Just to Note</a>
<time class="postlist-date" datetime="2010-03-31">March 2010</time>
</li>
<li class="postlist-item">
<a href="/two-bits-of-recent-work/" class="postlist-link">Two Bits of Recent Work</a>
<time class="postlist-date" datetime="2010-03-23">March 2010</time>
</li>
<li class="postlist-item">
<a href="/december/" class="postlist-link">December!</a>
<time class="postlist-date" datetime="2009-12-01">December 2009</time>
</li>
<li class="postlist-item">
<a href="/and-then-this-week/" class="postlist-link">And Then This Week</a>
<time class="postlist-date" datetime="2009-06-21">June 2009</time>
</li>
<li class="postlist-item">
<a href="/this-week-2/" class="postlist-link">This Week</a>
<time class="postlist-date" datetime="2009-06-15">June 2009</time>
</li>
<li class="postlist-item">
<a href="/ambivalence/" class="postlist-link">Ambivalence</a>
<time class="postlist-date" datetime="2009-06-14">June 2009</time>
</li>
<li class="postlist-item">
<a href="/retreat-advance/" class="postlist-link">Retreat, Advance</a>
<time class="postlist-date" datetime="2009-01-02">January 2009</time>
</li>
<li class="postlist-item">
<a href="/transitions/" class="postlist-link">Transitions</a>
<time class="postlist-date" datetime="2008-12-20">December 2008</time>
</li>
<li class="postlist-item">
<a href="/department/" class="postlist-link">Department</a>
<time class="postlist-date" datetime="2008-09-05">September 2008</time>
</li>
<li class="postlist-item">
<a href="/the-work-ahead/" class="postlist-link">The Work Ahead</a>
<time class="postlist-date" datetime="2008-09-03">September 2008</time>
</li>
<li class="postlist-item">
<a href="/time-shifting/" class="postlist-link">Time-Shifting</a>
<time class="postlist-date" datetime="2008-06-04">June 2008</time>
</li>
<li class="postlist-item">
<a href="/spring-broke/" class="postlist-link">Spring Broke</a>
<time class="postlist-date" datetime="2008-03-19">March 2008</time>
</li>
<li class="postlist-item">
<a href="/survived/" class="postlist-link">Survived</a>
<time class="postlist-date" datetime="2008-03-03">March 2008</time>
</li>
<li class="postlist-item">
<a href="/the-descent/" class="postlist-link">The Descent</a>
<time class="postlist-date" datetime="2008-02-27">February 2008</time>
</li>
<li class="postlist-item">
<a href="/good-news-bad-news-2/" class="postlist-link">Good News, Bad News</a>
<time class="postlist-date" datetime="2008-02-09">February 2008</time>
</li>
<li class="postlist-item">
<a href="/administration/" class="postlist-link">Administration</a>
<time class="postlist-date" datetime="2008-01-29">January 2008</time>
</li>
<li class="postlist-item">
<a href="/friday/" class="postlist-link">Friday!</a>
<time class="postlist-date" datetime="2008-01-25">January 2008</time>
</li>
<li class="postlist-item">
<a href="/pre-semester-anxiety/" class="postlist-link">Pre-Semester Anxiety</a>
<time class="postlist-date" datetime="2008-01-14">January 2008</time>
</li>
<li class="postlist-item">
<a href="/hitting-bottom/" class="postlist-link">Hitting Bottom</a>
<time class="postlist-date" datetime="2007-12-11">December 2007</time>
</li>
<li class="postlist-item">
<a href="/back-to-work/" class="postlist-link">Back to Work</a>
<time class="postlist-date" datetime="2007-11-25">November 2007</time>
</li>
<li class="postlist-item">
<a href="/a-slight-snag/" class="postlist-link">A Slight Snag</a>
<time class="postlist-date" datetime="2007-11-06">November 2007</time>
</li>
<li class="postlist-item">
<a href="/september-is-the-cruelest-month/" class="postlist-link">September Is the Cruelest Month</a>
<time class="postlist-date" datetime="2007-09-15">September 2007</time>
</li>
<li class="postlist-item">
<a href="/deblogging/" class="postlist-link">Deblogging</a>
<time class="postlist-date" datetime="2007-08-31">August 2007</time>
</li>
<li class="postlist-item">
<a href="/kicked/" class="postlist-link">Kicked</a>
<time class="postlist-date" datetime="2007-08-12">August 2007</time>
</li>
<li class="postlist-item">
<a href="/undone/" class="postlist-link">Undone</a>
<time class="postlist-date" datetime="2007-07-21">July 2007</time>
</li>
<li class="postlist-item">
<a href="/updates/" class="postlist-link">Updates</a>
<time class="postlist-date" datetime="2007-06-27">June 2007</time>
</li>
<li class="postlist-item">
<a href="/update-from-paris/" class="postlist-link">Update from Paris</a>
<time class="postlist-date" datetime="2007-06-18">June 2007</time>
</li>
<li class="postlist-item">
<a href="/what-im-not-doing/" class="postlist-link">What I&#39;m Not Doing</a>
<time class="postlist-date" datetime="2005-10-12">October 2005</time>
</li>
<li class="postlist-item">
<a href="/same-song-second-verse/" class="postlist-link">Same Song, Second Verse</a>
<time class="postlist-date" datetime="2005-10-02">October 2005</time>
</li>
<li class="postlist-item">
<a href="/de-escalating/" class="postlist-link">De-escalating</a>
<time class="postlist-date" datetime="2005-09-27">September 2005</time>
</li>
<li class="postlist-item">
<a href="/panic/" class="postlist-link">Panic</a>
<time class="postlist-date" datetime="2005-09-26">September 2005</time>
</li>
<li class="postlist-item">
<a href="/cant-stop-that-day/" class="postlist-link">Can&#39;t Stop That Day</a>
<time class="postlist-date" datetime="2005-09-19">September 2005</time>
</li>
<li class="postlist-item">
<a href="/denial/" class="postlist-link">Denial</a>
<time class="postlist-date" datetime="2005-08-25">August 2005</time>
</li>
<li class="postlist-item">
<a href="/on-the-joys-of-the-working-vacation/" class="postlist-link">On the Joys of the Working Vacation</a>
<time class="postlist-date" datetime="2005-08-12">August 2005</time>
</li>
<li class="postlist-item">
<a href="/less-depressed-still-annoyed/" class="postlist-link">Less Depressed, Still Annoyed</a>
<time class="postlist-date" datetime="2005-08-02">August 2005</time>
</li>
<li class="postlist-item">
<a href="/the-dumbest-thing-ive-done-lately/" class="postlist-link">The Dumbest Thing I&#39;ve Done Lately</a>
<time class="postlist-date" datetime="2005-07-29">July 2005</time>
</li>
<li class="postlist-item">
<a href="/meandering/" class="postlist-link">Meandering</a>
<time class="postlist-date" datetime="2005-06-05">June 2005</time>
</li>
<li class="postlist-item">
<a href="/free-2/" class="postlist-link">Free</a>
<time class="postlist-date" datetime="2005-05-11">May 2005</time>
</li>
<li class="postlist-item">
<a href="/the-countdown-updated/" class="postlist-link">The Countdown, Updated</a>
<time class="postlist-date" datetime="2005-05-06">May 2005</time>
</li>
<li class="postlist-item">
<a href="/regrets/" class="postlist-link">Regrets</a>
<time class="postlist-date" datetime="2005-03-31">March 2005</time>
</li>
<li class="postlist-item">
<a href="/an-utterly-self-indulgent-moment-of-whining/" class="postlist-link">An Utterly Self-Indulgent Moment of Whining</a>
<time class="postlist-date" datetime="2005-03-30">March 2005</time>
</li>
<li class="postlist-item">
<a href="/confessions/" class="postlist-link">Confessions</a>
<time class="postlist-date" datetime="2005-03-18">March 2005</time>
</li>
<li class="postlist-item">
<a href="/break/" class="postlist-link">Break!</a>
<time class="postlist-date" datetime="2005-03-12">March 2005</time>
</li>
<li class="postlist-item">
<a href="/whats-going-on/" class="postlist-link">What&#39;s Going On</a>
<time class="postlist-date" datetime="2005-02-08">February 2005</time>
</li>
<li class="postlist-item">
<a href="/how-not-to-get-it-done/" class="postlist-link">How Not to Get It Done</a>
<time class="postlist-date" datetime="2004-12-13">December 2004</time>
</li>
<li class="postlist-item">
<a href="/for-the-blessings-we-are-about-to-receive/" class="postlist-link">For the Blessings We Are About to Receive</a>
<time class="postlist-date" datetime="2004-11-26">November 2004</time>
</li>
<li class="postlist-item">
<a href="/program-notes/" class="postlist-link">Program Notes</a>
<time class="postlist-date" datetime="2004-08-12">August 2004</time>
</li>
<li class="postlist-item">
<a href="/on-not-working/" class="postlist-link">On Not-Working</a>
<time class="postlist-date" datetime="2004-08-11">August 2004</time>
</li>
<li class="postlist-item">
<a href="/looking-up/" class="postlist-link">Looking Up</a>
<time class="postlist-date" datetime="2004-06-16">June 2004</time>
</li>
<li class="postlist-item">
<a href="/moving-office/" class="postlist-link">Moving Office</a>
<time class="postlist-date" datetime="2004-06-14">June 2004</time>
</li>
<li class="postlist-item">
<a href="/what-now/" class="postlist-link">What Now?</a>
<time class="postlist-date" datetime="2004-06-09">June 2004</time>
</li>
<li class="postlist-item">
<a href="/simple-math-or-a-word-problem/" class="postlist-link">Simple Math, or a Word Problem</a>
<time class="postlist-date" datetime="2004-02-12">February 2004</time>
</li>
<li class="postlist-item">
<a href="/this-week/" class="postlist-link">This Week</a>
<time class="postlist-date" datetime="2003-12-04">December 2003</time>
</li>
<li class="postlist-item">
<a href="/catching-up-2/" class="postlist-link">Catching Up</a>
<time class="postlist-date" datetime="2003-11-12">November 2003</time>
</li>
<li class="postlist-item">
<a href="/on-busyness/" class="postlist-link">On Busyness</a>
<time class="postlist-date" datetime="2003-10-21">October 2003</time>
</li>
<li class="postlist-item">
<a href="/moving-day/" class="postlist-link">Moving Day</a>
<time class="postlist-date" datetime="2003-06-17">June 2003</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/work/` was built on 2024-12-08T18:38:33.730Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

570
tags/workflow/index.html Normal file
View File

@@ -0,0 +1,570 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tagged &#39;workflow&#39;</title>
<meta name="description" content="The long-running and erratically updated blog of Kathleen Fitzpatrick.">
<link rel="alternate" href="feed/feed.xml" type="application/atom+xml" title="kfitz">
<script async="" src="https://talk.hyvor.com/embed/embed.js" type="module"></script>
<link rel="webmention" href="https://webmention.io/kfitz.info/webmention">
<link rel="pingback" href="https://webmention.io/kfitz.info/xmlrpc">
<style>.postlist { counter-reset: start-from 2 }
/* This is an arbitrary CSS string added to the bundle */
/* Defaults */
@font-face {
font-family: "Atkinson Hyperlegible";
src: url('/css/files/atkinson-hyperlegible-latin-400-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-weight: bold;
src: url('/css/files/atkinson-hyperlegible-latin-700-normal.woff2') format('woff2');
font-display: swap;
}
@font-face {
font-family: "Atkinson Hyperlegible";
font-style: italic
src: url('/css/files/atkinson-hyperlegible-latin-400-italic.woff2') format('woff2');
font-display: swap;
}
:root {
--font-family: "Atkinson Hyperlegible", -apple-system, system-ui, sans-serif;
--font-family-monospace: Consolas, Menlo, Monaco, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Courier New, Courier, monospace;
font-size: 18px;
}
/* Theme colors */
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #333;
--background-color: #fff;
--text-color: var(--color-gray-90);
--text-color-link: #d61d4a;
--text-color-link-active: #853439;
--text-color-link-visited: #e8325e;
--syntax-tab-size: 2;
}
@media (prefers-color-scheme: dark) {
:root {
--color-gray-20: #e0e0e0;
--color-gray-50: #C0C0C0;
--color-gray-90: #dad8d8;
/* --text-color is assigned to --color-gray-_ above */
--text-color-link: #1493fb;
--text-color-link-active: #6969f7;
--text-color-link-visited: #a6a6f8;
--background-color: #15202b;
}
}
/* Global stylesheet */
* {
box-sizing: border-box;
}
@view-transition {
navigation: auto;
}
html,
body {
padding: 0;
margin: 0 auto;
font-family: var(--font-family);
color: var(--text-color);
background-color: var(--background-color);
}
html {
overflow-y: scroll;
}
body {
max-width: 40em;
}
/* https://www.a11yproject.com/posts/how-to-hide-content/ */
.visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
p:last-child {
margin-bottom: 0;
}
p {
line-height: 1.5;
}
li {
line-height: 1.5;
}
a[href] {
color: var(--text-color-link);
}
a[href]:visited {
color: var(--text-color-link-visited);
}
a[href]:hover,
a[href]:active {
color: var(--text-color-link-active);
}
main,
footer {
padding: 1rem;
}
main :first-child {
margin-top: 0;
}
header {
border-bottom: 1px dashed var(--color-gray-20);
}
header:after {
content: "";
display: table;
clear: both;
}
footer {
border-top: 1px dashed var(--color-gray-50);
}
.links-nextprev {
display: flex;
justify-content: space-between;
gap: .5em 1em;
list-style: "";
border-top: 1px dashed var(--color-gray-20);
padding: 1em 0;
}
.links-nextprev > * {
flex-grow: 1;
}
.links-nextprev-next {
text-align: right;
}
table {
margin: 1em 0;
}
table td,
table th {
padding-right: 1em;
}
pre,
code {
font-family: var(--font-family-monospace);
}
pre:not([class*="language-"]) {
margin: .5em 0;
line-height: 1.375; /* 22px /16 */
-moz-tab-size: var(--syntax-tab-size);
-o-tab-size: var(--syntax-tab-size);
tab-size: var(--syntax-tab-size);
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
direction: ltr;
text-align: left;
white-space: pre;
word-spacing: normal;
word-break: normal;
overflow-x: auto;
}
code {
word-break: break-all;
}
/* Header */
header {
display: flex;
gap: 1em .5em;
flex-wrap: wrap;
align-items: center;
padding: 1em;
}
.home-link {
font-size: 1.5em; /* 16px /16 */
font-weight: 700;
margin-right: 2em;
}
.home-link:link:not(:hover) {
text-decoration: none;
}
/* Nav */
.nav {
display: flex;
padding: 0;
margin: 0;
list-style: none;
}
.nav-item {
display: inline-block;
margin-right: 1em;
}
.nav-item a[href]:not(:hover) {
text-decoration: none;
}
.nav a[href][aria-current="page"] {
text-decoration: underline;
}
/* Posts list */
.postlist {
list-style: none;
padding: 0;
padding-left: 1.5rem;
}
.postlist-item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
counter-increment: start-from -1;
margin-bottom: 1em;
}
.postlist-item:before {
display: inline-block;
pointer-events: none;
content: "" counter(start-from, decimal-leading-zero) ". ";
line-height: 100%;
text-align: right;
margin-left: -1.5rem;
}
.postlist-date,
.postlist-item:before {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.postlist-date {
word-spacing: -0.5px;
}
.postlist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.postlist-item-active .postlist-link {
font-weight: bold;
}
/* Archive list */
.archivelist {
padding: 0;
padding-left: 2.5rem;
}
.archivelist-item {
align-items: baseline;
margin-bottom: 1em;
}
.archivelist-item::marker {
text-align: right;
margin-left: -1.5rem;
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
}
.archivelist-date {
font-size: 0.8125em; /* 13px /16 */
color: var(--color-gray-90);
word-spacing: -0.5px;
}
.archivelist-link {
font-size: 1.1875em; /* 19px /16 */
font-weight: 700;
flex-basis: calc(100% - 1.5rem);
padding-left: .25em;
padding-right: .5em;
text-underline-position: from-font;
text-underline-offset: 0;
text-decoration-thickness: 1px;
}
.archivelist-item-active .archivelist-link {
font-weight: bold;
}
/* Tags */
.post-tag {
display: inline-flex;
align-items: center;
justify-content: center;
text-transform: capitalize;
font-style: italic;
}
.postlist-item > .post-tag {
align-self: center;
}
/* Tags list */
.post-metadata {
display: inline-flex;
flex-wrap: wrap;
gap: .5em;
list-style: none;
border-top: 1px dashed var(--color-gray-20);
border-bottom: 1px dashed var(--color-gray-20);
padding: 3px 0px 3px 0px;
margin: 0;
font-size: .8em;
}
.post-metadata time {
margin-right: 1em;
}
/* Direct Links / Markdown Headers */
.header-anchor {
text-decoration: none;
font-style: normal;
font-size: 1em;
margin-left: .1em;
}
a[href].header-anchor,
a[href].header-anchor:visited {
color: transparent;
}
a[href].header-anchor:focus,
a[href].header-anchor:hover {
text-decoration: underline;
}
a[href].header-anchor:focus,
:hover > a[href].header-anchor {
color: #aaa;
}
h2 + .header-anchor {
font-size: 1.5em;
font-weight: bold;
}
h1 {
font-weight: bolder;
}
summary {
font-size: 1.5em;
font-weight: bold;
margin-bottom: .5em;
}
img {
display: block;
margin-left: auto;
margin-right: auto;
}
blockquote {
display: block;
margin-left: 2em;
margin-right: 3em;
padding-left: 10px;
border-left: 10px solid var(--text-color-link);
}
hr.new {
border: none;
border-top: 1px dashed var(--color-gray-50);
}
/* Webmention Section */
.webmentions {
display:block;
text-align: left;
}
.webmentions__facepile {
display:flex;
align-items: center;
flex-wrap: wrap;
}
.webmentions__face {
width: 2rem;
height: 2rem;
border-radius: 50%;
object-fit: cover;
flex: none;
}
.webmentions__list {
list-style-type: none;
padding:0;
}
.webmentions__item {
margin-bottom: 2rem;
}
/* Single Webmention */
.webmention {
display:block;
}
.webmention__meta,
.webmention__author {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.webmention__meta {
margin-bottom:.5rem;
}
.webmention__author {
margin-right:.25rem;
}
.webmention__author__photo {
height: 3rem;
width: 3rem;
border-radius: 50%;
object-fit: cover;
margin-right:.5rem;
}
.webmention__pubdate {
font-style: italic;
}
/* Message Box */
.message-box {
--color-message-box: #ffc;
display: block;
background-color: var(--color-message-box);
color: var(--color-gray-90);
padding: 1em 0.625em; /* 16px 10px /16 */
}
.message-box ol {
margin-top: 0;
}
@media (prefers-color-scheme: dark) {
.message-box {
--color-message-box: #082840;
}
}
/*
* New diff- syntax
*/
pre[class*="language-diff-"] {
--eleventy-code-padding: 1.25em;
padding-left: var(--eleventy-code-padding);
padding-right: var(--eleventy-code-padding);
}
.token.deleted {
background-color: hsl(0, 51%, 37%);
color: inherit;
}
.token.inserted {
background-color: hsl(126, 31%, 39%);
color: inherit;
}
/* Make the + and - characters unselectable for copy/paste */
.token.prefix.unchanged,
.token.prefix.inserted,
.token.prefix.deleted {
-webkit-user-select: none;
user-select: none;
display: inline-flex;
align-items: center;
justify-content: center;
padding-top: 2px;
padding-bottom: 2px;
}
.token.prefix.inserted,
.token.prefix.deleted {
width: var(--eleventy-code-padding);
background-color: rgba(0,0,0,.2);
}
/* Optional: full-width background color */
.token.inserted:not(.prefix),
.token.deleted:not(.prefix) {
display: block;
margin-left: calc(-1 * var(--eleventy-code-padding));
margin-right: calc(-1 * var(--eleventy-code-padding));
text-decoration: none; /* override del, ins, mark defaults */
color: inherit; /* override del, ins, mark defaults */
}</style>
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<a href="/" class="home-link">kfitz</a>
<nav>
<h2 class="visually-hidden" id="top-level-navigation-menu">Top level navigation menu</h2>
<ul class="nav">
<li class="nav-item"><a href="/">Home</a></li>
<li class="nav-item"><a href="/blog/">Archive</a></li>
<li class="nav-item"><a href="/about/">About</a></li>
<li class="nav-item"><a href="/projects/">Projects</a></li>
<li class="nav-item"><a href="/presentations/">Presentations</a></li>
<li class="nav-item"><a href="/teaching/">Teaching</a></li>
<li class="nav-item"><a href="/feed/feed.xml">Feed</a></li>
</ul>
</nav>
</header>
<link href="/pagefind/pagefind-ui.css" rel="stylesheet">
<script src="/pagefind/pagefind-ui.js"></script>
<div id="search"></div>
<script>
window.addEventListener('DOMContentLoaded', (event) => {
new PagefindUI({ element: "#search", showSubResults: true });
});
</script>
<main id="skip">
<heading-anchors>
<h1 id="tagged-workflow">Tagged “workflow”</h1>
<ol reversed="" class="postlist">
<li class="postlist-item">
<a href="/presenting/" class="postlist-link">Presenting</a>
<time class="postlist-date" datetime="2023-01-21">January 2023</time>
</li>
</ol>
<p>See <a href="/tags/">all tags</a>.</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.0.0</a>. All content <a href="https://creativecommons.org/licenses/by/4.0/deed.en">CC BY 4.0</a> if you're human.</em></p><p></p>
</footer>
<!-- This page `/tags/workflow/` was built on 2024-12-08T18:38:33.781Z -->
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>

1000
tags/writing/index.html Normal file

File diff suppressed because it is too large Load Diff