CINXE.COM
Aaron Parecki
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Aaron Parecki</title> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@aaronpk" /> <meta name="twitter:creator" content="@aaronpk" /> <meta property="og:url" content="https://aaronparecki.com/@aaronpk" /> <meta property="og:type" content="profile" /> <meta property="og:title" content="Aaron Parecki (@aaronpk@aaronparecki.com)" /> <meta property="og:description" content="3744 Posts, 317 Following, 2158 Followers • OAuth at Okta • livestreaming at aaronpk.tv • #indieweb • he/him" /> <meta property="og:image" content="https://aaronparecki.com/images/profile.jpg" /> <meta property="og:site_name" content="Aaron Parecki" /> <link rel="webmention" href="https://webmention.io/aaronpk/webmention"> <script src="/assets/jquery-1.12.0.min.js"></script> <script src="/semantic/2.2.6/semantic.min.js"></script> <script src="/assets/featherlight-1.5.0/featherlight.min.js"></script> <link rel="stylesheet" type="text/css" href="/assets/font.css"> <link rel="stylesheet" type="text/css" href="/semantic/2.2.6/semantic.min.css"> <link rel="stylesheet" href="/assets/icomoon/style.css"> <link rel="stylesheet" href="/assets/weather-icons/css/weather-icons.css"> <link rel="stylesheet" href="/assets/featherlight-1.5.0/featherlight.min.css"> <!-- <script src="/assets/screensaver.js"></script> <link rel="stylesheet" href="/assets/screensaver.css"> --> <link rel="stylesheet" href="/assets/admin.2.css"> <link rel="stylesheet" href="/assets/pulse.css"> <link rel="stylesheet" href="/assets/styles.8.css"> <link rel="stylesheet" href="/site/styles.2.css"> <link rel="stylesheet" href="/assets/carbon.css"> <link rel="stylesheet" href="/assets/story.css"> <link rel="openid.delegate" href="https://aaronparecki.com/"> <link rel="openid.server" href="https://indieauth.com/openid"> </head> <body> <div class="sticky-footer-content"> <div class="top-bar "> <div class="ui container"> <form action="/search" method="get" class="search item"> <div class="ui icon input"> <input type="text" name="q" placeholder="Search..." value=""> <i class="search icon"></i> </div> </form> <span class="item">74°F</span> <span class="weather item"> <i class="wi wi-owm-801" title="few clouds in Winchester"></i> </span> <span class="time item"></span> <span class="battery item"></span> <div id="logged-in-menu"> </div> </div> </div> <div class="ui container"> <div class="site-header"> <div class="align-bottom"> <div class="left"> <h1><a href="/">Aaron Parecki</a></h1> </div> <div class="right"> <ul> <li><a href="/articles">Articles</a></li> <li><a href="/notes">Notes</a></li> <li><a href="/photos">Photos</a></li> </ul> </div> </div> </div> <div class="post-list"> <div class="content-area" style="padding: 0;"> <div class="site-header homepage-coverphoto"></div> <div class="profile-info"> <div class="left"> <div class="image"> <a href="/" class=""><img src="/images/profile.jpg" width="48" style="border-radius: 4px;"></a> </div> </div> <div class="right"> <div class="name"> <a href="/">Aaron Parecki</a> </div> <div class="username"> <a href="/">@aaronpk</a> </div> </div> <div class="counter"> <div class="num"><a href="/followers">2158</a></div> <div class="desc">Followers</div> </div> <div class="counter"> <div class="num">317</div> <div class="desc">Following</div> </div> <div class="counter"> <div class="num"><a href="/notes">3744</a></div> <div class="desc">Notes</div> </div> <div class="counter"> <div class="num"><a href="/photos">3699</a></div> <div class="desc">Photos</div> </div> <div class="counter"> <div class="num"><a href="/articles">413</a></div> <div class="desc">Articles</div> </div> <!-- <div class="counter"> <div class="num"><a href="/notes">60,913</a></div> <div class="desc">Posts</div> </div> --> </div> <div class="subfooter homepage-about" style="border: 0;"> <div class="about"> <div class="bio"> <div class="p-note"> <p>Hi, I'm <span class="p-name">Aaron<span style="display:none;"> Parecki</span></span>, Director of Identity Standards at Okta, and co-founder of <a href="https://indieweb.org/">IndieWebCamp</a>. I maintain <a href="https://oauth.net/">oauth.net</a>, <a href="/oauth/">write and consult about OAuth</a>, and participate in the OAuth Working Group at the IETF. I also help people learn about <a href="https://aaronpk.tv">video production and livestreaming</a>. (<a href="/bio/">detailed bio</a>)</p> <p>I've been <a href="/gps/">tracking my location</a> since 2008 and I wrote <a href="https://100.aaronparecki.com/">100 songs in 100 days</a>. I've <a href="/presentations">spoken</a> at conferences around the world about <a href="/presentations?tag=indieweb">owning your data</a>, <a href="/oauth/">OAuth</a>, <a href="/presentations?tag=quantifiedself">quantified self</a>, and explained <a href="https://www.youtube.com/watch?v=FGVJ0eXTRpw">why R is a vowel</a>. <a href="/about">Read more</a>.</p> <time class="dt-bday" datetime="--12-28"></time> <data class="p-street-address" value="PO Box 12433"></data> <data class="p-locality" value="Portland"></data> <data class="p-region" value="Oregon"></data> <data class="p-country-name" value="USA"></data> <data class="p-postal-code" value="97212"></data> </div> </div> <div> <div class="orgs"> <ul> <li class="p-org h-card"> <img src="/images/okta.png" alt="" class="u-photo"> <span class="p-role">Director of Identity Standards</span> at <a href="https://www.okta.com/" class="u-url"> <span class="p-name">Okta</span> </a> </li> <li class="p-org h-card"> <img src="/images/indiewebcamp.png" alt="" class="u-photo"> <a href="https://indieweb.org/" class="u-url"> <span class="p-name">IndieWebCamp</span> </a> <a class="p-role" href="https://indieweb.org/founders">Founder</a> </li> <li class="p-org h-card"> <img src="/images/ietf.ico" alt="" class="u-photo"> <a href="https://oauth.net" class="u-url"> <span class="p-name">OAuth WG</span> </a> <a class="p-role" href="/oauth/">Editor</a> </li> <li class="p-org h-card"> <img src="/images/openid.png" alt="" class="u-photo"> <a href="https://openid.net" class="u-url"> <span class="p-name">OpenID</span> </a> <a class="p-role" href="/oauth/">Board Member</a> </li> <!-- <li class="p-org h-card"> <img src="/images/w3c.png" alt="" class="u-photo"> <a href="https://www.w3.org/" class="u-url"> <span class="p-name">W3C</span> </a> <a class="p-role" href="/w3c/">Editor</a> </li> --> <li><br></li> <!-- <li><img src="/images/spotify.ico" alt=""> <a href="/sunshine-indie-pop/">Sunshine Indie Pop</a></li> <li> <img src="/images/microphone.png" alt=""> <a class="p-callsign u-url" href="https://w7apk.com">W7APK</a> </li> --> <li>🎥 <a href="https://youtube.com/aaronpk">YouTube Tutorials and Reviews</a></li> <li>🏠 <a href="https://www.youtube.com/@TheHouseFilesPDX">We're building a triplex!</li> <li>⭐️ <a href="https://aaronparecki.com/life-stack/">Life Stack</a></li> <li>⚙️ <a href="https://aaronparecki.com/home-automation/">Home Automation</a></li> </ul> <link rel="pgpkey" href="/key.txt"> <link rel="me" href="sms:+15035678642"> <link rel="me" href="https://micro.blog/aaronpk"> </div> </div> </div> </div> </div> <div class="content-area"> <div class="pad"> <p>You can follow me from Mastodon or any other similar application that uses ActivityPub. Search for my profile (<code>aaronpk@aaronparecki.com</code>) from your instance, or use the use the "Remote Follow" feature below.</p> <form class="ui form"> <div class="ui field"> <input id="follow-from" type="url" placeholder="Enter your username@domain to follow from"> </div> <div class=""> <button type="submit" class="ui primary button" id="subscribe-btn">Proceed to Follow</button> </div> </form> </div> </div> <div class="ui error message hidden" id="feedback"> <div class="header">Error</div> <p>We couldn't find your subscription endpoint.</p> </div> <ul> <li class="h-entry post-entry post-type-note post " id="post-id-111760"> <div style="" class="content-area "> <div class="pad"> <div class="show-author-photo"> <div class="author u-author h-card"> <a href="/" class="u-url"><img class="u-photo p-name" src="/images/profile.jpg" width="48" alt="Aaron Parecki"></a> </div> <div class="post-text e-content content-type-plain" >Is it just me or does this current Model Context Protocol wave remind anyone of the early Web 2.0 days of everyone launching open APIs?</div> </div> </div> <div class="metaline pad"> <i class="marker icon"></i> <span class="p-location h-adr"> <span class="p-locality">Portland</span>, <span class="p-region">Oregon</span>, <span class="p-country">USA</span> </span> <span class="weather"> <span>•</span> <i class="wi wi-owm-804" title="overcast clouds"></i> 47°F </span> </div> <div class="metaline responses-summary pad"> <span><i class="star empty icon"></i> <span class="p-pk-num-likes">4</span> likes</span> <span><i class="comment outline icon"></i> <span class="p-pk-num-replies">3</span> replies</span> </div> <div class="metaline pad"> <a href="https://aaronparecki.com/2025/04/02/5/mcp" class="u-url"> <time class="dt-published" datetime="2025-04-02T10:09:45-07:00"> Wed, Apr 2, 2025 10:09am -07:00 </time> </a> <span class="syndications"> <a href="https://www.linkedin.com/posts/aaronparecki_is-it-just-me-or-does-this-current-model-activity-7313246246134001665-IQJj?utm_source=share&utm_medium=member_desktop&rcm=ACoAAAF6n2UBIZD-4sM0W4WF1KUgW38CmNh16vU" class="u-syndication syndication"><i class="linkedin icon"></i></a> <a href="https://bsky.app/profile/aaronpk.com/post/3lltuwd2yku27" class="u-syndication syndication"><i class="icon-bluesky icon"></i></a> <a href="https://micro.blog/aaronpk/61306232" class="u-syndication syndication"><i class="icon-microblog"></i></a> </span> <span class="right"> #<a href="/tag/mcp" class="p-category">mcp</a> #<a href="/tag/ai" class="p-category">ai</a> </span> </div> <div style="clear:both;"></div> </div> </li> <li class="h-entry post-entry post-type-photo post " id="post-id-111623"> <div style="" class="content-area "> <div class="pad"> <div class="show-author-photo"> <div class="author u-author h-card"> <a href="/" class="u-url"><img class="u-photo p-name" src="/images/profile.jpg" width="48" alt="Aaron Parecki"></a> </div> <div class="post-text e-content content-type-plain" >I have 24 hours in Hong Kong on the way back home because of how I had to book the flights. I took a short flight from Da Nang to Hong Kong and I have a separate ticket for HKG-SFO-PDX. <br> <br>I ended up clearing immigration with the bags around 8:45pm, and my flight out is at 8pm tomorrow, so I was able to go up to the checkin counter and get my boarding pass and check the bag in already. <br> <br>We bought so much stuff that we had to buy a new suitcase in Hoi An. We were pretty rushed packing this morning after picking up the last of the clothing. So in the airport I did some rearranging between the bags. <br> <br>I moved some of my old cheap clothes and laundry into the new large suitcase to make room to move some of the new custom clothes into my small suitcase. I checked the big suitcase but I should be able to take the small one as carryon. I figure better to spread out the risk instead of checking both bags. Oh and I also had to buy a strap for the new bag because I don’t trust the zippers entirely. Now it’s also easier to spot. <br> <br>So cross your fingers that in 36 hours I will find the bag in SFO when I clear immigration! <br> <br>And of course the checked bag has an AirTag in it so I'll be able to keep an eye on it in the mean time.</div> </div> </div> <a href="https://aaronparecki.com/2025/03/28/52/"><img src="/img/620x0,q30/2025/03/28/52/photo.jpg" class="u-photo post-img photo"></a> <div class="metaline pad"> <i class="marker icon"></i> <span class="p-location h-adr"> <span class="p-locality">青衣</span>, <span class="p-region">新界</span>, <span class="p-country">HKG</span> </span> <span class="weather"> <span>•</span> <i class="wi wi-owm-804" title="overcast clouds"></i> 74°F </span> </div> <div class="metaline pad"> <a href="https://aaronparecki.com/2025/03/28/52/" class="u-url"> <time class="dt-published" datetime="2025-03-28T21:55:42+08:00"> Fri, Mar 28, 2025 9:55pm +08:00 </time> </a> <span class="syndications"> <a href="https://micro.blog/aaronpk/60911566" class="u-syndication syndication"><i class="icon-microblog"></i></a> </span> <span class="right"> #<a href="/tag/travel" class="p-category">travel</a> </span> </div> <div style="clear:both;"></div> </div> </li> <li class="h-entry post-entry post-type-note post " id="post-id-111613"> <div style="" class="content-area "> <div class="pad"> <div class="show-author-photo"> <div class="author u-author h-card"> <a href="/" class="u-url"><img class="u-photo p-name" src="/images/profile.jpg" width="48" alt="Aaron Parecki"></a> </div> <div class="post-text e-content content-type-plain" >I've got 22 hours in Hong Kong on a layover and I'm staying overnight in a hotel near the old Kowloon Walled City. Any tips for what I should do on this very short trip?</div> </div> </div> <div class="metaline pad"> <i class="marker icon"></i> <span class="u-location h-card"> <a class="p-name u-url" href="/2025/03/28/2/">Hong Kong Airlines Flight 549 DAD to HKG</a> in <span class="p-locality">Đà Nẵng</span>, <span class="p-region">Đà Nẵng</span>, <span class="p-country">VNM</span> </span> <span class="weather"> <span>•</span> <i class="wi wi-owm-801" title="few clouds"></i> 80°F </span> </div> <div class="metaline responses-summary pad"> <span><i class="retweet icon"></i> <span class="p-pk-num-reposts">1</span> repost</span> </div> <div class="metaline pad"> <a href="https://aaronparecki.com/2025/03/28/43/" class="u-url"> <time class="dt-published" datetime="2025-03-28T16:55:26+07:00"> Fri, Mar 28, 2025 4:55pm +07:00 </time> </a> <span class="syndications"> <a href="https://bsky.app/profile/aaronpk.com/post/3llgkd2ro4v2x" class="u-syndication syndication"><i class="icon-bluesky icon"></i></a> <a href="https://micro.blog/aaronpk/60897531" class="u-syndication syndication"><i class="icon-microblog"></i></a> </span> </div> <div style="clear:both;"></div> </div> </li> <li class="h-entry post-entry post-type-note post " id="post-id-111610"> <div style="" class="content-area "> <div class="pad"> <div class="show-author-photo"> <div class="author u-author h-card"> <a href="/" class="u-url"><img class="u-photo p-name" src="/images/emoji/aaronpk1355.jpg" width="48" alt="Aaron Parecki"></a> </div> <div class="post-text e-content content-type-plain" >The building that collapsed from the earthquake was right next to the train station we got off at when we arrived in Bangkok last weekend. We took the train from Chiang Mai to Chatuchak <a href="/emoji/😮" class="emoji">😮</a> <a href="https://maps.app.goo.gl/YUANzTLHUfCZVi6b7"><span class="protocol">https://</span>maps.app.goo.gl/YUANzTLHUfCZVi6b7</a></div> </div> </div> <div class="metaline pad"> <i class="marker icon"></i> <span class="p-location h-adr"> <span class="p-locality">Đà Nẵng</span>, <span class="p-region">Đà Nẵng</span>, <span class="p-country">VNM</span> </span> <span class="weather"> <span>•</span> <i class="wi wi-owm-801" title="few clouds"></i> 81°F </span> </div> <div class="metaline responses-summary pad"> <span><i class="star empty icon"></i> <span class="p-pk-num-likes">5</span> likes</span> <span><i class="retweet icon"></i> <span class="p-pk-num-reposts">2</span> reposts</span> <span><i class="comment outline icon"></i> <span class="p-pk-num-replies">1</span> reply</span> </div> <div class="metaline pad"> <a href="https://aaronparecki.com/2025/03/28/40/earthquake" class="u-url"> <time class="dt-published" datetime="2025-03-28T15:42:43+07:00"> Fri, Mar 28, 2025 3:42pm +07:00 </time> </a> <span class="syndications"> <a href="https://bsky.app/profile/aaronpk.com/post/3llggaxouic2d" class="u-syndication syndication"><i class="icon-bluesky icon"></i></a> <a href="https://bsky.app/profile/aaronpk.com/post/3llggbh6rms2d" class="u-syndication syndication"><i class="icon-bluesky icon"></i></a> <a href="https://micro.blog/aaronpk/60893179" class="u-syndication syndication"><i class="icon-microblog"></i></a> </span> <span class="right"> #<a href="/tag/travel" class="p-category">travel</a> #<a href="/tag/earthquake" class="p-category">earthquake</a> </span> </div> <div style="clear:both;"></div> </div> </li> </ul> <div class="load-more" style="margin-bottom:1em;"> <a href="/notes" class="infinite" rel="prev">read more</a> </div> <div class="content-area"> <div class="pad"> <h4>How Does This Work?</h4> <p><b>Would you like to use your own domain to be part of the Fediverse?</b> Rather than finding an existing Mastodon instance to join, you can turn your own website into an ActivityPub profile like this one! Some of these options are more complicated than others, but the links below will get you started in the right direction. </p> <ul> <li><a href="https://micro.blog">Micro.blog</a> is a fully-hosted service you can run on a custom domain or subdomain, and provides ActivityPub integration <a href="https://help.micro.blog/t/activitypub/95">out of the box</a>.</li> <li><a href="https://fed.brid.gy/">Bridgy Fed</a> converts your existing website to ActivityPub using Webmention, h-entry and Atom.</li> <li>Install a plugin for your <a href="https://wordpress.org/plugins/activitypub/">WordPress</a> or <a href="https://www.drupal.org/project/activitypub">Drupal</a> website.</li> <li><a href="https://github.com/aaronpk/Nautilus">Nautilus</a> is an open-source proxy server you can run independently from your website.</li> <li>You can self-host a single-user instance of ActivityPub-compatible software like <a href="https://microblog.pub/">microblog.pub</a>, <a href="https://writefreely.org/">WriteFreely</a>, or <a href="https://github.com/mastodon/mastodon">Mastodon</a>.</li> </ul> <p>If you want to go full DIY, you can implement ActivityPub into your own website! I started by following <a href="https://blog.joinmastodon.org/2018/06/how-to-implement-a-basic-activitypub-server/">Eugen's guide here</a>.</p> </div> </div> <div class="content-area"> <div class="pad"> <h4>Available Feeds</h4> <p>Alternatively, you can choose one of my feeds below and add it to your reader.</p> <ul> <li><a href="https://aaronparecki.com/" rel="me">https://aaronparecki.com/</a> - HTML/Microformats</li> <li><a href="https://aaronparecki.com/feed.json">https://aaronparecki.com/feed.json</a> - JSON Feed</li> <li><a href="https://aaronparecki.com/feed.xml">https://aaronparecki.com/feed.xml</a> - Atom Feed</li> <li><a href="https://aaronparecki.com/primary.jf2">https://aaronparecki.com/primary.jf2</a> - jf2 Feed</li> </ul> </div> </div> </div> <style> .profile-info { display: flex; flex-direction: row; } .profile-info .left { flex: 0 0; padding: 8px; } .profile-info .right { flex: 0 0; padding: 8px; padding-left: 0; display: flex; flex-direction: column; justify-content: center; min-width: 120px; } .profile-info .name { font-size: 1.2em; font-weight: bold; margin-bottom: 3px; } .profile-info .name a { color: black; } .profile-info .username a { color: #aaa; font-weight: bold; } .profile-info .counter { flex: 0 0; padding: 8px; text-align: center; display: flex; flex-direction: column; justify-content: center; } .profile-info .counter .num { font-size: 1.2em; font-weight: bold; margin-bottom: 3px; } .profile-info .counter .desc { text-transform: uppercase; color: #aaa; font-weight: bold; font-size: 0.9em; } </style> <script> $(function(){ $("#subscribe-btn").click(function(){ if(!$("#follow-from").val()) { return false; } $.post("/follow", { acct: $("#follow-from").val(), }, function(response){ console.log(response); if(response.redirect) { window.location = response.redirect; } else { $("#feedback .pad").html(''); $("#feedback").removeClass("hidden"); } }); return false; }); }); </script> </div> </div> <footer class="sticky-footer"> <div class="subfooter"> <div class="ui container h-card"> <div class="about"> <div class="image"><a href="/" class="u-url u-uid"><img src="/images/profile.jpg" class="u-photo"></a></div> <div class="bio"> <div class="p-note"> <p>Hi, I'm <span class="p-name">Aaron<span style="display:none;"> Parecki</span></span>, Director of Identity Standards at Okta, and co-founder of <a href="https://indieweb.org/">IndieWebCamp</a>. I maintain <a href="https://oauth.net/">oauth.net</a>, <a href="/oauth/">write and consult about OAuth</a>, and participate in the OAuth Working Group at the IETF. I also help people learn about <a href="https://aaronpk.tv">video production and livestreaming</a>. (<a href="/bio/">detailed bio</a>)</p> <p>I've been <a href="/gps/">tracking my location</a> since 2008 and I wrote <a href="https://100.aaronparecki.com/">100 songs in 100 days</a>. I've <a href="/presentations">spoken</a> at conferences around the world about <a href="/presentations?tag=indieweb">owning your data</a>, <a href="/oauth/">OAuth</a>, <a href="/presentations?tag=quantifiedself">quantified self</a>, and explained <a href="https://www.youtube.com/watch?v=FGVJ0eXTRpw">why R is a vowel</a>. <a href="/about">Read more</a>.</p> <time class="dt-bday" datetime="--12-28"></time> <data class="p-street-address" value="PO Box 12433"></data> <data class="p-locality" value="Portland"></data> <data class="p-region" value="Oregon"></data> <data class="p-country-name" value="USA"></data> <data class="p-postal-code" value="97212"></data> </div> </div> <div class="right"> <div class="orgs"> <ul> <li class="p-org h-card"> <img src="/images/okta.png" alt="" class="u-photo"> <span class="p-role">Director of Identity Standards</span> at <a href="https://www.okta.com/" class="u-url"> <span class="p-name">Okta</span> </a> </li> <li class="p-org h-card"> <img src="/images/indiewebcamp.png" alt="" class="u-photo"> <a href="https://indieweb.org/" class="u-url"> <span class="p-name">IndieWebCamp</span> </a> <a class="p-role" href="https://indieweb.org/founders">Founder</a> </li> <li class="p-org h-card"> <img src="/images/ietf.ico" alt="" class="u-photo"> <a href="https://oauth.net" class="u-url"> <span class="p-name">OAuth WG</span> </a> <a class="p-role" href="/oauth/">Editor</a> </li> <li class="p-org h-card"> <img src="/images/openid.png" alt="" class="u-photo"> <a href="https://openid.net" class="u-url"> <span class="p-name">OpenID</span> </a> <a class="p-role" href="/oauth/">Board Member</a> </li> <!-- <li class="p-org h-card"> <img src="/images/w3c.png" alt="" class="u-photo"> <a href="https://www.w3.org/" class="u-url"> <span class="p-name">W3C</span> </a> <a class="p-role" href="/w3c/">Editor</a> </li> --> <li><br></li> <!-- <li><img src="/images/spotify.ico" alt=""> <a href="/sunshine-indie-pop/">Sunshine Indie Pop</a></li> <li> <img src="/images/microphone.png" alt=""> <a class="p-callsign u-url" href="https://w7apk.com">W7APK</a> </li> --> <li>🎥 <a href="https://youtube.com/aaronpk">YouTube Tutorials and Reviews</a></li> <li>🏠 <a href="https://www.youtube.com/@TheHouseFilesPDX">We're building a triplex!</li> <li>⭐️ <a href="https://aaronparecki.com/life-stack/">Life Stack</a></li> <li>⚙️ <a href="https://aaronparecki.com/home-automation/">Home Automation</a></li> </ul> <link rel="pgpkey" href="/key.txt"> <link rel="me" href="sms:+15035678642"> <link rel="me" href="https://micro.blog/aaronpk"> </div> <div class="search"> <form action="/search" method="get"> <div class="ui fluid icon input"> <input type="text" name="q" placeholder="Search..." value=""> <i class="search icon"></i> </div> </form> </div> </div> </div> <div class="channels"> <ul class="footer-links"> <li><a href="/all">All</a></li> <li><a href="/articles">Articles</a></li> <li><a href="/bookmarks">Bookmarks</a></li> <li><a href="/notes">Notes</a></li> <li><a href="/photos">Photos</a></li> <li><a href="/replies">Replies</a></li> <li><a href="/reviews">Reviews</a></li> <li><a href="/trips">Trips</a></li> <li><a href="/videos">Videos</a></li> <li><a href="/contact">Contact</a></li> </ul> </div> <div class="elsewhere"> <ul class="footer-links"> <li><a href="https://github.com/aaronpk" rel=""><i class="github icon"></i></a></li> <li><a href="https://youtube.com/aaronpk" rel=""><i class="youtube play icon"></i></a></li> <li><a href="http://foursquare.com/aaronpk" rel=""><i class="foursquare icon"></i></a></li> <li><a href="http://www.linkedin.com/in/aaronparecki" rel=""><i class="linkedin icon"></i></a></li> <li><a href="https://instagram.com/aaronpk_tv" rel=""><i class="instagram icon"></i></a></li> <li><a href="http://flickr.com/aaronpk" rel=""><i class="flickr icon"></i></a></li> <li><a href="https://speakerdeck.com/aaronpk" rel=""><i class="icon-speakerdeck icon"></i></a></li> <li><a href="http://www.slideshare.net/aaronpk" rel=""><i class="slideshare icon"></i></a></li> <li><a href="http://www.last.fm/user/aaron_pk" rel=""><i class="lastfm icon"></i></a></li> <li><a href="https://kit.co/aaronpk" rel=""><i class="icon-kit-co icon"></i></a></li> <li><a href="https://www.duolingo.com/profile/aaronpk" rel=""><i class="icon-duolingo icon"></i></a></li> <li><a href="https://www.w3.org/users/59996" rel=""><i class="icon-w3c icon"></i></a></li> <li><a href="https://en.wikipedia.org/wiki/User:Aaronpk" rel=""><i class="linkify icon"></i></a></li> <li><a href="https://u.wechat.com/kKChiO-sSbgJQFf0UJrpHhE" rel=""><i class="wechat icon"></i></a></li> <li><a href="https://www.amazon.com/shop/aaronparecki" rel=""><i class="amazon icon"></i></a></li> <li><a href="https://www.amazon.com/gp/profile/amzn1.account.AHJ2OJ7NXSYM23FDDEDVZV2UR4MA" rel=""><i class="amazon icon"></i></a></li> <li><a href="https://aaronparecki.com/aaronpk" rel=""><i class="icon-mastodon icon"></i></a></li> <li><a href="https://bsky.app/profile/aaronpk.com" rel=""><i class="icon-bluesky icon"></i></a></li> <li><a href="https://cash.me/$aaronpk" rel=""><i class="icon-squarecash icon"></i></a></li> <li><a href="https://venmo.com/aaronpk" rel=""><i class="icon-venmo icon"></i></a></li> <li><a href="https://paypal.me/apk" rel=""><i class="paypal icon"></i></a></li> <li><a href="mailto:aaron@parecki.com" rel=""><i class="mail icon"></i></a></li> </ul> </div> </div> </div> <div class="footer"> <a href="/login" class="hidden-login"></a> <div> <span>© 1999-2025 by Aaron Parecki.</span> <span>Powered by <a href="https://indieweb.org/p3k">p3k</a>.</span> <span>This site supports <a href="https://webmention.net/">Webmention</a>.</span> </div> <div> <span>Except where otherwise noted, text content on this site is licensed under a <a href="http://creativecommons.org/licenses/by/3.0/" rel="license">Creative Commons Attribution 3.0 License</a>.</span> </div> <div class="badges" style="padding-top: 8px;"> <a href="https://indieweb.org/"><img src="/assets/badges/indieweb.png" width="80" height="15" alt="IndieWebCamp" style="image-rendering: pixelated;"></a> <a href="http://microformats.org/"><img src="/assets/badges/microformats.png" width="80" height="15" alt="Microformats" style="image-rendering: pixelated;"></a> <a href="https://indieweb.org/Webmention"><img src="/assets/badges/webmention.png" width="80" height="15" alt="Webmention" style="image-rendering: pixelated;"></a> <img src="/assets/badges/w3c-valid-html.png" width="80" height="15" alt="W3C HTML5" style="image-rendering: pixelated;"> <a href="http://creativecommons.org/licenses/by/3.0/"><img src="/assets/badges/cc-commons.png" width="80" height="15" alt="Creative Commons" style="image-rendering: pixelated;"></a> </div> </div> </footer> <input type="hidden" id="permalink" value=""> <div id="wechat-modal" class="hidden"> <div class="contents"> <div class="text">WeChat ID<br>aaronpk_tv</div> <div class="img"><img src="/images/wechat.jpg"></div> </div> </div> <script src="/assets/photo-albums/justified-layout.js"></script> <script src="/assets/photo-albums/photo-layout.js"></script> <script src="/assets/js-cookie.js"></script> <script src="/assets/story.js" async></script> <script src="/assets/script.js"></script> <script src="/assets/webmention.js"></script> <script src="/assets/admin.js"></script> <script> // Lolz. https://www.youtube.com/watch?v=EZpdEljk5dY // thanks seblog.nl! let photo = document.querySelector('.about .image img') if(photo) { window.addEventListener('deviceorientation', (e) => { let tiltLR = e.gamma; let tiltFB = e.beta; photo.style.transform = `rotate(${tiltLR * -1}deg)` }) } </script> <script src="https://cdn.usefathom.com/script.js" site="JGWUQUCN" defer></script> </body> </html>