p3k
/
XRay
mirror of https://github.com/aaronpk/XRay.git
1
0
Fork 0
Code Issues 0 Releases 77 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
252 Commits
2 Branches
15 MiB
Tree: 154b7e874a
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '154b7e874a'
${ noResults }
XRay/tests/data/source.example.com/rel-alternate-mf2-json

580 lines
29 KiB
Raw Normal View History

check for a rel=alternate to existing parsed mf2 JSON and use that instead
7 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
 
  1. HTTP/1.1 200 OK
  2. Server: Apache
  3. Date: Wed, 09 Dec 2015 03:29:14 GMT
  4. Content-Type: text/html
  5. Connection: keep-alive
  6. 

  7. <!doctype html>
  8. <html>
  9.   <head>
  10.     <meta charset="utf-8">
  11.     <meta name="viewport" content="width=device-width, initial-scale=1">
  12.     <title>Pretty great to see a new self-hosted IndieAuth server! ... &bull; Aaron Parecki</title>
  13. 

  14.   <link rel="alternate" type="application/mf2+json" href="http://source.example.com/rel-alternate-mf2-json.json" />
  15.   <link rel="alternate" type="application/jf2+json" href="http://source.example.com/rel-alternate-mf2-json.jf2" />
  16.   <link rel="alternate" type="application/activity+json" href="http://source.example.com/rel-alternate-mf2-json.as2" />
  17. 

  18.   <meta name="twitter:card" content="summary" />
  19.   <meta name="twitter:site" content="@aaronpk" />
  20.   <meta name="twitter:creator" content="@aaronpk" />
  21. 

  22.   <meta property="og:url"                content="https://aaronparecki.com/2018/07/12/10/indieauth" />
  23.   <meta property="og:type"               content="website" />
  24.   <meta property="og:title"              content="Pretty great to see a new self-hosted IndieAuth server! ..." />
  25.   <meta property="og:description"        content="Pretty great to see a new self-hosted IndieAuth server! Congrats @nilshauk, and great project name!" />
  26.     <meta property="og:site_name"          content="Aaron Parecki" />
  27. 

  28. 

  29.     <link rel="webmention" href="https://webmention.io/aaronpk/webmention">
  30. 

  31.     <link rel="stylesheet" type="text/css" href="/semantic/2.2.6/semantic.min.css">
  32.     <script src="/assets/jquery-1.12.0.min.js"></script>
  33.     <script src="/semantic/2.2.6/semantic.min.js"></script>
  34.     <link rel="stylesheet" href="/assets/icomoon/style.css">
  35.     <link rel="stylesheet" href="/assets/weather-icons/css/weather-icons.css">
  36.     <script src="/assets/featherlight-1.5.0/featherlight.min.js"></script>
  37.     <link rel="stylesheet" href="/assets/featherlight-1.5.0/featherlight.min.css">
  38. 

  39.     <script src="/assets/jquery-ui-1.11.4.custom/jquery-ui.min.js"></script>
  40.     <link rel="stylesheet" href="/assets/jquery-ui-1.11.4.custom/jquery-ui.min.css">
  41. 

  42.     <link rel="stylesheet" href="/assets/admin.css">
  43.     <link rel="stylesheet" href="/assets/pulse.css">
  44.     <link rel="stylesheet" href="/assets/styles.3.css">
  45.     <link rel="stylesheet" href="/site/styles.1.css">
  46.     <link rel="stylesheet" href="/assets/carbon.css">
  47.     <script src="/assets/photo-albums/justified-layout.js"></script>
  48.     <script src="/assets/photo-albums/photo-layout.js"></script>
  49.     <script src="/assets/js-cookie.js"></script>
  50. 

  51.     <link rel="stylesheet" href="/assets/story.css">
  52.     <script src="/assets/story.js"></script>
  53. 

  54.     <link rel="openid.delegate" href="https://aaronparecki.com/">
  55.     <link rel="openid.server" href="https://openid.indieauth.com/openid">
  56. 

  57. 

  58.   </head>
  59.   <body>
  60. 

  61.     <div class="sticky-footer-content">
  62.       <div class="top-bar">
  63.         <div class="ui container">
  64.           <form action="/search" method="get" class="search item">
  65.             <div class="ui icon input">
  66.               <input type="text" name="q" placeholder="Search..." value="">
  67.               <i class="search icon"></i>
  68.             </div>
  69.           </form>
  70.                       <span class="item">89&deg;F</span>
  71.             <span class="weather item">
  72.               <i class="wi wi-day-cloudy" title="Partly Cloudy in Portland"></i>
  73.             </span>
  74.                                 <span class="time item"></span>
  75.                                 <span class="battery item"></span>
  76.                     <div id="logged-in-menu">
  77.                           <span class="item action-buttons">
  78.       <a href="#" class="admin-edit-post"><i class="pencil icon"></i></a>
  79.     <a href="/settings"><i class="setting icon"></i></a>
  80.   <a href="/logout"><i class="sign out icon"></i></a>
  81. </span>
  82. <div class="ui modal admin-edit-post-modal">
  83.   <i class="close icon"></i>
  84.   <div class="header">Edit Post</div>
  85.   <div class="content">
  86. 

  87.     <div class="ui top attached tabular menu">
  88.       <a class="item active" data-tab="details">Details</a>
  89.       <a class="item" data-tab="syndication">Syndication</a>
  90.       <a class="item" data-tab="visibility">Visibility</a>
  91.       <a class="item" data-tab="maintenance">Maintenance</a>
  92.     </div>
  93.     <div class="ui bottom attached tab segment active" data-tab="details">
  94. 

  95.         <div class="inline fields">
  96.           <label>Date</label>
  97.           <div class="ui left icon input" style="min-width: 300px;">
  98.             <input type="text" class="edit-date" style="padding:0.3em 1em;">
  99.             <i class="calendar icon"></i>
  100.           </div>
  101.         </div>
  102. 

  103.         <div class="inline fields" style="margin-top: 4px;">
  104.           <label>Slug</label>
  105.           <div class="ui left icon input" style="min-width: 300px;">
  106.             <input type="text" class="edit-slug" style="padding:0.3em 1em;">
  107.             <i class="linkify icon"></i>
  108.           </div>
  109.         </div>
  110. 

  111.         <h3>Tags</h3>
  112.         <div class="tags" style="margin-right: 4px; margin-bottom: 4px; float: left"></div>
  113.         <div class="ui small left icon input new-tags">
  114.           <input type="text" placeholder="" style="padding:0.3em 1em;">
  115.           <i class="tag icon"></i>
  116.         </div>
  117. 

  118.         <h3>Channels</h3>
  119.         <div class="ui form new-channels">
  120.           <select class="ui fluid dropdown">
  121.             <option value="">--</option>
  122.                           <option value="articles">articles</option>
  123.                           <option value="ate">ate</option>
  124.                           <option value="bookmarks">bookmarks</option>
  125.                           <option value="checkins">checkins</option>
  126.                           <option value="code">code</option>
  127.                           <option value="drank">drank</option>
  128.                           <option value="events">events</option>
  129.                           <option value="flights">flights</option>
  130.                           <option value="grid">grid</option>
  131.                           <option value="health">health</option>
  132.                           <option value="likes">likes</option>
  133.                           <option value="music">music</option>
  134.                           <option value="notes">notes</option>
  135.                           <option value="photos">photos</option>
  136.                           <option value="presentations">presentations</option>
  137.                           <option value="primary">primary</option>
  138.                           <option value="pushups">pushups</option>
  139.                           <option value="recipes">recipes</option>
  140.                           <option value="replies">replies</option>
  141.                           <option value="reposts">reposts</option>
  142.                           <option value="reviews">reviews</option>
  143.                           <option value="rides">rides</option>
  144.                           <option value="rsvps">rsvps</option>
  145.                           <option value="runs">runs</option>
  146.                           <option value="scrobbles">scrobbles</option>
  147.                           <option value="sleep">sleep</option>
  148.                           <option value="transport">transport</option>
  149.                           <option value="travel">travel</option>
  150.                           <option value="venues">venues</option>
  151.                           <option value="videos">videos</option>
  152.                           <option value="walks">walks</option>
  153.                           <option value="watched">watched</option>
  154.                           <option value="weight">weight</option>
  155.                       </select>
  156.         </div>
  157.         <div class="channels" style="margin-right: 4px; margin-top: 4px;"></div>
  158. 

  159.     </div>
  160.     <div class="ui bottom attached tab segment" data-tab="syndication">
  161. 

  162.       <h3>Syndication URLs</h3>
  163.       <div class="syndications"></div>
  164.       <div class="ui left icon input new-syndication">
  165.         <input type="text" placeholder="" style="padding:0.3em 1em;">
  166.         <i class="linkify icon"></i>
  167.       </div>
  168. 

  169.       <h3>Syndicate</h3>
  170.       <div class="syndicate-to"></div>
  171.       <div style="clear:both;"></div>
  172. 

  173.     </div>
  174.     <div class="ui bottom attached tab segment" data-tab="visibility">
  175. 

  176.       <h3>Status</h3>
  177.       <div class="ui form post-status">
  178.         <select class="ui fluid dropdown">
  179.           <option value="published">Published</option>
  180.           <option value="draft">Draft</option>
  181.         </select>
  182.       </div>
  183. 

  184.       <h3>Audience</h3>
  185. 

  186. 

  187.       <h3>Privacy</h3>
  188. 

  189. 

  190.     </div>
  191.     <div class="ui bottom attached tab segment" data-tab="maintenance">
  192. 

  193.       <h3>Rebuild Index</h3>
  194.       <p>Rebuild the database index from the copy on disk.</p>
  195.       <button class="ui button maintenance" data-task="rebuild_index">Rebuild Index</button>
  196. 

  197.       <h3>Regenerate Map</h3>
  198.       <p>If this post contains geo data, this button will regenerate the map.</p>
  199.       <button class="ui button maintenance" data-task="generate_map">Regenerate Map</button>
  200. 

  201.     </div>
  202. 

  203.   </div>
  204.   <div class="actions">
  205.     <div class="error" style="float: left; color: #963131; padding-top: 0.7em;"></div>
  206.     <button class="ui red delete button">Delete</button>
  207.     <button class="ui cancel button">Cancel</button>
  208.     <button class="ui primary save button">Save</button>
  209.   </div>
  210. </div>
  211.                       </div>
  212.         </div>
  213.       </div>
  214.               <div class="ui container">
  215.         <div class="site-header">
  216.   <div class="align-bottom">
  217. 

  218.     <div class="left">
  219.       <h1><a href="/">Aaron Parecki</a></h1>
  220.     </div>
  221. 

  222.     <div class="right">
  223.       <ul>
  224.                   <li><a href="/articles">Articles</a></li>
  225.                   <li><a href="/notes">Notes</a></li>
  226.                 <li><a href="/projects/">Projects</a></li>
  227.       </ul>
  228.     </div>
  229. 

  230.   </div>
  231. </div>
  232.         <div class="post-list">
  233.   <ul>
  234.     <li class="h-entry post-entry    post " id="post-id-41472">
  235.       <div style="" class="content-area   has-responses ">
  236.                 <div class="pad">
  237.         <div class="post-text e-content p-name content-type-plain">Pretty great to see a new self-hosted IndieAuth server! Congrats <a href="https://twitter.com/nilshauk">@nilshauk</a>, and great project name! <a href="https://twitter.com/nilshauk/status/1017485223716630528"><span class="protocol">https://</span>twitter.com/nilshauk/status/1017485223716630528</a></div>
  238.       </div>
  239.             <div class="metaline pad">
  240.   <i class="marker icon"></i>
  241.       <span class="p-location h-adr">
  242.           <span class="p-locality">Portland</span>,
  243.         <span class="p-region">Oregon</span>,
  244.         <span class="p-country">USA</span>
  245.         <span class="weather">
  246.       <span>&bull;</span>
  247.               <i class="wi wi-day-sunny" title="Clear"></i>
  248.                     84&deg;F
  249.           </span>
  250.               <data class="p-latitude" value="45.5354"></data>
  251.       <data class="p-longitude" value="-122.62099"></data>
  252.       </span>
  253.   </div>
  254. 

  255.       <div class="metaline tags pad" style="float: right;">
  256.       #<a href="/tag/indieauth" class="p-category">indieauth</a>
  257.   </div>
  258.     <div class="metaline pad">
  259.       <a href="https://aaronparecki.com/2018/07/12/10/indieauth" class="u-url">
  260.       <time class="dt-published" datetime="2018-07-12T13:02:04-07:00">
  261.         Thu, Jul 12, 2018 1:02pm -07:00
  262.       </time>
  263.     </a>
  264.         <span class="syndications">
  265.               <a href="https://twitter.com/aaronpk/status/1017500609631567872" class="u-syndication syndication"><i class="twitter icon"></i></a>
  266.           </span>
  267.   </div>
  268. <a class="u-author" href="/"></a>
  269.     <div class="metaline responses-summary pad">
  270.       <span><i class="star empty icon"></i> <span class="p-pk-num-likes">6</span> likes</span>
  271.             <span><i class="comment outline icon"></i> <span class="p-pk-num-replies">3</span> replies</span>
  272.         </div>
  273. 

  274.   <div style="clear:both;"></div>
  275. </div>
  276.   <div class="responses" id="responses">
  277.       <ul class="facepile">
  278.     <li class="group"><i class="star empty icon"></i></li>
  279.     <!-- TODO: add overlay with twitter/facebook/instagram icon depending on author URL -->
  280.           <li class="p-like h-cite">
  281.         <a href="https://twitter.com/aaronpk/status/1017500609631567872#favorited-by-75276568" class="u-url">
  282.           <span class="p-author h-card">
  283.                           <img class="u-photo" src="https://pkcdn.xyz/pbs.twimg.com/40aa1ddaef3cf2abc9392d731dd6f150b2ec097243351c2c1a46f061c4127e2c.jpg" height="36">
  284.                         <a style="display:none;" class="p-name u-url" href="https://twitter.com/nilshauk">Nils Norman Hauk&aring;s</a>
  285.           </span>
  286.         </a>
  287.       </li>
  288.           <li class="p-like h-cite">
  289.         <a href="https://twitter.com/aaronpk/status/1017500609631567872#favorited-by-798123" class="u-url">
  290.           <span class="p-author h-card">
  291.                           <img class="u-photo" src="https://pkcdn.xyz/pbs.twimg.com/fc0678c0424632fb0ce6a0d5bdd2697bf8edbb9086e819f2453aadf1eeb58d5a.jpg" height="36">
  292.                         <a style="display:none;" class="p-name u-url" href="https://twitter.com/kmelve">Knut Melv&aelig;r</a>
  293.           </span>
  294.         </a>
  295.       </li>
  296.           <li class="p-like h-cite">
  297.         <a href="https://twitter.com/aaronpk/status/1017500609631567872#favorited-by-1202561" class="u-url">
  298.           <span class="p-author h-card">
  299.                           <img class="u-photo" src="https://pkcdn.xyz/pbs.twimg.com/2a0f14011833a9deca627931442e780a6e00fb3221e7c98a4b1045794d05f8dc.jpg" height="36">
  300.                         <a style="display:none;" class="p-name u-url" href="https://twitter.com/sull">Michael Sullivan</a>
  301.           </span>
  302.         </a>
  303.       </li>
  304.           <li class="p-like h-cite">
  305.         <a href="https://twitter.com/aaronpk/status/1017500609631567872#favorited-by-16114199" class="u-url">
  306.           <span class="p-author h-card">
  307.                           <img class="u-photo" src="https://pkcdn.xyz/pbs.twimg.com/36de4c45d8c4c4b420607c8e490e8777ec5b658dfc57b1d9f90b54636dc8c3e7.jpg" height="36">
  308.                         <a style="display:none;" class="p-name u-url" href="https://twitter.com/cathieleblanc">cathieleblanc</a>
  309.           </span>
  310.         </a>
  311.       </li>
  312.           <li class="p-like h-cite">
  313.         <a href="https://twitter.com/aaronpk/status/1017500609631567872#favorited-by-961661" class="u-url">
  314.           <span class="p-author h-card">
  315.                           <img class="u-photo" src="https://pkcdn.xyz/pbs.twimg.com/ce4f2f04b015ad5bd826584ceac5e6dbf0c8c1b9be2bdce80df7bc7a1d83bdcd.jpeg" height="36">
  316.                         <a style="display:none;" class="p-name u-url" href="https://twitter.com/tomwiththeweath">TomWithTheWeather</a>
  317.           </span>
  318.         </a>
  319.       </li>
  320.           <li class="p-like h-cite">
  321.         <a href="https://twitter.com/aaronpk/status/1017500609631567872#favorited-by-18331731" class="u-url">
  322.           <span class="p-author h-card">
  323.                           <img class="u-photo" src="https://pkcdn.xyz/pbs.twimg.com/500a4883279015b8c0bf56f607034761ddc0c366c0275632662441f25af5351c.png" height="36">
  324.                         <a style="display:none;" class="p-name u-url" href="https://twitter.com/voxpelli">Pelle Wessman</a>
  325.           </span>
  326.         </a>
  327.       </li>
  328.       </ul>
  329.   <div style="clear:both;"></div>
  330. 

  331. 

  332. 

  333.     <form class="webmention-form ui form" action="https://webmention.io/aaronpk/webmention" method="post">
  334.     <div class="fields">
  335.       <div class="twelve wide field">
  336.         <label>Have you written a <a href="https://indieweb.org/responses">response</a> to this? Let me know the URL:</label>
  337.         <input type="url" name="source" class="url">
  338.       </div>
  339.       <div class="four wide field">
  340.         <label>&nbsp;</label>
  341.         <input type="submit" class="ui submit button" value="Send Webmention">
  342.       </div>
  343.     </div>
  344.     <div class="status hidden">
  345.       <div class="ui message"></div>
  346.     </div>
  347.     <input type="hidden" name="target" value="https://aaronparecki.com/2018/07/12/10/indieauth">
  348.   </form>
  349. 

  350. 

  351. 

  352.           <ul>
  353.       <li class="p-comment h-cite comment">
  354.       <div class="p-author h-card author">
  355.                   <img class="u-photo" src="https://pkcdn.xyz/pbs.twimg.com/40aa1ddaef3cf2abc9392d731dd6f150b2ec097243351c2c1a46f061c4127e2c.jpg" width="48">
  356.                           <a class="p-name u-url" href="http://nilsnh.no">Nils Norman Hauk&aring;s</a>
  357.           <a class="author_url" href="http://nilsnh.no">nilsnh.no</a>
  358.               </div>
  359.                                 <!-- TODO: should this be e-summary if I've truncated it or if it came from the summary? -->
  360.           <div class="e-content p-name comment-content">Thank you very much. :)</div>
  361.                           <div class="metaline">
  362.         <a href="https://twitter.com/nilshauk/status/1017501170376560640" class="u-url">
  363.                     <time class="dt-published" datetime="2018-07-12T20:09:17+00:00">
  364.             Thu, Jul 12, 2018 8:09pm +00:00
  365.           </time>
  366.         </a>
  367.                   (<a href="https://brid-gy.appspot.com/comment/twitter/aaronpk/1017500609631567872/1017501170376560640">via brid-gy.appspot.com</a>)
  368.                       </div>
  369.     </li>
  370.       <li class="p-comment h-cite comment">
  371.       <div class="p-author h-card author">
  372.                   <img class="u-photo" src="https://pkcdn.xyz/pbs.twimg.com/40aa1ddaef3cf2abc9392d731dd6f150b2ec097243351c2c1a46f061c4127e2c.jpg" width="48">
  373.                           <a class="p-name u-url" href="http://nilsnh.no">Nils Norman Hauk&aring;s</a>
  374.           <a class="author_url" href="http://nilsnh.no">nilsnh.no</a>
  375.               </div>
  376.                                 <!-- TODO: should this be e-summary if I've truncated it or if it came from the summary? -->
  377.           <div class="e-content p-name comment-content">Looking forward to learning more about IndieWeb and hopefully contribute some more. :) I'm like, "surely we can build cooler and more usable services than present silo offerings."</div>
  378.                           <div class="metaline">
  379.         <a href="https://twitter.com/nilshauk/status/1017512103199068160" class="u-url">
  380.                     <time class="dt-published" datetime="2018-07-12T20:52:44+00:00">
  381.             Thu, Jul 12, 2018 8:52pm +00:00
  382.           </time>
  383.         </a>
  384.                   (<a href="https://brid-gy.appspot.com/comment/twitter/aaronpk/1017500609631567872/1017512103199068160">via brid-gy.appspot.com</a>)
  385.                       </div>
  386.     </li>
  387.       <li class="p-comment h-cite comment">
  388.       <div class="p-author h-card author">
  389.                   <img class="u-photo" src="https://pkcdn.xyz/pbs.twimg.com/2a0f14011833a9deca627931442e780a6e00fb3221e7c98a4b1045794d05f8dc.jpg" width="48">
  390.                           <a class="p-name u-url" href="https://keybase.io/sull">Michael Sullivan</a>
  391.           <a class="author_url" href="https://keybase.io/sull">keybase.io/sull</a>
  392.               </div>
  393.                                 <!-- TODO: should this be e-summary if I've truncated it or if it came from the summary? -->
  394.           <div class="e-content p-name comment-content">I was just talking about the words “cellar door” the other day. Cool project. <br /><br /><a href="https://en.m.wikipedia.org/wiki/Cellar_door" rel="nofollow">en.m.wikipedia.org/wiki/Cellar_do…</a></div>
  395.                           <div class="metaline">
  396.         <a href="https://twitter.com/sull/status/1017546958590922758" class="u-url">
  397.                     <time class="dt-published" datetime="2018-07-12T23:11:14+00:00">
  398.             Thu, Jul 12, 2018 11:11pm +00:00
  399.           </time>
  400.         </a>
  401.                   (<a href="https://brid-gy.appspot.com/comment/twitter/aaronpk/1017500609631567872/1017546958590922758">via brid-gy.appspot.com</a>)
  402.                       </div>
  403.     </li>
  404.     </ul>
  405.   <div style="clear:both;"></div>
  406. 

  407. 

  408. </div>
  409.   </li>
  410.   </ul>
  411. 

  412.     <div class="additional-info">
  413.           Posted in
  414.               <a href="/notes" class="u-p3k-channel">/notes</a>
  415.                      using
  416.       <a href="https://quill.p3k.io/">quill.p3k.io</a>
  417.         <!-- TODO: show privacy/visibility here, and allow editing if logged in -->
  418.     <!-- TODO: allow editing tags and channels here -->
  419.   </div>
  420. 

  421. </div>
  422.         </div>
  423.           </div>
  424. 

  425.     <footer class="sticky-footer">
  426.               <div class="subfooter">
  427.           <div class="ui container h-card">
  428.   <div class="about">
  429.     <div class="image"><a href="/" class="u-url u-uid"><img src="/images/profile.jpg" class="u-photo"></a></div>
  430.     <div class="bio">
  431.       <div class="p-note">
  432.         <p>Hi, I'm <span class="p-name">Aaron<span style="display:none;"> Parecki</span></span>,  co-founder of
  433. <a class="p-org h-card" href="https://indieweb.org/">IndieWebCamp</a>.
  434. I maintain <a class="p-org h-card" href="https://oauth.net/">oauth.net</a>, <a href="/oauth/">write and consult about OAuth</a>, and
  435. am the editor of several <a href="/w3c/">W3C specfications</a>. I record <a href="https://backpedal.tv">videos for local conferences</a> and help run a <a href="https://streampdx.com">podcast studio in Portland</a>.</p>
  436. 

  437. <p>I wrote <a href="https://100.aaronparecki.com/">100 songs in 100 days</a>! I've been <a href="/gps/">tracking my location</a> since 2008,
  438. and write down everything I <a href="/ate">eat</a> and <a href="/drank">drink</a>.
  439. I've <a href="/presentations">spoken</a> at conferences around the world about
  440. <a href="/presentations?tag=indieweb">owning your data</a>,
  441. <a href="/oauth/">OAuth</a>,
  442. <a href="/presentations?tag=quantifiedself">quantified self</a>,
  443. and explained <a href="https://www.youtube.com/watch?v=FGVJ0eXTRpw">why R is a vowel</a>.</p> <time class="dt-bday" datetime="--12-28"></time>      </div>
  444.     </div>
  445.     <div class="right">
  446.       <div class="follow">
  447.         <a href="/follow?path=primary" class="ui primary button">Follow</a>
  448.       </div>
  449.       <div class="orgs">
  450.         <ul>
  451.             <li class="p-org h-card">
  452.               <img src="/images/okta.png" alt="" class="u-photo">
  453.               <a href="https://developer.okta.com/" class="u-url">
  454.                 <span class="p-name">Okta</span>
  455.               </a>
  456.               <a class="p-role" href="https://developer.okta.com/blog/2018/03/27/welcome-aaron-okta">Developer Advocate</a>
  457.             </li>
  458.             <li class="p-org h-card">
  459.               <img src="/images/indiewebcamp.png" alt="" class="u-photo">
  460.               <a href="https://indieweb.org/" class="u-url">
  461.                 <span class="p-name">IndieWebCamp</span>
  462.               </a>
  463.               <a class="p-role" href="https://indieweb.org/founders">Founder</a>
  464.             </li>
  465.             <li class="p-org h-card">
  466.               <img src="/images/w3c.png" alt="" class="u-photo">
  467.               <a href="https://www.w3.org/" class="u-url">
  468.                 <span class="p-name">W3C</span>
  469.               </a>
  470.               <a class="p-role" href="/w3c/">Editor</a>
  471.             </li>
  472.             <li class="p-org h-card">
  473.               <img src="/images/streampdx.png" alt="" class="u-photo">
  474.               <a href="https://streampdx.com" class="u-url">
  475.                 <span class="p-name">Stream PDX</span>
  476.               </a>
  477.               <a class="p-role" href="https://streampdx.com/who">Co-Founder</a>
  478.             </li>
  479.             <li class="p-org h-card">
  480.               <img src="/images/backpedal.png" alt="" class="u-photo">
  481.               <a href="https://backpedal.tv" class="u-url">backpedal.tv</a>
  482.             </li>
  483.             <li><br></li>
  484.             <!--
  485.             <li><img src="/images/spotify.ico" alt=""> <a href="/sunshine-indie-pop/">Sunshine Indie Pop</a></li>
  486.             -->
  487.             <li>
  488.               <img src="/images/microphone.png" alt="">
  489.               <a class="p-callsign u-url" href="https://w7apk.com">W7APK</a>
  490.             </li>
  491.             <li>⭐️ <a href="https://aaronparecki.com/life-stack/">Life Stack</a></li>
  492.           </ul>
  493. 

  494. <link rel="pgpkey" href="/key.txt">
  495. <link rel="me" href="sms:+15035678642">
  496. <link rel="me" href="https://micro.blog/aaronpk">      </div>
  497.       <div class="search">
  498.         <form action="/search" method="get">
  499.           <div class="ui fluid icon input">
  500.             <input type="text" name="q" placeholder="Search..." value="">
  501.             <i class="search icon"></i>
  502.           </div>
  503.         </form>
  504.       </div>
  505.     </div>
  506.   </div>
  507.   <div class="channels">
  508.     <ul class="footer-links">
  509.               <li><a href="/all">All</a></li>
  510.               <li><a href="/articles">Articles</a></li>
  511.               <li><a href="/bookmarks">Bookmarks</a></li>
  512.               <li><a href="/notes">Notes</a></li>
  513.               <li><a href="/photos">Photos</a></li>
  514.               <li><a href="/replies">Replies</a></li>
  515.               <li><a href="/reviews">Reviews</a></li>
  516.               <li><a href="/sleep">Sleep</a></li>
  517.               <li><a href="/travel">Travel</a></li>
  518.             <li><a href="/contact">Contact</a></li>
  519.     </ul>
  520.   </div>
  521.     <div class="elsewhere">
  522.     <ul class="footer-links">
  523.               <li><a href="https://twitter.com/aaronpk" rel=""><i class="twitter icon"></i></a></li>
  524.               <li><a href="https://twitter.com/w7apk" rel=""><i class="twitter icon"></i></a></li>
  525.               <li><a href="https://facebook.com/aaronpk" rel=""><i class="facebook icon"></i></a></li>
  526.               <li><a href="https://instagram.com/aaronpk" rel=""><i class="instagram icon"></i></a></li>
  527.               <li><a href="http://flickr.com/aaronpk" rel=""><i class="flickr icon"></i></a></li>
  528.               <li><a href="https://github.com/aaronpk" rel=""><i class="github icon"></i></a></li>
  529.               <li><a href="https://youtube.com/TheAaronpk" rel=""><i class="youtube play icon"></i></a></li>
  530.               <li><a href="https://google.com/+aaronpk" rel=""><i class="google plus icon"></i></a></li>
  531.               <li><a href="http://foursquare.com/aaronpk" rel=""><i class="foursquare icon"></i></a></li>
  532.               <li><a href="http://www.linkedin.com/in/aaronparecki" rel=""><i class="linkedin icon"></i></a></li>
  533.               <li><a href="http://aaronpk.eventbrite.com/" rel=""><i class="icon-eventbrite icon"></i></a></li>
  534.               <li><a href="http://www.slideshare.net/aaronpk" rel=""><i class="slideshare icon"></i></a></li>
  535.               <li><a href="https://www.beeminder.com/aaronpk" rel=""><i class="icon-beeminder icon"></i></a></li>
  536.               <li><a href="http://www.colourlovers.com/lover/aaronpk" rel=""><i class="icon-colourlovers icon"></i></a></li>
  537.               <li><a href="http://www.last.fm/user/aaron_pk" rel=""><i class="lastfm icon"></i></a></li>
  538.               <li><a href="https://www.w3.org/users/59996" rel=""><i class="icon-w3c icon"></i></a></li>
  539.               <li><a href="https://keybase.io/aaronpk/" rel=""><i class="key icon"></i></a></li>
  540.               <li><a href="https://cash.me/$aaronpk" rel=""><i class="icon-squarecash icon"></i></a></li>
  541.               <li><a href="https://venmo.com/aaronpk" rel=""><i class="icon-venmo icon"></i></a></li>
  542.               <li><a href="https://paypal.me/apk" rel=""><i class="paypal icon"></i></a></li>
  543.               <li><a href="mailto:aaron@parecki.com" rel=""><i class="mail icon"></i></a></li>
  544.           </ul>
  545.   </div>
  546. </div>
  547.         </div>
  548. 

  549.       <div class="footer">
  550.         <a href="/login" class="hidden-login"></a>
  551.         <div>
  552.           <span>&copy; 1999-2018 by Aaron Parecki.</span>
  553.           <span>Powered by <a href="http://p3k.io/">p3k</a>.</span>
  554.           <span>This site supports <a href="https://webmention.net/">Webmention</a>.</span>
  555.         </div>
  556.         <div>
  557.           <span>Except where otherwise noted, text content on this site is licensed
  558.             under a <a href="http://creativecommons.org/licenses/by/3.0/" rel="license">Creative Commons Attribution 3.0 License</a>.</span>
  559.         </div>
  560.         <div class="badges" style="padding-top: 8px;">
  561.           <a href="https://indieweb.org/"><img src="/assets/badges/indieweb.png" width="80" height="15" alt="IndieWebCamp" style="image-rendering: pixelated;"></a>
  562.           <a href="http://microformats.org/"><img src="/assets/badges/microformats.png" width="80" height="15" alt="Microformats" style="image-rendering: pixelated;"></a>
  563.           <a href="https://indieweb.org/Webmention"><img src="/assets/badges/webmention.png" width="80" height="15" alt="Webmention" style="image-rendering: pixelated;"></a>
  564.           <img src="/assets/badges/w3c-valid-html.png" width="80" height="15" alt="W3C HTML5" style="image-rendering: pixelated;">
  565.           <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>
  566.         </div>
  567.               </div>
  568.     </footer>
  569. 

  570.     <input type="hidden" id="permalink" value="https://aaronparecki.com/2018/07/12/10/indieauth">
  571.           <input type="hidden" id="csrf-token" value="Y0HcOvr1tvnBQM4HyRMieFgli4302ByUPMC8w24Q">
  572. 

  573.     <script src="/assets/script.js"></script>
  574.     <script src="/assets/webmention.js"></script>
  575. 

  576.     <script src="/assets/admin.js"></script>
  577. 

  578. 

  579.   </body>
  580. </html>