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.

580 lines
29 KiB

  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. <!doctype html>
  7. <html>
  8. <head>
  9. <meta charset="utf-8">
  10. <meta name="viewport" content="width=device-width, initial-scale=1">
  11. <title>Pretty great to see a new self-hosted IndieAuth server! ... &bull; Aaron Parecki</title>
  12. <link rel="alternate" type="application/mf2+json" href="http://source.example.com/rel-alternate-mf2-json.json" />
  13. <link rel="alternate" type="application/jf2+json" href="http://source.example.com/rel-alternate-mf2-json.jf2" />
  14. <link rel="alternate" type="application/activity+json" href="http://source.example.com/rel-alternate-mf2-json.as2" />
  15. <meta name="twitter:card" content="summary" />
  16. <meta name="twitter:site" content="@aaronpk" />
  17. <meta name="twitter:creator" content="@aaronpk" />
  18. <meta property="og:url" content="https://aaronparecki.com/2018/07/12/10/indieauth" />
  19. <meta property="og:type" content="website" />
  20. <meta property="og:title" content="Pretty great to see a new self-hosted IndieAuth server! ..." />
  21. <meta property="og:description" content="Pretty great to see a new self-hosted IndieAuth server! Congrats @nilshauk, and great project name!" />
  22. <meta property="og:site_name" content="Aaron Parecki" />
  23. <link rel="webmention" href="https://webmention.io/aaronpk/webmention">
  24. <link rel="stylesheet" type="text/css" href="/semantic/2.2.6/semantic.min.css">
  25. <script src="/assets/jquery-1.12.0.min.js"></script>
  26. <script src="/semantic/2.2.6/semantic.min.js"></script>
  27. <link rel="stylesheet" href="/assets/icomoon/style.css">
  28. <link rel="stylesheet" href="/assets/weather-icons/css/weather-icons.css">
  29. <script src="/assets/featherlight-1.5.0/featherlight.min.js"></script>
  30. <link rel="stylesheet" href="/assets/featherlight-1.5.0/featherlight.min.css">
  31. <script src="/assets/jquery-ui-1.11.4.custom/jquery-ui.min.js"></script>
  32. <link rel="stylesheet" href="/assets/jquery-ui-1.11.4.custom/jquery-ui.min.css">
  33. <link rel="stylesheet" href="/assets/admin.css">
  34. <link rel="stylesheet" href="/assets/pulse.css">
  35. <link rel="stylesheet" href="/assets/styles.3.css">
  36. <link rel="stylesheet" href="/site/styles.1.css">
  37. <link rel="stylesheet" href="/assets/carbon.css">
  38. <script src="/assets/photo-albums/justified-layout.js"></script>
  39. <script src="/assets/photo-albums/photo-layout.js"></script>
  40. <script src="/assets/js-cookie.js"></script>
  41. <link rel="stylesheet" href="/assets/story.css">
  42. <script src="/assets/story.js"></script>
  43. <link rel="openid.delegate" href="https://aaronparecki.com/">
  44. <link rel="openid.server" href="https://openid.indieauth.com/openid">
  45. </head>
  46. <body>
  47. <div class="sticky-footer-content">
  48. <div class="top-bar">
  49. <div class="ui container">
  50. <form action="/search" method="get" class="search item">
  51. <div class="ui icon input">
  52. <input type="text" name="q" placeholder="Search..." value="">
  53. <i class="search icon"></i>
  54. </div>
  55. </form>
  56. <span class="item">89&deg;F</span>
  57. <span class="weather item">
  58. <i class="wi wi-day-cloudy" title="Partly Cloudy in Portland"></i>
  59. </span>
  60. <span class="time item"></span>
  61. <span class="battery item"></span>
  62. <div id="logged-in-menu">
  63. <span class="item action-buttons">
  64. <a href="#" class="admin-edit-post"><i class="pencil icon"></i></a>
  65. <a href="/settings"><i class="setting icon"></i></a>
  66. <a href="/logout"><i class="sign out icon"></i></a>
  67. </span>
  68. <div class="ui modal admin-edit-post-modal">
  69. <i class="close icon"></i>
  70. <div class="header">Edit Post</div>
  71. <div class="content">
  72. <div class="ui top attached tabular menu">
  73. <a class="item active" data-tab="details">Details</a>
  74. <a class="item" data-tab="syndication">Syndication</a>
  75. <a class="item" data-tab="visibility">Visibility</a>
  76. <a class="item" data-tab="maintenance">Maintenance</a>
  77. </div>
  78. <div class="ui bottom attached tab segment active" data-tab="details">
  79. <div class="inline fields">
  80. <label>Date</label>
  81. <div class="ui left icon input" style="min-width: 300px;">
  82. <input type="text" class="edit-date" style="padding:0.3em 1em;">
  83. <i class="calendar icon"></i>
  84. </div>
  85. </div>
  86. <div class="inline fields" style="margin-top: 4px;">
  87. <label>Slug</label>
  88. <div class="ui left icon input" style="min-width: 300px;">
  89. <input type="text" class="edit-slug" style="padding:0.3em 1em;">
  90. <i class="linkify icon"></i>
  91. </div>
  92. </div>
  93. <h3>Tags</h3>
  94. <div class="tags" style="margin-right: 4px; margin-bottom: 4px; float: left"></div>
  95. <div class="ui small left icon input new-tags">
  96. <input type="text" placeholder="" style="padding:0.3em 1em;">
  97. <i class="tag icon"></i>
  98. </div>
  99. <h3>Channels</h3>
  100. <div class="ui form new-channels">
  101. <select class="ui fluid dropdown">
  102. <option value="">--</option>
  103. <option value="articles">articles</option>
  104. <option value="ate">ate</option>
  105. <option value="bookmarks">bookmarks</option>
  106. <option value="checkins">checkins</option>
  107. <option value="code">code</option>
  108. <option value="drank">drank</option>
  109. <option value="events">events</option>
  110. <option value="flights">flights</option>
  111. <option value="grid">grid</option>
  112. <option value="health">health</option>
  113. <option value="likes">likes</option>
  114. <option value="music">music</option>
  115. <option value="notes">notes</option>
  116. <option value="photos">photos</option>
  117. <option value="presentations">presentations</option>
  118. <option value="primary">primary</option>
  119. <option value="pushups">pushups</option>
  120. <option value="recipes">recipes</option>
  121. <option value="replies">replies</option>
  122. <option value="reposts">reposts</option>
  123. <option value="reviews">reviews</option>
  124. <option value="rides">rides</option>
  125. <option value="rsvps">rsvps</option>
  126. <option value="runs">runs</option>
  127. <option value="scrobbles">scrobbles</option>
  128. <option value="sleep">sleep</option>
  129. <option value="transport">transport</option>
  130. <option value="travel">travel</option>
  131. <option value="venues">venues</option>
  132. <option value="videos">videos</option>
  133. <option value="walks">walks</option>
  134. <option value="watched">watched</option>
  135. <option value="weight">weight</option>
  136. </select>
  137. </div>
  138. <div class="channels" style="margin-right: 4px; margin-top: 4px;"></div>
  139. </div>
  140. <div class="ui bottom attached tab segment" data-tab="syndication">
  141. <h3>Syndication URLs</h3>
  142. <div class="syndications"></div>
  143. <div class="ui left icon input new-syndication">
  144. <input type="text" placeholder="" style="padding:0.3em 1em;">
  145. <i class="linkify icon"></i>
  146. </div>
  147. <h3>Syndicate</h3>
  148. <div class="syndicate-to"></div>
  149. <div style="clear:both;"></div>
  150. </div>
  151. <div class="ui bottom attached tab segment" data-tab="visibility">
  152. <h3>Status</h3>
  153. <div class="ui form post-status">
  154. <select class="ui fluid dropdown">
  155. <option value="published">Published</option>
  156. <option value="draft">Draft</option>
  157. </select>
  158. </div>
  159. <h3>Audience</h3>
  160. <h3>Privacy</h3>
  161. </div>
  162. <div class="ui bottom attached tab segment" data-tab="maintenance">
  163. <h3>Rebuild Index</h3>
  164. <p>Rebuild the database index from the copy on disk.</p>
  165. <button class="ui button maintenance" data-task="rebuild_index">Rebuild Index</button>
  166. <h3>Regenerate Map</h3>
  167. <p>If this post contains geo data, this button will regenerate the map.</p>
  168. <button class="ui button maintenance" data-task="generate_map">Regenerate Map</button>
  169. </div>
  170. </div>
  171. <div class="actions">
  172. <div class="error" style="float: left; color: #963131; padding-top: 0.7em;"></div>
  173. <button class="ui red delete button">Delete</button>
  174. <button class="ui cancel button">Cancel</button>
  175. <button class="ui primary save button">Save</button>
  176. </div>
  177. </div>
  178. </div>
  179. </div>
  180. </div>
  181. <div class="ui container">
  182. <div class="site-header">
  183. <div class="align-bottom">
  184. <div class="left">
  185. <h1><a href="/">Aaron Parecki</a></h1>
  186. </div>
  187. <div class="right">
  188. <ul>
  189. <li><a href="/articles">Articles</a></li>
  190. <li><a href="/notes">Notes</a></li>
  191. <li><a href="/projects/">Projects</a></li>
  192. </ul>
  193. </div>
  194. </div>
  195. </div>
  196. <div class="post-list">
  197. <ul>
  198. <li class="h-entry post-entry post " id="post-id-41472">
  199. <div style="" class="content-area has-responses ">
  200. <div class="pad">
  201. <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>
  202. </div>
  203. <div class="metaline pad">
  204. <i class="marker icon"></i>
  205. <span class="p-location h-adr">
  206. <span class="p-locality">Portland</span>,
  207. <span class="p-region">Oregon</span>,
  208. <span class="p-country">USA</span>
  209. <span class="weather">
  210. <span>&bull;</span>
  211. <i class="wi wi-day-sunny" title="Clear"></i>
  212. 84&deg;F
  213. </span>
  214. <data class="p-latitude" value="45.5354"></data>
  215. <data class="p-longitude" value="-122.62099"></data>
  216. </span>
  217. </div>
  218. <div class="metaline tags pad" style="float: right;">
  219. #<a href="/tag/indieauth" class="p-category">indieauth</a>
  220. </div>
  221. <div class="metaline pad">
  222. <a href="https://aaronparecki.com/2018/07/12/10/indieauth" class="u-url">
  223. <time class="dt-published" datetime="2018-07-12T13:02:04-07:00">
  224. Thu, Jul 12, 2018 1:02pm -07:00
  225. </time>
  226. </a>
  227. <span class="syndications">
  228. <a href="https://twitter.com/aaronpk/status/1017500609631567872" class="u-syndication syndication"><i class="twitter icon"></i></a>
  229. </span>
  230. </div>
  231. <a class="u-author" href="/"></a>
  232. <div class="metaline responses-summary pad">
  233. <span><i class="star empty icon"></i> <span class="p-pk-num-likes">6</span> likes</span>
  234. <span><i class="comment outline icon"></i> <span class="p-pk-num-replies">3</span> replies</span>
  235. </div>
  236. <div style="clear:both;"></div>
  237. </div>
  238. <div class="responses" id="responses">
  239. <ul class="facepile">
  240. <li class="group"><i class="star empty icon"></i></li>
  241. <!-- TODO: add overlay with twitter/facebook/instagram icon depending on author URL -->
  242. <li class="p-like h-cite">
  243. <a href="https://twitter.com/aaronpk/status/1017500609631567872#favorited-by-75276568" class="u-url">
  244. <span class="p-author h-card">
  245. <img class="u-photo" src="https://pkcdn.xyz/pbs.twimg.com/40aa1ddaef3cf2abc9392d731dd6f150b2ec097243351c2c1a46f061c4127e2c.jpg" height="36">
  246. <a style="display:none;" class="p-name u-url" href="https://twitter.com/nilshauk">Nils Norman Hauk&aring;s</a>
  247. </span>
  248. </a>
  249. </li>
  250. <li class="p-like h-cite">
  251. <a href="https://twitter.com/aaronpk/status/1017500609631567872#favorited-by-798123" class="u-url">
  252. <span class="p-author h-card">
  253. <img class="u-photo" src="https://pkcdn.xyz/pbs.twimg.com/fc0678c0424632fb0ce6a0d5bdd2697bf8edbb9086e819f2453aadf1eeb58d5a.jpg" height="36">
  254. <a style="display:none;" class="p-name u-url" href="https://twitter.com/kmelve">Knut Melv&aelig;r</a>
  255. </span>
  256. </a>
  257. </li>
  258. <li class="p-like h-cite">
  259. <a href="https://twitter.com/aaronpk/status/1017500609631567872#favorited-by-1202561" class="u-url">
  260. <span class="p-author h-card">
  261. <img class="u-photo" src="https://pkcdn.xyz/pbs.twimg.com/2a0f14011833a9deca627931442e780a6e00fb3221e7c98a4b1045794d05f8dc.jpg" height="36">
  262. <a style="display:none;" class="p-name u-url" href="https://twitter.com/sull">Michael Sullivan</a>
  263. </span>
  264. </a>
  265. </li>
  266. <li class="p-like h-cite">
  267. <a href="https://twitter.com/aaronpk/status/1017500609631567872#favorited-by-16114199" class="u-url">
  268. <span class="p-author h-card">
  269. <img class="u-photo" src="https://pkcdn.xyz/pbs.twimg.com/36de4c45d8c4c4b420607c8e490e8777ec5b658dfc57b1d9f90b54636dc8c3e7.jpg" height="36">
  270. <a style="display:none;" class="p-name u-url" href="https://twitter.com/cathieleblanc">cathieleblanc</a>
  271. </span>
  272. </a>
  273. </li>
  274. <li class="p-like h-cite">
  275. <a href="https://twitter.com/aaronpk/status/1017500609631567872#favorited-by-961661" class="u-url">
  276. <span class="p-author h-card">
  277. <img class="u-photo" src="https://pkcdn.xyz/pbs.twimg.com/ce4f2f04b015ad5bd826584ceac5e6dbf0c8c1b9be2bdce80df7bc7a1d83bdcd.jpeg" height="36">
  278. <a style="display:none;" class="p-name u-url" href="https://twitter.com/tomwiththeweath">TomWithTheWeather</a>
  279. </span>
  280. </a>
  281. </li>
  282. <li class="p-like h-cite">
  283. <a href="https://twitter.com/aaronpk/status/1017500609631567872#favorited-by-18331731" class="u-url">
  284. <span class="p-author h-card">
  285. <img class="u-photo" src="https://pkcdn.xyz/pbs.twimg.com/500a4883279015b8c0bf56f607034761ddc0c366c0275632662441f25af5351c.png" height="36">
  286. <a style="display:none;" class="p-name u-url" href="https://twitter.com/voxpelli">Pelle Wessman</a>
  287. </span>
  288. </a>
  289. </li>
  290. </ul>
  291. <div style="clear:both;"></div>
  292. <form class="webmention-form ui form" action="https://webmention.io/aaronpk/webmention" method="post">
  293. <div class="fields">
  294. <div class="twelve wide field">
  295. <label>Have you written a <a href="https://indieweb.org/responses">response</a> to this? Let me know the URL:</label>
  296. <input type="url" name="source" class="url">
  297. </div>
  298. <div class="four wide field">
  299. <label>&nbsp;</label>
  300. <input type="submit" class="ui submit button" value="Send Webmention">
  301. </div>
  302. </div>
  303. <div class="status hidden">
  304. <div class="ui message"></div>
  305. </div>
  306. <input type="hidden" name="target" value="https://aaronparecki.com/2018/07/12/10/indieauth">
  307. </form>
  308. <ul>
  309. <li class="p-comment h-cite comment">
  310. <div class="p-author h-card author">
  311. <img class="u-photo" src="https://pkcdn.xyz/pbs.twimg.com/40aa1ddaef3cf2abc9392d731dd6f150b2ec097243351c2c1a46f061c4127e2c.jpg" width="48">
  312. <a class="p-name u-url" href="http://nilsnh.no">Nils Norman Hauk&aring;s</a>
  313. <a class="author_url" href="http://nilsnh.no">nilsnh.no</a>
  314. </div>
  315. <!-- TODO: should this be e-summary if I've truncated it or if it came from the summary? -->
  316. <div class="e-content p-name comment-content">Thank you very much. :)</div>
  317. <div class="metaline">
  318. <a href="https://twitter.com/nilshauk/status/1017501170376560640" class="u-url">
  319. <time class="dt-published" datetime="2018-07-12T20:09:17+00:00">
  320. Thu, Jul 12, 2018 8:09pm +00:00
  321. </time>
  322. </a>
  323. (<a href="https://brid-gy.appspot.com/comment/twitter/aaronpk/1017500609631567872/1017501170376560640">via brid-gy.appspot.com</a>)
  324. </div>
  325. </li>
  326. <li class="p-comment h-cite comment">
  327. <div class="p-author h-card author">
  328. <img class="u-photo" src="https://pkcdn.xyz/pbs.twimg.com/40aa1ddaef3cf2abc9392d731dd6f150b2ec097243351c2c1a46f061c4127e2c.jpg" width="48">
  329. <a class="p-name u-url" href="http://nilsnh.no">Nils Norman Hauk&aring;s</a>
  330. <a class="author_url" href="http://nilsnh.no">nilsnh.no</a>
  331. </div>
  332. <!-- TODO: should this be e-summary if I've truncated it or if it came from the summary? -->
  333. <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>
  334. <div class="metaline">
  335. <a href="https://twitter.com/nilshauk/status/1017512103199068160" class="u-url">
  336. <time class="dt-published" datetime="2018-07-12T20:52:44+00:00">
  337. Thu, Jul 12, 2018 8:52pm +00:00
  338. </time>
  339. </a>
  340. (<a href="https://brid-gy.appspot.com/comment/twitter/aaronpk/1017500609631567872/1017512103199068160">via brid-gy.appspot.com</a>)
  341. </div>
  342. </li>
  343. <li class="p-comment h-cite comment">
  344. <div class="p-author h-card author">
  345. <img class="u-photo" src="https://pkcdn.xyz/pbs.twimg.com/2a0f14011833a9deca627931442e780a6e00fb3221e7c98a4b1045794d05f8dc.jpg" width="48">
  346. <a class="p-name u-url" href="https://keybase.io/sull">Michael Sullivan</a>
  347. <a class="author_url" href="https://keybase.io/sull">keybase.io/sull</a>
  348. </div>
  349. <!-- TODO: should this be e-summary if I've truncated it or if it came from the summary? -->
  350. <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>
  351. <div class="metaline">
  352. <a href="https://twitter.com/sull/status/1017546958590922758" class="u-url">
  353. <time class="dt-published" datetime="2018-07-12T23:11:14+00:00">
  354. Thu, Jul 12, 2018 11:11pm +00:00
  355. </time>
  356. </a>
  357. (<a href="https://brid-gy.appspot.com/comment/twitter/aaronpk/1017500609631567872/1017546958590922758">via brid-gy.appspot.com</a>)
  358. </div>
  359. </li>
  360. </ul>
  361. <div style="clear:both;"></div>
  362. </div>
  363. </li>
  364. </ul>
  365. <div class="additional-info">
  366. Posted in
  367. <a href="/notes" class="u-p3k-channel">/notes</a>
  368. using
  369. <a href="https://quill.p3k.io/">quill.p3k.io</a>
  370. <!-- TODO: show privacy/visibility here, and allow editing if logged in -->
  371. <!-- TODO: allow editing tags and channels here -->
  372. </div>
  373. </div>
  374. </div>
  375. </div>
  376. <footer class="sticky-footer">
  377. <div class="subfooter">
  378. <div class="ui container h-card">
  379. <div class="about">
  380. <div class="image"><a href="/" class="u-url u-uid"><img src="/images/profile.jpg" class="u-photo"></a></div>
  381. <div class="bio">
  382. <div class="p-note">
  383. <p>Hi, I'm <span class="p-name">Aaron<span style="display:none;"> Parecki</span></span>, co-founder of
  384. <a class="p-org h-card" href="https://indieweb.org/">IndieWebCamp</a>.
  385. 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
  386. 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>
  387. <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,
  388. and write down everything I <a href="/ate">eat</a> and <a href="/drank">drink</a>.
  389. I've <a href="/presentations">spoken</a> at conferences around the world about
  390. <a href="/presentations?tag=indieweb">owning your data</a>,
  391. <a href="/oauth/">OAuth</a>,
  392. <a href="/presentations?tag=quantifiedself">quantified self</a>,
  393. 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>
  394. </div>
  395. <div class="right">
  396. <div class="follow">
  397. <a href="/follow?path=primary" class="ui primary button">Follow</a>
  398. </div>
  399. <div class="orgs">
  400. <ul>
  401. <li class="p-org h-card">
  402. <img src="/images/okta.png" alt="" class="u-photo">
  403. <a href="https://developer.okta.com/" class="u-url">
  404. <span class="p-name">Okta</span>
  405. </a>
  406. <a class="p-role" href="https://developer.okta.com/blog/2018/03/27/welcome-aaron-okta">Developer Advocate</a>
  407. </li>
  408. <li class="p-org h-card">
  409. <img src="/images/indiewebcamp.png" alt="" class="u-photo">
  410. <a href="https://indieweb.org/" class="u-url">
  411. <span class="p-name">IndieWebCamp</span>
  412. </a>
  413. <a class="p-role" href="https://indieweb.org/founders">Founder</a>
  414. </li>
  415. <li class="p-org h-card">
  416. <img src="/images/w3c.png" alt="" class="u-photo">
  417. <a href="https://www.w3.org/" class="u-url">
  418. <span class="p-name">W3C</span>
  419. </a>
  420. <a class="p-role" href="/w3c/">Editor</a>
  421. </li>
  422. <li class="p-org h-card">
  423. <img src="/images/streampdx.png" alt="" class="u-photo">
  424. <a href="https://streampdx.com" class="u-url">
  425. <span class="p-name">Stream PDX</span>
  426. </a>
  427. <a class="p-role" href="https://streampdx.com/who">Co-Founder</a>
  428. </li>
  429. <li class="p-org h-card">
  430. <img src="/images/backpedal.png" alt="" class="u-photo">
  431. <a href="https://backpedal.tv" class="u-url">backpedal.tv</a>
  432. </li>
  433. <li><br></li>
  434. <!--
  435. <li><img src="/images/spotify.ico" alt=""> <a href="/sunshine-indie-pop/">Sunshine Indie Pop</a></li>
  436. -->
  437. <li>
  438. <img src="/images/microphone.png" alt="">
  439. <a class="p-callsign u-url" href="https://w7apk.com">W7APK</a>
  440. </li>
  441. <li>⭐️ <a href="https://aaronparecki.com/life-stack/">Life Stack</a></li>
  442. </ul>
  443. <link rel="pgpkey" href="/key.txt">
  444. <link rel="me" href="sms:+15035678642">
  445. <link rel="me" href="https://micro.blog/aaronpk"> </div>
  446. <div class="search">
  447. <form action="/search" method="get">
  448. <div class="ui fluid icon input">
  449. <input type="text" name="q" placeholder="Search..." value="">
  450. <i class="search icon"></i>
  451. </div>
  452. </form>
  453. </div>
  454. </div>
  455. </div>
  456. <div class="channels">
  457. <ul class="footer-links">
  458. <li><a href="/all">All</a></li>
  459. <li><a href="/articles">Articles</a></li>
  460. <li><a href="/bookmarks">Bookmarks</a></li>
  461. <li><a href="/notes">Notes</a></li>
  462. <li><a href="/photos">Photos</a></li>
  463. <li><a href="/replies">Replies</a></li>
  464. <li><a href="/reviews">Reviews</a></li>
  465. <li><a href="/sleep">Sleep</a></li>
  466. <li><a href="/travel">Travel</a></li>
  467. <li><a href="/contact">Contact</a></li>
  468. </ul>
  469. </div>
  470. <div class="elsewhere">
  471. <ul class="footer-links">
  472. <li><a href="https://twitter.com/aaronpk" rel=""><i class="twitter icon"></i></a></li>
  473. <li><a href="https://twitter.com/w7apk" rel=""><i class="twitter icon"></i></a></li>
  474. <li><a href="https://facebook.com/aaronpk" rel=""><i class="facebook icon"></i></a></li>
  475. <li><a href="https://instagram.com/aaronpk" rel=""><i class="instagram icon"></i></a></li>
  476. <li><a href="http://flickr.com/aaronpk" rel=""><i class="flickr icon"></i></a></li>
  477. <li><a href="https://github.com/aaronpk" rel=""><i class="github icon"></i></a></li>
  478. <li><a href="https://youtube.com/TheAaronpk" rel=""><i class="youtube play icon"></i></a></li>
  479. <li><a href="https://google.com/+aaronpk" rel=""><i class="google plus icon"></i></a></li>
  480. <li><a href="http://foursquare.com/aaronpk" rel=""><i class="foursquare icon"></i></a></li>
  481. <li><a href="http://www.linkedin.com/in/aaronparecki" rel=""><i class="linkedin icon"></i></a></li>
  482. <li><a href="http://aaronpk.eventbrite.com/" rel=""><i class="icon-eventbrite icon"></i></a></li>
  483. <li><a href="http://www.slideshare.net/aaronpk" rel=""><i class="slideshare icon"></i></a></li>
  484. <li><a href="https://www.beeminder.com/aaronpk" rel=""><i class="icon-beeminder icon"></i></a></li>
  485. <li><a href="http://www.colourlovers.com/lover/aaronpk" rel=""><i class="icon-colourlovers icon"></i></a></li>
  486. <li><a href="http://www.last.fm/user/aaron_pk" rel=""><i class="lastfm icon"></i></a></li>
  487. <li><a href="https://www.w3.org/users/59996" rel=""><i class="icon-w3c icon"></i></a></li>
  488. <li><a href="https://keybase.io/aaronpk/" rel=""><i class="key icon"></i></a></li>
  489. <li><a href="https://cash.me/$aaronpk" rel=""><i class="icon-squarecash icon"></i></a></li>
  490. <li><a href="https://venmo.com/aaronpk" rel=""><i class="icon-venmo icon"></i></a></li>
  491. <li><a href="https://paypal.me/apk" rel=""><i class="paypal icon"></i></a></li>
  492. <li><a href="mailto:aaron@parecki.com" rel=""><i class="mail icon"></i></a></li>
  493. </ul>
  494. </div>
  495. </div>
  496. </div>
  497. <div class="footer">
  498. <a href="/login" class="hidden-login"></a>
  499. <div>
  500. <span>&copy; 1999-2018 by Aaron Parecki.</span>
  501. <span>Powered by <a href="http://p3k.io/">p3k</a>.</span>
  502. <span>This site supports <a href="https://webmention.net/">Webmention</a>.</span>
  503. </div>
  504. <div>
  505. <span>Except where otherwise noted, text content on this site is licensed
  506. under a <a href="http://creativecommons.org/licenses/by/3.0/" rel="license">Creative Commons Attribution 3.0 License</a>.</span>
  507. </div>
  508. <div class="badges" style="padding-top: 8px;">
  509. <a href="https://indieweb.org/"><img src="/assets/badges/indieweb.png" width="80" height="15" alt="IndieWebCamp" style="image-rendering: pixelated;"></a>
  510. <a href="http://microformats.org/"><img src="/assets/badges/microformats.png" width="80" height="15" alt="Microformats" style="image-rendering: pixelated;"></a>
  511. <a href="https://indieweb.org/Webmention"><img src="/assets/badges/webmention.png" width="80" height="15" alt="Webmention" style="image-rendering: pixelated;"></a>
  512. <img src="/assets/badges/w3c-valid-html.png" width="80" height="15" alt="W3C HTML5" style="image-rendering: pixelated;">
  513. <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>
  514. </div>
  515. </div>
  516. </footer>
  517. <input type="hidden" id="permalink" value="https://aaronparecki.com/2018/07/12/10/indieauth">
  518. <input type="hidden" id="csrf-token" value="Y0HcOvr1tvnBQM4HyRMieFgli4302ByUPMC8w24Q">
  519. <script src="/assets/script.js"></script>
  520. <script src="/assets/webmention.js"></script>
  521. <script src="/assets/admin.js"></script>
  522. </body>
  523. </html>