Files
kfitz-site/teaching/index.html
Kathleen Fitzpatrick 4277f0cd61 rebuild 11ty 3.1.0
2025-05-13 11:56:49 -04:00

648 lines
18 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Teaching</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/" aria-current="page">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="teaching">Teaching</h1>
<hr class="new">
<p>Below are links to the websites I've used for teaching over the last 25 (!!!) years. The farther down you go, the more decrepit the sites become. Many of these sites originally ran in a dynamic CMS (Drupal for a few years, and then a lot of WordPress and a little MediaWiki) but have been flattened out into static html. I can make no promises that any of this will work as expected.</p>
<hr class="new">
<h2 id="michigan-state-university">Michigan State University</h2>
<h3 id="spring-2023">Spring 2023</h3>
<p>DH 865/HST 812: Digital Humanities Foundations</p>
<h3 id="spring-2022">Spring 2022</h3>
<p><a href="https://teaching.kfitz.info/ss22">ENG 818: Peculiar Genres of Academic Writing</a></p>
<h3 id="spring-2021">Spring 2021</h3>
<p>DH 865/HST 812: Digital Humanities Foundations</p>
<h3 id="spring-2020">Spring 2020</h3>
<p>ENG 211H: Foundations in Literary Studies</p>
<h3 id="spring-2019">Spring 2019</h3>
<p><a href="https://teaching.kfitz.info/ss19/">ENG 478A: Literature, Technology, and Representation: The Interface</a></p>
<h3 id="spring-2018">Spring 2018</h3>
<p><a href="http://dh.matrix.msu.edu">DH 865/HST 812: Digital Humanities Methods</a></p>
<hr class="new">
<p>(And before that, a big passage of time, while I was on leave (2010-11) and then working at the MLA (2011-17). Whats below is an archive of my teaching sites from Pomona College that has bumped around the internet a bit, starting at <code>machines.pomona.edu</code>. It migrated to <code>machines.plannedobsolescence.net</code> in early July 2013, to <code>machines.kfitz.info</code> in May 2018, and then to its present resting place in November 2023. Add to that the process of extracting things from Drupal and MediaWiki and WordPress and... if you find broken links or missing materials, drop me a line, but I cant promise that I'll be able to fix whats gone wrong.)</p>
<hr class="new">
<h2 id="pomona-college">Pomona College</h2>
<h3 id="spring-2010">Spring 2010</h3>
<p><a href="https://teaching.kfitz.info/51-2010/">MS 51: Introduction to Digital Media Studies</a><br><br>
<a href="https://teaching.kfitz.info/168-2010/">MS 168: Writing Machines</a><br><br>
<a href="https://teaching.kfitz.info/347-2010/">CLST 347: Digital Media Theory</a></p>
<h3 id="fall-2009">Fall 2009</h3>
<p><a href="https://teaching.kfitz.info/149-2009/">MS 149a: Marxism and Cultural Studies</a><br><br>
<a href="https://teaching.kfitz.info/152-2009/">MS 152: Television Authorship</a></p>
<h3 id="spring-2009">Spring 2009</h3>
<p><a href="https://teaching.kfitz.info/51-2009/">MS 51: Introduction to Digital Media Studies</a><br><br>
<a href="https://teaching.kfitz.info/166-2009/">ENG 166: David Foster Wallace</a><br><br>
(ENG 166 final project: <a href="https://teaching.kfitz.info/dfwwiki/">DFW Wiki</a>)</p>
<h3 id="fall-2008">Fall 2008</h3>
<p><a href="https://teaching.kfitz.info/67-2008/">ENG 67: Literary Interpretation</a><br><br>
MS 190: Senior Seminar</p>
<h3 id="spring-2008">Spring 2008</h3>
<p><a href="https://teaching.kfitz.info/55-2008/">ENG 55: Race, Gender, and Science Fiction</a><br><br>
<a href="https://teaching.kfitz.info/51-2008/">MS 51: Introduction to Digital Media Studies</a><br><br>
(Also a collection of <a href="https://teaching.kfitz.info/labs/">labs</a> used in the class each year.)<br><br>
<a href="https://teaching.kfitz.info/347-2008/">CLST 347: Digital Media Theory</a></p>
<h3 id="fall-2007">Fall 2007</h3>
<p><a href="https://teaching.kfitz.info/149-2007/">MS 149: Postmodernism</a><br><br>
<a href="https://teaching.kfitz.info/168-2007/">ENG 168: Writing Machines</a></p>
<h3 id="spring-2007">Spring 2007</h3>
<p><a href="https://teaching.kfitz.info/55-2007/">ENG 55: The Big Novel</a><br><br>
<a href="https://teaching.kfitz.info/51-2007/">MS 51: Introduction to New Media</a></p>
<h3 id="fall-2006">Fall 2006</h3>
<p><a href="https://teaching.kfitz.info/170L-2006/">ENG 170L: Writing Machines</a><br><br>
<a href="https://teaching.kfitz.info/190-2006/">MS 190: Senior Seminar: Authorship</a></p>
<h3 id="spring-2006">Spring 2006</h3>
<p>on leave</p>
<h3 id="fall-2005">Fall 2005</h3>
<p>Topics in Media Theory: New Media Theory<br><br>
Literary Interpretation</p>
<h3 id="spring-2005">Spring 2005</h3>
<p><a href="https://teaching.kfitz.info/49-2005/">MS 49: Introduction to Media Studies</a><br><br>
Topics in Contemporary Fiction: Race, Gender, and Science Fiction</p>
<h3 id="fall-2004">Fall 2004</h3>
<p><a href="https://teaching.kfitz.info/149-2004/">MS 149: Topics in Media Theory</a><br><br>
(MS 149 final project: <a href="https://teaching.kfitz.info/marxwiki/">MarxWiki</a>)<br><br>
<a href="https://teaching.kfitz.info/183c-2004/">ENG 183c: Advanced Screenwriting</a></p>
<h3 id="spring-2004">Spring 2004</h3>
<p>Topics in Contemporary Fiction: The Big Novel<br><br>
Introduction to Media Studies</p>
<h3 id="fall-2003">Fall 2003</h3>
<p><a href="https://teaching.kfitz.info/170J-2003/">ENG 170J: The Literary Machine</a><br><br>
MS 149: Topics in Media Theory: Postmodernism</p>
<h3 id="spring-2003">Spring 2003</h3>
<p><a href="https://teaching.kfitz.info/55-2003/">ENG 55: Topics in Contemporary Fiction: Race, Gender, and Science Fiction</a><br><br>
<a href="https://teaching.kfitz.info/149-2003/">MS 149: Topics in Media Theory: Marxism and Cultural Studies</a><br><br>
<a href="https://teaching.kfitz.info/339-2003/">CLST 339: Television and American Culture</a></p>
<h3 id="fall-2002">Fall 2002</h3>
<p><a href="https://teaching.kfitz.info/51-2002/">ENG 51: Modern American Fiction</a></p>
<h3 id="fall-2001-spring-2002">Fall 2001 - Spring 2002</h3>
<p>on leave</p>
<h3 id="spring-2001">Spring 2001</h3>
<p><a href="https://teaching.kfitz.info/141-2001/">ENG 141: Topics in Contemporary Fiction: Race, Gender, and Science Fiction</a><br><br>
<a href="https://teaching.kfitz.info/149-2001/">MS 149: Topics in Media Theory: Marxism and Cultural Studies</a></p>
<h3 id="fall-2000">Fall 2000</h3>
<p><a href="https://teaching.kfitz.info/51-2000/">ENG 51: Modern American Fiction</a><br><br>
<a href="https://teaching.kfitz.info/64-2000/">ENG 64c: Screenwriting</a><br><br>
<a href="https://teaching.kfitz.info/339-2000/">CLST 339: Television and American Culture</a></p>
<h3 id="spring-2000">Spring 2000</h3>
<p>Media Theory<br><br>
Pynchon &amp; Melville</p>
<h3 id="fall-1999">Fall 1999</h3>
<p><a href="https://teaching.kfitz.info/170-1999/">ENG 170L: Postmodernism</a><br><br>
<a href="https://teaching.kfitz.info/id1-1999/">ID 1: Men, Women, Bodies, and Machines</a><br><br>
MS 149: Media Theory<br><br>
MS 190: Senior Seminar</p>
<h3 id="spring-1999">Spring 1999</h3>
<p>MS 49: Introduction to Media Studies<br><br>
<a href="https://teaching.kfitz.info/141-1999/">ENG 141: Contemporary Fiction</a></p>
<h3 id="fall-1998">Fall 1998</h3>
<p>MS 149: Media Theory <br><br>
ENG 51: Modern American Fiction</p>
</heading-anchors>
</main>
<footer>
<p><em>Built with <a href="https://www.11ty.dev/">Eleventy v3.1.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>
<script type="module" src="/dist/rJ3_G-2ArF.js"></script>
</body>
</html>