1<!doctype html> 2<html lang="en"> 3<head> 4 <!-- Google tag (gtag.js) -->
vendor: 66 bytes, lines 4-5
4 5 <script async src="https://www.googletagmanager.com/gtag/js?id=
5G-166LYHF4XG
vendor: 14 bytes, lines 5-6
5"></script> 6
6<script> 7
vendor: 140 bytes, lines 7-11
7window.dataLayer = window.dataLayer || []; 8 function gtag(){dataLayer.push(arguments);} 9 gtag('js', new Date()); 10 11 gtag('config', '
11G-166LYHF4XG
vendor: 6 bytes, lines 11-12
11'); 12
12</script>
12 13 <meta charset="utf-8" /> 14 <meta name="viewport" content="width=device-width, initial-scale=1" /> 15 16 <title>Ian Bogost - Games â Ian Bogost</title> 17 <meta name="description" content="Award-winning independent games" /> 18 19 <!-- Canonical --> 20 <link rel="canonical" href="https://bogost.com/games/" /> 21 22 <!-- Open Graph --> 23 <meta property="og:site_name" content="Ian Bogost" /> 24 <meta property="og:title" content="Ian Bogost - Games" /> 25 <meta property="og:description" content="Award-winning independent games" /> 26 <meta property="og:type" content="website" /> 27 <meta property="og:url" content="https://bogost.com/games/" /> 28 <meta property="og:image" content="https://bogost.com/images/content/games/cowclicker.jpg" /> 29 30 <!-- Twitter --> 31 <meta name="twitter:card" content="summary_large_image" /> 32 <meta name="twitter:title" content="Ian Bogost - Games" /> 33 <meta name="twitter:description" content="Award-winning independent games" /> 34 <meta name="twitter:image" content="https://bogost.com/images/content/games/cowclicker.jpg" /> 35 36 <!-- Favicon/manifest --> 37 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"> 38 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 39 <link rel="manifest" href="/site.webmanifest"> 40 41 <link rel="stylesheet" href="/assets/styles.css?v=1763957323" /> 42</head> 43<body> 44 <a class="skip-link" href="#main">Skip to content</a> 45 <header class="site-header" role="banner"> 46 <div class="container nav-wrap"> 47 <a class="brand" href="/">Ian Bogost</a> 48 <button class="nav-toggle" aria-label="Menu" aria-expanded="false" aria-controls="site-menu"> 49 <span class="bar"></span> 50 <span class="bar"></span> 51 <span class="bar"></span> 52 </button> 53 <nav class="site-nav" id="site-menu" aria-label="Primary"> 54 <ul> 55 <li> 56 <a href="/books/" > 57 Books </a> 58 </li> 59 <li> 60 <a href="/writing/" > 61 Writing </a> 62 </li> 63 <li> 64 <a href="/games/" aria-current="page" class="active"> 65 Games </a> 66 </li> 67 <li> 68 <a href="/projects/" > 69 Projects </a> 70 </li> 71 <li> 72 <a href="/about/" > 73 About </a> 74 </li> 75 </ul> 76 </nav> 77 </div> 78
78<script> 79 (function(){ 80 var header = document.querySelector('.site-header'); 81 var toggle = document.querySelector('.nav-toggle'); 82 var menu = document.getElementById('site-menu'); 83 84 function openMenu(){ 85 header.classList.add('nav-open'); 86 if (toggle) toggle.setAttribute('aria-expanded', 'true'); 87 document.body.classList.add('menu-open'); // optional scroll lock (needs CSS) 88 } 89 function closeMenu(){ 90 header.classList.remove('nav-open'); 91 if (toggle) toggle.setAttribute('aria-expanded', 'false'); 92 document.body.classList.remove('menu-open'); 93 } 94 95 if (toggle) { 96 toggle.addEventListener('click', function(){ 97 if (header.classList.contains('nav-open')) closeMenu(); else openMenu(); 98 }); 99 } 100 101 // Close on link click inside the menu 102 document.addEventListener('click', function(e){ 103 if (!header.classList.contains('nav-open')) return; 104 if (e.target.closest('.site-nav a')) { closeMenu(); return; } 105 // Close if clicking outside the header/nav 106 if (!e.target.closest('.site-header')) { closeMenu(); } 107 }); 108 109 // Close on Escape 110 document.addEventListener('keydown', function(e){ 111 if (e.key === 'Escape') closeMenu(); 112 }); 113 })(); 114 </script>
114 115 </header> 116 <main id="main" class="container"></file> <div class="site-promo"> 117 <a href="https://smallstuffbook.com" class="site-promo-inner"> 118 <div class="site-promo-label">My new book, <i>The Small Stuff</i></div> 119 <div class="site-promo-text"> 120 Hi! Please read my new book, <i>The Small Stuff: How to Lead a More Gratifying Life</i>, out summer 2026. You can click up here to order it. —love, ian 121 </div> 122 </a> 123 </div> 124<section class="rail" aria-label="Games"> 125 <h1 class="content-title">Games</h1> 126 <p class="content-dek">I make video games independently for sale, exhibition, and collection. I also run a game-design studio. This is some of my work.</p> 127 <div class="cards cards-4"> 128 <article class="card card-wrap"> 129 <a href="/games/persuasive-games/" class="card-link"> 130 <img src="/images/content/games/persuasive-games.jpg" alt="" class="card-img" /> 131 <h3 class="card-title">Persuasive Games</h3> 132 <p class="muted">Persuasive Games designs, builds, and distributes videogames for persuasion, instruction, and activism. It also offers business, legal, content, and design consulting.</p> 133 <img src="/assets/creatures/15.png" 134 alt="" 135 class="mascot" 136 style="cursor:pointer;pointer-events:auto" /> 137 </a> 138</article><article class="card card-wrap"> 139 <a href="/games/simony/" class="card-link"> 140 <img src="/images/content/games/simony.jpg" alt="" class="card-img" /> 141 <h3 class="card-title">Simony</h3> 142 <p class="muted">A site-specific game art installation commissioned by the Museum of Contemporary Art, Jacksonville</p> 143 <img src="/assets/creatures/0.png" 144 alt="" 145 class="mascot" 146 style="cursor:pointer;pointer-events:auto" /> 147 </a> 148</article><article class="card card-wrap"> 149 <a href="/games/cow_clicker/" class="card-link"> 150 <img src="/images/content/games/cowclicker.jpg" alt="" class="card-img" /> 151 <h3 class="card-title">Cow Clicker</h3> 152 <p class="muted">A Facebook game about Facebook Games</p> 153 <img src="/assets/creatures/4.png" 154 alt="" 155 class="mascot" 156 style="cursor:pointer;pointer-events:auto" /> 157 </a> 158</article><article class="card card-wrap"> 159 <a href="/games/aslowyear/" class="card-link"> 160 <img src="/images/content/games/aslowyear.jpg" alt="" class="card-img" /> 161 <h3 class="card-title">A Slow Year</h3> 162 <p class="muted">A chapbook of game poems for Atari VCS, PC, and Mac. Independent Game Festival finalist and 2x Indiecade winner.</p> 163 <img src="/assets/creatures/0.png" 164 alt="" 165 class="mascot" 166 style="cursor:pointer;pointer-events:auto" /> 167 </a> 168</article><article class="card card-wrap"> 169 <a href="/games/television-simulator/" class="card-link"> 170 <img src="/images/content/games/television-simulator.jpg" alt="" class="card-img" /> 171 <h3 class="card-title">A Television Simulator</h3> 172 <p class="muted">CRT simulation for the Atari VCS, inside the Stella emulator.</p> 173 <img src="/assets/creatures/0.png" 174 alt="" 175 class="mascot" 176 style="cursor:pointer;pointer-events:auto" /> 177 </a> 178</article><article class="card card-wrap"> 179 <a href="/games/guru_meditation/" class="card-link"> 180 <img src="/images/content/games/guru-meditation.jpg" alt="" class="card-img" /> 181 <h3 class="card-title">Guru Meditation</h3> 182 <p class="muted">A medititation game for Atari VCS and iPhone</p> 183 <img src="/assets/creatures/0.png" 184 alt="" 185 class="mascot" 186 style="cursor:pointer;pointer-events:auto" /> 187 </a> 188</article> </div> 189</section> 190 </main> 191 192 <footer class="site-footer" role="contentinfo"> 193 <div class="container footer-wrap"> 194 <p class="copyright">©2003 – 2026 Ian Bogost, Persuasive Games LLC. All rights reserved.</p> 195 <nav class="footer-nav" aria-label="Footer"> 196 <ul> 197 <li><a href="/about/#contact">Contact</a></li> 198 <li><a href="https://ibogost.substack.com/" target="_blank" rel="noopener">Newsletter</a></li> 199 </ul> 200 </nav> 201 <div class="social"> 202 <a href="https://x.com/ibogost" aria-label="Twitter">Twitter/X</a> 203 <a href="https://bsky.app/profile/ibogost.com" aria-label="Bluesky">Bluesky</a> 204 <a href="https://instagram.com/ibogost" aria-label="Instagram">Instagram</a> 205 <a href="https://www.linkedin.com/in/ian-bogost" aria-label="LinkedIn">LinkedIn</a> 206 </div> 207 </div>
208<script src="/assets/mascot.js?v=3" defer></script>
208 209</footer> 210<div class="footer-newsletter"><a name="subscribe"></a> 211 <div class="footer-newsletter-instruction" style="height:4rem;"> 212 <p><a name="newsletter"></a>Subscribe to my (free) newsletter for quips and occasional updates: 213 <br/>(It's free and I won't share your email with anyone.)</p></div> 214 <div class="footer-newsletter-iframe"><iframe src="https://ibogost.substack.com/embed" width="480" height="150" style="margin-bottom:1em;float:right" frameborder="0" scrolling="no"></iframe></div> 215</div> 216</body> 217</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.