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> <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">82°F</span> <span class="weather item"> <i class="wi wi-owm-801" title="few clouds in 膼脿 N岷祅g"></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"> <h2>#ietf121</h2> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events" version="1.1" baseProfile="full" width="100%" height="20" viewBox="0 -0.5 620 20" preserveAspectRatio="none" numPoints="72"><rect width="7" height="1" y="19" x="0" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="8.6" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="17.2" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="25.8" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="34.4" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="43.1" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="51.7" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="60.3" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="68.9" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="77.5" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="86.1" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="94.7" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="103.3" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="111.9" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="120.6" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="129.2" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="137.8" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="146.4" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="155" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="163.6" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="172.2" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="180.8" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="189.4" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="198.1" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="206.7" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="215.3" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="223.9" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="232.5" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="241.1" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="249.7" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="258.3" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="266.9" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="275.6" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="284.2" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="292.8" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="301.4" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="310" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="318.6" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="327.2" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="335.8" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="344.4" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="353.1" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="361.7" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="370.3" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="378.9" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="387.5" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="396.1" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="404.7" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="413.3" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="421.9" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="430.6" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="439.2" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="447.8" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="456.4" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="465" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="473.6" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="482.2" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="490.8" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="499.4" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="508.1" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="516.7" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="525.3" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="533.9" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="542.5" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="551.1" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="559.7" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="568.3" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="576.9" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="585.6" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="594.2" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="1" y="19" x="602.8" fill="rgba(24,24,24,0.8)"></rect><rect width="7" height="20" y="0" x="611.4" fill="rgba(24,24,24,0.8)"></rect></svg> <ul> <li class="h-entry post-entry post-type-checkin post " id="post-id-108744"> <div style="" class="content-area "> <div class=""> <div class="checkin-venue" style="margin-top: -8px;"> <div class="left"> <div class="image u-author h-card"> <a href="/" class="u-url"><img src="/images/profile.jpg" width="48" style="border-radius: 4px;" class="u-photo p-name" alt="Aaron Parecki"></a> </div> </div> <div class="right u-checkin h-card"> <div class="venue-name"> at <a href="https://foursquare.com/v/4be3e6cfb02ec9b6788b50c0" class="u-url p-name">The Convention Centre Dublin</a> </div> <div> <span class="p-location">Dublin, Dublin City, Ireland</span> • <span>Thu, November 7, 2024 9:18am</span> </div> <div style="display:none;"> <span class="p-latitude">53.347623</span> <span class="p-longitude">-6.239657</span> </div> </div> </div> </div> <div class="pad"> <div class=""> <div class="post-text e-content content-type-plain" ><a href="https://aaronparecki.com/tag/ietf121">#IETF121</a></div> </div> </div> <a href="https://aaronparecki.com/2024/11/07/6/"><img src="/img/620x0,q30/2024/11/07/6/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">Dublin</span>, <span class="p-region">Dublin City</span>, <span class="p-country">Ireland</span> </span> <span class="weather"> <span>•</span> <i class="wi wi-owm-803" title="broken clouds"></i> 56°F </span> </div> <div class="metaline responses-summary pad"> <span><i class="swarm-coin-icon"></i> <span class="p-pk-num-coins">41</span> Coins</span> </div> <div class="metaline pad"> <a href="https://aaronparecki.com/2024/11/07/6/" class="u-url"> <time class="dt-published" datetime="2024-11-07T09:18:13+00:00"> Thu, Nov 7, 2024 9:18am +00:00 </time> </a> <span class="syndications"> <a href="https://www.swarmapp.com/user/59164/checkin/672c85d5ad6e8630cc95f3f2" class="u-syndication syndication"><i class="icon-swarm"></i></a> <a href="https://micro.blog/aaronpk/49132547" class="u-syndication syndication"><i class="icon-microblog"></i></a> </span> <span class="right"> #<a href="/tag/ietf121" class="p-category">ietf121</a> </span> </div> <div style="clear:both;"></div> </div> </li> <li class="h-entry post-entry post-type-article post " id="post-id-108670"> <div style="" class="content-area has-name"> <div class="pad"> <div class="post-text"> <h2 class="post-title"><a href="https://aaronparecki.com/2024/11/04/7/ietf-121" class="p-name post-title">My IETF 121 Agenda</a></h2> <div class="p-summary" style="margin: 12px 0;">Here's where you can find me at IETF 121 in Dublin!</div> <a href="https://aaronparecki.com/2024/11/04/7/ietf-121">continue reading...</a> </div> </div> <div class="metaline responses-summary pad"> <span><i class="star empty icon"></i> <span class="p-pk-num-likes">1</span> like</span> </div> <div class="metaline pad"> <a href="https://aaronparecki.com/2024/11/04/7/ietf-121" class="u-url"> <time class="dt-published" datetime="2024-11-04T09:18:03+00:00"> Mon, Nov 4, 2024 9:18am +00:00 </time> </a> <span class="right"> #<a href="/tag/ietf" class="p-category">ietf</a> #<a href="/tag/ietf121" class="p-category">ietf121</a> #<a href="/tag/oauth" class="p-category">oauth</a> </span> </div> <div style="clear:both;"></div> </div> </li> <li class="h-entry post-entry post-type-checkin post " id="post-id-108667"> <div style="" class="content-area "> <div class=""> <div class="checkin-venue" style="margin-top: -8px;"> <div class="left"> <div class="image u-author h-card"> <a href="/" class="u-url"><img src="/images/profile.jpg" width="48" style="border-radius: 4px;" class="u-photo p-name" alt="Aaron Parecki"></a> </div> </div> <div class="right u-checkin h-card"> <div class="venue-name"> at <a href="https://foursquare.com/v/4be3e6cfb02ec9b6788b50c0" class="u-url p-name">The Convention Centre Dublin</a> </div> <div> <span class="p-location">Dublin, Dublin City, Ireland</span> • <span>Mon, November 4, 2024 8:51am</span> </div> <div style="display:none;"> <span class="p-latitude">53.347623</span> <span class="p-longitude">-6.239657</span> </div> </div> </div> </div> <div class="pad"> <div class=""> <div class="post-text e-content content-type-plain" ><a href="https://aaronparecki.com/tag/ietf121">#ietf121</a></div> </div> </div> <div class="metaline pad"> <i class="marker icon"></i> <span class="p-location h-adr"> <span class="p-locality">Dublin</span>, <span class="p-region">Dublin City</span>, <span class="p-country">Ireland</span> </span> <span class="weather"> <span>•</span> <i class="wi wi-owm-803" title="broken clouds"></i> 53°F </span> </div> <div class="metaline responses-summary pad"> <span><i class="swarm-coin-icon"></i> <span class="p-pk-num-coins">6</span> Coins</span> </div> <div class="metaline pad"> <a href="https://aaronparecki.com/2024/11/04/4/" class="u-url"> <time class="dt-published" datetime="2024-11-04T08:51:58+00:00"> Mon, Nov 4, 2024 8:51am +00:00 </time> </a> <span class="syndications"> <a href="https://www.swarmapp.com/user/59164/checkin/67288b2e2ea8fb1ca029df88" class="u-syndication syndication"><i class="icon-swarm"></i></a> </span> <span class="right"> #<a href="/tag/ietf121" class="p-category">ietf121</a> </span> </div> <div style="clear:both;"></div> </div> </li> </ul> <div class="load-more"> <a href="/tag/ietf121?tag=ietf121&before=20241104T085158%2B0000" class="infinite " rel="prev">older</a> </div> </div> </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="https://instagram.com/aaronpk_2d" 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>