-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathart.html
198 lines (193 loc) · 10.4 KB
/
art.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
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Art | Travis Southard</title>
<meta property="og:title" content="Art | Travis Southard">
<meta property="og:description"
content="Travis Southard's most recent art creations.">
<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>Art</h2>
<div class="list-view"><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>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>
<article class="project-card">
<h3>Abolish Landlords</h3>
<a href="art/abolish-landlords.html">
<img src="./assets/images/art/abolish-landlords.png" alt="A pixel art image of an apartment building with letters in the windows that spell out: 'No one gets seconds til EBERYBODY gets a home; ABOLISH LANDLORDS'. The building also has various plants, lights and books in the windows and there are people watering plants, sitting on benches and toasting.">
</a>
<p>No one gets seconds til everybody gets a home. Hunger and homelessness are policy choices.
This was a fun piece to work on and I was happy to have found a great
color palette by polyphrog to make this wi... <a href="art/abolish-landlords.html">Read more</a></p>
</article>
<article class="project-card">
<h3>Bike & Build Sendoff Poster</h3>
<a href="art/bike--build-sendoff-poster.html">
<img src="./assets/images/art/bike-and-build-sendoff.png" alt="A low-color pixel art illustration of a road going off into the mountains and on the horizon is a sunset where the sun is the Bike & Build logo, a bicycle wheel with a home icon at the hub. Text reads 'The Last Wheel Dip; 6pm Mon Aug 21 [2023]; Love City Brewing'">
</a>
<p>
A pixel art poster I made advertising a party in Philly to acknowledge
Bike & Build
's last ever trip ending and to celebrate with alumni and share trip stories.
... <a href="art/bike--build-sendoff-poster.html">Read more</a></p>
</article>
<article class="project-card">
<h3>1-Bit Beach Scene</h3>
<a href="art/1-bit-beach-scene.html">
<img src="./assets/images/art/beach.png" alt="A 1-bit, low-res pixel art image of an outlet pipe and it protective beams on a beach">
</a>
<p>A 1-bit, low-res pixel art image of an outlet pipe and it protective beams on a beach</p>
</article>
<article class="project-card">
<h3>32x32 Self Portrait</h3>
<a href="art/32x32-self-portrait.html">
<img src="./assets/images/art/headshot-32.png" alt="A low-color low-res pixel art portait of a man with a mustache">
</a>
<p>A low-color low-res pixel art portait of a man with a mustache</p>
</article>
<article class="project-card">
<h3>CRT Flower</h3>
<a href="art/crt-flower.html">
<img src="./assets/images/art/crt-flower.png" alt="A low-color pixel art image of a potted flowering plant growing inside of an empty CRT TV">
</a>
<p>A low-color pixel art image of a potted flowering plant growing inside of an empty CRT TV</p>
</article>
<article class="project-card">
<h3>House Portrait</h3>
<a href="art/house-portrait.html">
<img src="./assets/images/art/house.png" alt="A 4-color grayscale art image of a rowhome">
</a>
<p>A 4-color grayscale art image of a rowhome</p>
</article>
<article class="project-card">
<h3>1-bit Self Portrait</h3>
<a href="art/1-bit-self-portrait.html">
<img src="./assets/images/art/pixel-art-portrait.png" alt="A 1-bit art self portrait of a man using a keyboard">
</a>
<p>A 1-bit art self portrait of a man using a keyboard</p>
</article>
<article class="project-card">
<h3>1-bit Mushroom</h3>
<a href="art/1-bit-mushroom.html">
<img src="./assets/images/art/mushroom.png" alt="A 1-bit art closeup image of a whitecap mushroom">
</a>
<p>A 1-bit art closeup image of a whitecap mushroom</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>