-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
167 lines (160 loc) · 8.71 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Travis' Recent Work | Travis Southard</title>
<meta property="og:title" content="Travis' Recent Work | Travis Southard">
<meta property="og:description"
content="Travis Southard is a Philadelphian queer software engineer with a focus on geospatial and civic technology.">
<meta property="og:image" content="https://travissouthard.com/assets/images/blog/travis-flowers.jpg">
<meta property="og:image:secure_url" content="https://travissouthard.com/assets/images/blog/travis-flowers.jpg">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:width" content="600">
<meta property="og:image:height" content="450">
<meta property="og:image:alt" content="Travis holding a bouquet of flowers in a field of flowers!">
<meta name="author" content="Travis Southard">
<meta name="robots" content="noai, noimageai">
<link href="https://jawns.club/@travissouthard" rel="me">
<link href="https://ko-fi.com/travissouthard" rel="me">
<link href="https://codeforphilly.org/people/travissouthard" rel="me">
<link href="https://dev.to/travissouthard" rel="me">
<link href="https://github.com/travissouthard" rel="me">
<link rel="webmention" href="https://webmention.io/travissouthard.com/webmention">
<link rel="authorization_endpoint" href="https://indieauth.com/auth">
<link rel="token_endpoint" href="https://tokens.indieauth.com/token">
<link rel="microsub" href="https://aperture.p3k.io/microsub/995">
<link rel="stylesheet" href="style.css">
<link rel="apple-touch-icon" sizes="180x180" href="./assets/favicon_io/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon_io/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon_io/favicon-16x16.png">
<link rel="manifest" href="./assets/favicon_io/site.webmanifest">
</head>
<body>
<header>
<h1>Travis Southard</h1>
<p>Philadelphian Software Engineer</p>
</header>
<nav><ul>
<li>
<a href="index.html">Home</a
></li>
<li>
<a href="projects.html">Projects</a
></li>
<li>
<a href="art.html">Art</a
></li>
<li>
<a href="blog.html">Blog</a
></li>
<li>
<a href="about.html">About</a
></li></ul></nav>
<main>
<h2>Travis' Recent Work</h2>
<div class="list-view"><article class="project-card feature">
<h3>It's okay to let things end</h3>
<a href="blog/it's-okay-to-let-things-end.html">
<img src="./assets/images/art/headshot-32.png" alt="">
</a>
<p><b>Wed Feb 12 2025:</b>
Last week, I was listening to Spotify for the last time. Already I was planning a breakup and starting
to collect more physical and digital albums, but this particular session was genuinely the proverbial
last straw. I had queued up a few albums while I was working. I had planned that when they ended I would
wrap up what I was working on and go take a walk. But after the last album ended and the queue was over,
Spotify had already loaded another album I did not ... <a href="blog/it's-okay-to-let-things-end.html">Read more</a></p>
</article>
<article class="project-card">
<h3>Hourly Comics Day 2025</h3>
<a href="art/hourly-comics-day-2025.html">
<img src="./assets/images/art/HCD25-1.JPG" alt="Panel 1: 12am. POV of Alan and Ruby sitting in our living room. 'Talking about last night's plane crash' Panel 2: 1-8am. A bunch of Zs in the dark. Panel 3: 8am. Travis showering (from the chest up). Panel 4: 9am. Travis sitting on the couch with a laptop next to a lampshade and cup of hot coffee. 'News + email + budget + puzzles + blog + more budget'">
</a>
<p>
It's fun to make tangible things. Between sewing & drawing today, I made things I am proud to show, even
if both have errors or mistakes.</p>
</article>
<article class="project-card">
<h3>insteadofai.site icon</h3>
<a href="art/insteadofaisite-icon.html">
<img src="./assets/images/projects/no-ai-big.png" alt="A no robots sign very similar to a no smoking sign">
</a>
<p>A 48x48 pixel image I made as the favicon for insteadofai.site.</p>
</article>
<article class="project-card">
<h3>insteadofai.site</h3>
<a href="https://insteadofai.site">
<img src="./assets/images/projects/no-ai-big.png" alt="A no robots sign very similar to a no smoking sign">
</a>
<p>A webpage that lists resources to use instead of Generative AI.</p>
</article>
<article class="project-card">
<h3>Building the web I want to see</h3>
<a href="blog/building-the-web-i-want-to-see.html">
<img src="./assets/images/blog/webring.png" alt="A brick-like pattern of white rectangles with blue outlines, blue names like Ruby Gertz, Clotheshorse, and many other names of people and projects, plus each rectangle has blue labels with the topics each person/project covers">
</a>
<p>
I have made a webring! This feels important to me as I try (along with many others) to build a better
web. This was a project I have been meaning to take on for some time. I did start with a basic set of
... <a href="blog/building-the-web-i-want-to-see.html">Read more</a></p>
</article>
<article class="project-card">
<h3>Over the Garden Wall poster</h3>
<a href="art/over-the-garden-wall-poster.html">
<img src="./assets/images/art/over_the_garden_wall_poster.png" alt="A pixel art image of a pumpkin man, a horror creature, many cartoon faces including a frog, and two boys and a bird facing them all.">
</a>
<p>Very excited to watch Over the Garden Wall again with some friends! This is easily one of my favorite pieces of media in general.
It is a wonderful piece of Americana and plays with nostalgia in a delightfully bittersweet wa... <a href="art/over-the-garden-wall-poster.html">Read more</a></p>
</article>
<article class="project-card">
<h3>Underhill from Red Mars</h3>
<a href="art/underhill-from-red-mars.html">
<img src="./assets/images/art/red-mars.png" alt="A pixel art image of an astronaut in a spacesuit looking down a path in a Martian settlement. The path ends at a massive salt pyramid with a tiny figure on top and one blue dot among the stars.">
</a>
<p>I've been reading the Mars Trilogy by Kim Stanley Robinson. I've been loving these books and flying through them. This was how I imagined the initial settlement, Underhill, with it's barrel-shaped shelters and giant salt pyramid.
... <a href="art/underhill-from-red-mars.html">Read more</a></p>
</article>
</div>
</main>
<script src="app.js"></script>
<footer>
<ul>
<li>
<a href="index.html">Home</a
></li>
<li>
<a href="projects.html">Projects</a
></li>
<li>
<a href="art.html">Art</a
></li>
<li>
<a href="blog.html">Blog</a
></li>
<li>
<a href="about.html">About</a
></li>
<li>
<a href="webring.html">Webring</a
></li>
<li>
<a href="rss.xml" rel="alternate" type="application/rss+xml">RSS Feed</a
></li>
<li>
<a href="https://github.com/travissouthard">GitHub</a
></li>
<li>
<a href="resume.html">Resumé</a
></li></ul>
<div class="h-card">
<div>
<a class="u-url" rel="me" href="https://travissouthard.com">
<p class="p-name">Travis Southard</p>
</a>
<p><span class="p-locality">Philadelphia</span>, <span class="p-region">PA</span></p>
</div>
<img class="u-photo" src="./assets/images/profile.png" alt="A stylized white on blue photo of Travis' face made of squares of various size.">
</div>
</footer>
</body>
</html>