CINXE.COM

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-zebra-design-disabled vector-feature-custom-font-size-clientpref-disabled vector-feature-client-preferences-disabled vector-feature-typography-survey-disabled vector-toc-available" lang="en" dir="ltr"> <head> <meta charset="UTF-8"> <title>User:Tantek.com - IndieWeb</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-zebra-design-disabled vector-feature-custom-font-size-clientpref-disabled vector-feature-client-preferences-disabled vector-feature-typography-survey-disabled vector-toc-available";var cookie=document.cookie.match(/(?:^|; )wikimwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""], "wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgRequestId":"9da7ef2bd662e22db3455afe","wgCanonicalNamespace":"User","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":2,"wgPageName":"User:Tantek.com","wgTitle":"Tantek.com","wgCurRevisionId":98970,"wgRevisionId":98970,"wgArticleId":17,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":[],"wgPageViewLanguage":"en","wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgRelevantPageName":"User:Tantek.com","wgRelevantArticleId":17,"wgIsProbablyEditable":false,"wgRelevantPageIsProbablyEditable":false,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgRelevantUserName":"Tantek.com"};RLSTATE={"skins.vector.user.styles":"ready","site.styles":"ready","user.styles":"ready","skins.vector.user":"ready","user":"ready","user.options":"loading","codex-search-styles": "ready","skins.vector.styles":"ready","skins.vector.icons":"ready"};RLPAGEMODULES=["site","mediawiki.page.ready","mediawiki.toc","skins.vector.js"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/wiki/load.php?lang=en&modules=codex-search-styles%7Cskins.vector.icons%2Cstyles&only=styles&skin=vector-2022"> <script async="" src="/wiki/load.php?lang=en&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/wiki/load.php?lang=en&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.41.0"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta name="description" content="Pronouns: he/him"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes, minimum-scale=0.25, maximum-scale=5.0"> <link rel="icon" href="/favicon.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="IndieWeb (en)"> <link rel="EditURI" type="application/rsd+xml" href="https://indieweb.org/wiki/api.php?action=rsd"> <link rel="license" href="/IndieWebCamp:Copyrights"> <link rel="alternate" type="application/atom+xml" title="IndieWeb Atom feed" href="/wiki/index.php?title=Special:RecentChanges&feed=atom"> <meta property="og:type" content="article"> <meta property="og:site_name" content="IndieWeb"> <meta property="og:title" content="Tantek.com"> <meta property="og:description" content="Pronouns: he/him"> <meta property="og:url" content="https://indieweb.org/User:Tantek.com"> <link rel="webmention" href="https://webmention.io/indiewebcamp/webmention"> <script src="https://cdn.usefathom.com/script.js" site="ZPHFRYAA" defer></script> </head> <body class="skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-2 ns-subject page-User_Tantek_com rootpage-User_Tantek_com skin-vector-2022 action-view skin--responsive"><a class="mw-jump-link" href="#bodyContent">Jump to content</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Site" role="navigation"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Main menu" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Main menu</span> </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">Main menu</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">hide</button> </div> <div id="p-" class="vector-menu mw-portlet mw-portlet- emptyPortlet" > <div class="vector-menu-heading"> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-Join_the_community!" class="vector-menu mw-portlet mw-portlet-Join_the_community" > <div class="vector-menu-heading"> Join the community! </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-🌈-Code-of-conduct" class="mw-list-item"><a href="/code-of-conduct"><span>🌈 Code of conduct</span></a></li><li id="n-🎁-2024-Gift-Calendar!" class="mw-list-item"><a href="/IndieWeb_Gift_Calendar"><span>🎁 2024 Gift Calendar!</span></a></li><li id="n-📅-Events:-IndieWebCamps,-Homebrew-Website-Clubs-(HWC),-Create-Days,-and-more!" class="mw-list-item"><a href="https://events.indieweb.org/"><span>📅 Events: IndieWebCamps, Homebrew Website Clubs (HWC), Create Days, and more!</span></a></li><li id="n-👥--Meetups:-2024-12-25" class="mw-list-item"><a href="https://events.indieweb.org/tag/hwc"><span>👥 Meetups: 2024-12-25</span></a></li><li id="n-🎪-IWC-San-Diego-12/7…8" class="mw-list-item"><a href="/next-iwc"><span>🎪 IWC San Diego 12/7…8</span></a></li><li id="n-❤️-Sponsor" class="mw-list-item"><a href="/how-to-sponsor"><span>❤️ Sponsor</span></a></li><li id="n-💬-Join-#indieweb-chat" class="mw-list-item"><a href="/discuss"><span>💬 Join #indieweb chat</span></a></li><li id="n-📜-Chat-log" class="mw-list-item"><a href="https://chat.indieweb.org/"><span>📜 Chat log</span></a></li> </ul> </div> </div> <div id="p-Get_on_the_IndieWeb" class="vector-menu mw-portlet mw-portlet-Get_on_the_IndieWeb" > <div class="vector-menu-heading"> Get on the IndieWeb </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-🎉-Get-started" class="mw-list-item"><a href="/Getting_Started"><span>🎉 Get started</span></a></li><li id="n-ℹ️-FAQ" class="mw-list-item"><a href="/FAQ"><span>ℹ️ FAQ</span></a></li><li id="n-🗽-Principles" class="mw-list-item"><a href="/principles"><span>🗽 Principles</span></a></li> </ul> </div> </div> <div id="p-Recent" class="vector-menu mw-portlet mw-portlet-Recent" > <div class="vector-menu-heading"> Recent </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-📜-Community-Posts" class="mw-list-item"><a href="https://stream.indieweb.org/"><span>📜 Community Posts</span></a></li><li id="n-📢-IndieWeb-Podcasts" class="mw-list-item"><a href="/podcasts_about_the_indieweb"><span>📢 IndieWeb Podcasts</span></a></li><li id="n-📩-Subscribe-to-the-weekly-IndieWeb-newsletter" class="mw-list-item"><a href="/this-week-in-the-indieweb"><span>📩 Subscribe to the weekly IndieWeb newsletter</span></a></li> </ul> </div> </div> <div id="p-Developers" class="vector-menu mw-portlet mw-portlet-Developers" > <div class="vector-menu-heading"> Developers </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-🔩-Building-Blocks" class="mw-list-item"><a href="/Category:building-blocks"><span>🔩 Building Blocks</span></a></li><li id="n-📑-Projects" class="mw-list-item"><a href="/Projects"><span>📑 Projects</span></a></li><li id="n-🧰-Standards" class="mw-list-item"><a href="https://spec.indieweb.org/"><span>🧰 Standards</span></a></li><li id="n-💬-Join-developer-chat" class="mw-list-item"><a href="https://chat.indieweb.org/dev/"><span>💬 Join developer chat</span></a></li> </ul> </div> </div> <div id="p-Wiki_resources" class="vector-menu mw-portlet mw-portlet-Wiki_resources" > <div class="vector-menu-heading"> Wiki resources </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-👤-Login" class="mw-list-item"><a href="https://sso.indieweb.org/login?url=https%3A%2F%2Findieweb.org%2F"><span>👤 Login</span></a></li><li id="n-✳️-Recent-changes" class="mw-list-item"><a href="/Special:RecentChanges"><span>✳️ Recent changes</span></a></li><li id="n-🖼-Recent-uploads" class="mw-list-item"><a href="/Special:ListFiles"><span>🖼 Recent uploads</span></a></li><li id="n-🎲-Random-page" class="mw-list-item"><a href="/Special:Random"><span>🎲 Random page</span></a></li><li id="n-📑-5,537-articles" class="mw-list-item"><a href="/Special:Statistics"><span>📑 5,537 articles</span></a></li><li id="n-©-Wiki-content-is-CC0" class="mw-list-item"><a href="/IndieWebCamp:Copyrights"><span>© Wiki content is CC0</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/Main_Page" class="mw-logo"> <span class="mw-logo-container"> <img class="mw-logo-wordmark" alt="IndieWeb" src="/img/indiewebcamp-logo-lockup-color@1x.png" style="width: 10.125em; height: 4.8125em;"> </span> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/Special:Search" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" id="" title="Search IndieWeb [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Search</span> </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/wiki/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Search IndieWeb" aria-label="Search IndieWeb" autocapitalize="none" title="Search IndieWeb [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Special:Search"> </div> <button class="cdx-button cdx-search-input__end-button">Search</button> </form> </div> </div> </div> <nav class="vector-user-links" aria-label="Personal tools" role="navigation" > <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet mw-portlet-vector-user-menu-overflow" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item"><a href="https://sso.indieweb.org/login?url=https%3A%2F%2Findieweb.org%2FUser%253ATantek.com" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o"><span>Log in</span></a></li> </ul> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="More options" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Personal tools" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Personal tools</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal" title="User menu" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="https://sso.indieweb.org/login?url=https%3A%2F%2Findieweb.org%2FUser%253ATantek.com" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Log in</span></a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"></div> </div> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Site" role="navigation"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <input type="checkbox" id="vector-toc-collapsed-checkbox" class="vector-menu-checkbox"> <nav id="mw-panel-toc" role="navigation" aria-label="Contents" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark vector-sticky-pinned-container"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc" > <h2 class="vector-pinnable-header-label">Contents</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">hide</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"> <a href="#" class="vector-toc-link"> <div class="vector-toc-text">Beginning</div> </a> </li> <li id="toc-IndieWeb_talks" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#IndieWeb_talks"> <div class="vector-toc-text"> <span class="vector-toc-numb">1</span>IndieWeb talks</div> </a> <ul id="toc-IndieWeb_talks-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-my_indie_web_setup" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#my_indie_web_setup"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span>my indie web setup</div> </a> <button aria-controls="toc-my_indie_web_setup-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon vector-icon--x-small mw-ui-icon-wikimedia-expand"></span> <span>Toggle my indie web setup subsection</span> </button> <ul id="toc-my_indie_web_setup-sublist" class="vector-toc-list"> <li id="toc-authoring_practices" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#authoring_practices"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.1</span>authoring practices</div> </a> <ul id="toc-authoring_practices-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-silo_posting" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#silo_posting"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.2</span>silo posting</div> </a> <ul id="toc-silo_posting-sublist" class="vector-toc-list"> <li id="toc-Foursquare" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#Foursquare"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.2.1</span>Foursquare</div> </a> <ul id="toc-Foursquare-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-GitHub" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#GitHub"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.2.2</span>GitHub</div> </a> <ul id="toc-GitHub-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-PBWorks" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#PBWorks"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.2.3</span>PBWorks</div> </a> <ul id="toc-PBWorks-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-previous_silos" class="vector-toc-list-item vector-toc-level-3"> <a class="vector-toc-link" href="#previous_silos"> <div class="vector-toc-text"> <span class="vector-toc-numb">2.2.4</span>previous silos</div> </a> <ul id="toc-previous_silos-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> </ul> </li> <li id="toc-my_indie_web_projects" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#my_indie_web_projects"> <div class="vector-toc-text"> <span class="vector-toc-numb">3</span>my indie web projects</div> </a> <button aria-controls="toc-my_indie_web_projects-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon vector-icon--x-small mw-ui-icon-wikimedia-expand"></span> <span>Toggle my indie web projects subsection</span> </button> <ul id="toc-my_indie_web_projects-sublist" class="vector-toc-list"> <li id="toc-local_efforts" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#local_efforts"> <div class="vector-toc-text"> <span class="vector-toc-numb">3.1</span>local efforts</div> </a> <ul id="toc-local_efforts-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-need_help_with" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#need_help_with"> <div class="vector-toc-text"> <span class="vector-toc-numb">4</span>need help with</div> </a> <ul id="toc-need_help_with-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-more_use-cases" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#more_use-cases"> <div class="vector-toc-text"> <span class="vector-toc-numb">5</span>more use-cases</div> </a> <ul id="toc-more_use-cases-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-working_on" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#working_on"> <div class="vector-toc-text"> <span class="vector-toc-numb">6</span>working on</div> </a> <button aria-controls="toc-working_on-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon vector-icon--x-small mw-ui-icon-wikimedia-expand"></span> <span>Toggle working on subsection</span> </button> <ul id="toc-working_on-sublist" class="vector-toc-list"> <li id="toc-personal_site_functionality" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#personal_site_functionality"> <div class="vector-toc-text"> <span class="vector-toc-numb">6.1</span>personal site functionality</div> </a> <ul id="toc-personal_site_functionality-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-indieweb_community" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#indieweb_community"> <div class="vector-toc-text"> <span class="vector-toc-numb">6.2</span>indieweb community</div> </a> <ul id="toc-indieweb_community-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-community_projects" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#community_projects"> <div class="vector-toc-text"> <span class="vector-toc-numb">7</span>community projects</div> </a> <button aria-controls="toc-community_projects-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon vector-icon--x-small mw-ui-icon-wikimedia-expand"></span> <span>Toggle community projects subsection</span> </button> <ul id="toc-community_projects-sublist" class="vector-toc-list"> <li id="toc-previously" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#previously"> <div class="vector-toc-text"> <span class="vector-toc-numb">7.1</span>previously</div> </a> <ul id="toc-previously-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-related_blog_posts" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#related_blog_posts"> <div class="vector-toc-text"> <span class="vector-toc-numb">8</span>related blog posts</div> </a> <ul id="toc-related_blog_posts-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-skills" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#skills"> <div class="vector-toc-text"> <span class="vector-toc-numb">9</span>skills</div> </a> <ul id="toc-skills-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-want_to_work_especially_with" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#want_to_work_especially_with"> <div class="vector-toc-text"> <span class="vector-toc-numb">10</span>want to work especially with</div> </a> <ul id="toc-want_to_work_especially_with-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-figured_out" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#figured_out"> <div class="vector-toc-text"> <span class="vector-toc-numb">11</span>figured out</div> </a> <ul id="toc-figured_out-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-completed" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#completed"> <div class="vector-toc-text"> <span class="vector-toc-numb">12</span>completed</div> </a> <ul id="toc-completed-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-related_talks" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#related_talks"> <div class="vector-toc-text"> <span class="vector-toc-numb">13</span>related talks</div> </a> <ul id="toc-related_talks-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-scratchpads" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#scratchpads"> <div class="vector-toc-text"> <span class="vector-toc-numb">14</span>scratchpads</div> </a> <ul id="toc-scratchpads-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-FAQ" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#FAQ"> <div class="vector-toc-text"> <span class="vector-toc-numb">15</span>FAQ</div> </a> <button aria-controls="toc-FAQ-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon vector-icon--x-small mw-ui-icon-wikimedia-expand"></span> <span>Toggle FAQ subsection</span> </button> <ul id="toc-FAQ-sublist" class="vector-toc-list"> <li id="toc-Why_did_you_choose_a_single_letter_Twitter" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Why_did_you_choose_a_single_letter_Twitter"> <div class="vector-toc-text"> <span class="vector-toc-numb">15.1</span>Why did you choose a single letter Twitter</div> </a> <ul id="toc-Why_did_you_choose_a_single_letter_Twitter-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-inbox" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#inbox"> <div class="vector-toc-text"> <span class="vector-toc-numb">16</span>inbox</div> </a> <ul id="toc-inbox-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-See_Also" class="vector-toc-list-item vector-toc-level-1"> <a class="vector-toc-link" href="#See_Also"> <div class="vector-toc-text"> <span class="vector-toc-numb">17</span>See Also</div> </a> <ul id="toc-See_Also-sublist" class="vector-toc-list"> </ul> </li> </ul> </div> </div> </nav> <div class="mw-content-container"> <main id="content" class="mw-body h-entry" role="main"> <header class="mw-body-header vector-page-titlebar"> <label id="vector-toc-collapsed-button" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet vector-button-flush-left cdx-button--icon-only" for="vector-toc-collapsed-checkbox" role="button" aria-controls="vector-toc" tabindex="0" title="Table of Contents"> <span class="vector-icon mw-ui-icon-wikimedia-listBullet"></span> <span>Toggle the table of contents</span> </label> <nav role="navigation" aria-label="Contents" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" > <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Toggle the table of contents" > <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Toggle the table of contents</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-namespace">User</span><span class="mw-page-title-separator">:</span><span class="mw-page-title-main">Tantek.com</span></h1> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Namespaces"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-user" class="selected vector-tab-noicon mw-list-item"><a href="/User:Tantek.com" title="View the user page [c]" accesskey="c"><span>User page</span></a></li><li id="ca-talk" class="new vector-tab-noicon mw-list-item"><a href="/wiki/index.php?title=User_talk:Tantek.com&action=edit&redlink=1" rel="discussion" title="Discussion about the content page (page does not exist) [t]" accesskey="t"><span>Discussion</span></a></li> </ul> </div> </div> <div id="p-variants" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="p-variants-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-variants" class="vector-dropdown-checkbox " aria-label="Change language variant" > <label id="p-variants-label" for="p-variants-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">English</span> </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Views"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="selected vector-tab-noicon mw-list-item"><a href="/User:Tantek.com"><span>Read</span></a></li><li id="ca-viewsource" class="vector-tab-noicon mw-list-item"><a href="/wiki/index.php?title=User:Tantek.com&action=edit" title="This page is protected.
You can view its source [e]" accesskey="e"><span>View source</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/wiki/index.php?title=User:Tantek.com&action=history" title="Past revisions of this page [h]" accesskey="h"><span>View history</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Tools" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">Tools</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">Tools</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">hide</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="More options" > <div class="vector-menu-heading"> Actions </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="selected vector-more-collapsible-item mw-list-item"><a href="/User:Tantek.com"><span>Read</span></a></li><li id="ca-more-viewsource" class="vector-more-collapsible-item mw-list-item"><a href="/wiki/index.php?title=User:Tantek.com&action=edit"><span>View source</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/wiki/index.php?title=User:Tantek.com&action=history"><span>View history</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> General </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/Special:WhatLinksHere/User:Tantek.com" title="A list of all wiki pages that link here [j]" accesskey="j"><span>What links here</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/Special:RecentChangesLinked/User:Tantek.com" rel="nofollow" title="Recent changes in pages linked from this page [k]" accesskey="k"><span>Related changes</span></a></li><li id="t-contributions" class="mw-list-item"><a href="/Special:Contributions/Tantek.com" title="A list of contributions by this user"><span>User contributions</span></a></li><li id="t-log" class="mw-list-item"><a href="/Special:Log/Tantek.com"><span>Logs</span></a></li><li id="t-userrights" class="mw-list-item"><a href="/Special:UserRights/Tantek.com"><span>View user groups</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/Special:SpecialPages" title="A list of all special pages [q]" accesskey="q"><span>Special pages</span></a></li><li id="t-print" class="mw-list-item"><a href="javascript:print();" rel="alternate" title="Printable version of this page [p]" accesskey="p"><span>Printable version</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/wiki/index.php?title=User:Tantek.com&oldid=98970" title="Permanent link to this revision of this page"><span>Permanent link</span></a></li><li id="t-info" class="mw-list-item"><a href="/wiki/index.php?title=User:Tantek.com&action=info" title="More information about this page"><span>Page information</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <nav class="vector-page-tools-landmark vector-sticky-pinned-container" aria-label="Page tools"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div class="mw-indicators"> </div> <div id="siteSub" class="noprint">From IndieWeb</div> </div> <div id="contentSub"><div id="mw-content-subtitle"></div></div> <div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="en" dir="ltr"><div class="mw-parser-output"><div class="iwc-infobox h-card"> <p class="iwc-infobox__title p-name"><strong>Tantek Çelik</strong></p> <span class="plainlinks"><a href="https://tantek.com/" class="external u-url"><img src="https://pbs.twimg.com/profile_images/423350922408767488/nlA_m2WH.jpeg" class="iwc-infobox__photo u-photo" alt="(photo)" /></a></span><p>Pronouns: <span class="p-pronouns">he/him</span></p><p class="p-summary">Tantek is a co-founder of IndieWebCamp and works on open web standards at Mozilla.</p><p> <a class="external free" href="https://tantek.com/">https://tantek.com/</a></p><p><a href="/discuss" title="discuss">Chat</a> Nickname: <span class="p-nickname">tantek</span> </p><p> Elsewhere: <a class="external free" href="https://twitter.com/t">https://twitter.com/t</a> </p><p>Contact: <a class="external free" href="https://tantek.com/contact">https://tantek.com/contact</a></p></div><style><![CDATA[*/ .iwc-infobox { background-color: #f8f9fa; border: 1px solid #c8ccd0; padding: 0.25em 1em; margin-bottom: 1em; max-width: 100%; } .iwc-infobox__title { text-align: center; } .iwc-infobox__photo { display: block; margin: 0 auto; max-width: 100%; } @media (min-width: 560px) { .iwc-infobox { float: right; margin-left: 1em; max-width: 15em; } } /*]]></style> <h2><span class="mw-headline" id="IndieWeb_talks">IndieWeb talks</span></h2> <ul><li><b><a class="external text" href="https://vimeo.com/336343886">Take Back Your Web</a></b> (32 min video) talk at <a href="/events/2019-05-13-beyond-tellerand" class="mw-redirect" title="events/2019-05-13-beyond-tellerand">Beyond Tellerand Düsseldorf 2019</a></li> <li><b><a class="external text" href="https://youtu.be/HNmKO7Gr4TE">Why We Need The IndieWeb</a></b> (13 min video) talk at Personal Democracy Forum 2014.</li> <li><b><a class="external text" href="https://www.youtube.com/watch?v=FNr0JNwsLy8">The Once and Future IndieWeb</a></b> (42 min video) talk at Web Directions Code 2014 in Melbourne, Australia.</li></ul> <h2><span class="mw-headline" id="my_indie_web_setup">my indie web setup</span></h2> <ul><li><a class="external free" href="https://tantek.com">https://tantek.com</a> is my primary home where I post: <ul><li><a href="/notes" class="mw-redirect" title="notes">notes</a> and auto-<a href="/POSSE" title="POSSE">POSSE</a> them (auto-abbreviated if necessary) to: <ul><li><a href="/Twitter" title="Twitter">Twitter</a> - <a class="external free" href="https://twitter.com/t">https://twitter.com/t</a> which then automatically cross-posts to: <ul><li><a href="/Facebook" title="Facebook">Facebook</a> - default private to me, I optionally manually change to friends-only</li></ul></li></ul></li> <li><a href="/articles" class="mw-redirect" title="articles">articles</a> and auto-POSSE their name/title and permalink to: <ul><li><a href="/Twitter" title="Twitter">Twitter</a> - <a class="external free" href="https://twitter.com/t">https://twitter.com/t</a> which then auto-cross-posts to: <ul><li><a href="/Facebook" title="Facebook">Facebook</a></li></ul></li></ul></li> <li><a href="/replies" class="mw-redirect" title="replies">replies</a>+<a href="/RSVP" class="mw-redirect" title="RSVP">RSVPs</a> and auto-POSSE them (abbreviated if necessary) to: <ul><li><a href="/Twitter" title="Twitter">Twitter</a> - with destination threading to help the Twitter user's experience.</li> <li><a href="/Facebook" title="Facebook">Facebook</a> RSVPs via <a href="/Bridgy" title="Bridgy">Bridgy</a> Publish</li></ul></li> <li><a href="/like" title="like">likes</a>, then POSSEd per silo target, e.g. automatically to <a href="/Twitter" title="Twitter">Twitter</a> via Bridgy Publish, but manually to Facebook, Instagram, other silos.</li> <li><a href="/jam" title="jam">jams</a></li> <li><a href="/photo" title="photo">photos</a> & <a href="/video" title="video">videos</a> manually <a href="/PESOS" title="PESOS">PESOSed</a> from <a href="/Foursquare" title="Foursquare">Foursquare</a> (posted via <a href="/Swarm" title="Swarm">Swarm</a>) and then auto-POSSEd to <a href="/Facebook" title="Facebook">Facebook</a>, <a href="/Flickr" title="Flickr">Flickr</a>, <a href="/Twitter" title="Twitter">Twitter</a> with Bridgy, and manual POSSE to Instagram</li></ul></li></ul> <p>All auto-POSSEing also automatically adds syndication links to my posts. For manual POSSE copies, I have to edit my posts to add syndication links. </p> <h3><span class="mw-headline" id="authoring_practices">authoring practices</span></h3> <p>In short, I write plain text for <a href="/note" title="note">notes</a> and similar posts (<a href="/reply" title="reply">reply</a>, <a href="/photo" title="photo">photo</a>, <a href="/video" title="video">video</a> posts), HTML for <a href="/article" title="article">articles</a> and similar posts (<a href="/event" title="event">event</a>, <a href="/issue" title="issue">issue</a> posts). </p> <ul><li>See <a href="/Falcon#Note" title="Falcon">Falcon#Note</a> and following sections for details</li></ul> <meta property="mw:PageProp/toc" /> <h3><span class="mw-headline" id="silo_posting">silo posting</span></h3> <p>In general I treat <a href="/silos" class="mw-redirect" title="silos">silos</a> as building blocks for my own indie web architecture. They're just another [LEGO] brick in the wall as it were. </p><p>However there are a few content types that I still post to silos, and am using a <a href="/PESETAS" title="PESETAS">PESETAS</a> architecture with two destinations as a stopgap / copying mechanism. </p> <ul><li><a href="/Twitter" title="Twitter">Twitter</a> - <a class="external free" href="https://twitter.com/t_silos">https://twitter.com/t_silos</a> - secondary <a href="/PESETAS" title="PESETAS">PESETAS</a> destination <ul><li><a href="/Shazam" title="Shazam">Shazam</a> - occasional "saving" of songs I'm hearing / listening to</li></ul></li> <li><a href="/Last.fm" title="Last.fm">Last.fm</a> - still connected on one laptop and occasionally <a href="/Scrobbling" class="mw-redirect" title="Scrobbling">Scrobbling</a></li> <li><a href="/Suunto" title="Suunto">Suunto</a> - auto-syncs <a href="/running" class="mw-redirect" title="running">running</a>/<a href="/yoga" class="mw-redirect" title="yoga">yoga</a>/<a href="/bicyling" class="mw-redirect" title="bicyling">bicyling</a> data from my Suunto watch, and then auto-cross-posts it to <a href="/Strava" title="Strava">Strava</a> and <a href="/wiki/index.php?title=TrainingPeaks&action=edit&redlink=1" class="new" title="TrainingPeaks (page does not exist)">TrainingPeaks</a>.</li></ul> <p>Silos I'm using without a copy destination (in alphabetical order): </p> <h4><span class="mw-headline" id="Foursquare">Foursquare</span></h4> <ul><li><a href="/Foursquare" title="Foursquare">Foursquare</a> - I treat my Foursquare <a href="/checkins" class="mw-redirect" title="checkins">checkins</a> as semi-private to friends on that silo, and thus I don't have a public PESETAS setup for it. I'm hoping to skip the PESETAS/PESOS step with checkins and implement native checkins directly on my site, and POSSE them out to Foursquare (as Ben Werdmuller does with <a href="/idno" class="mw-redirect" title="idno">idno</a>).</li></ul> <h4><span class="mw-headline" id="GitHub">GitHub</span></h4> <ul><li><a href="/GitHub" title="GitHub">GitHub</a> - I use GitHub for both some of my own open source projects, and to contribute to others. I have a redirect url of <a class="external free" href="https://tantek.com/github">https://tantek.com/github</a> setup for now just so I can use URLs with a domain I control. This solution has restrictions/limitations, yet is still a stepping stone: <ul><li>I am dependent on github's URL design for now - whatever they put after /tantek, I have to support after /github on my site.</li> <li>I can delay design of my own non-vendor/silo-specific path (e.g. /source instead of /github) until the point in time when I feel like doing so.</li> <li>I should eventually host my own source/issues/gists etc for all the usual reasons <a href="/why" title="why">why</a></li> <li>At that point, I can figure out the <a href="/URL_design" title="URL design">URL design</a> of a generic source path (e.g. /source instead of /github), and implement the redirects from /github to /source (or whatever).</li></ul></li></ul> <h4><span class="mw-headline" id="PBWorks">PBWorks</span></h4> <ul><li><a href="/PBWorks" title="PBWorks">PBWorks</a> - I have a wiki (AKA PBWiki) hosted there via redirect URL of <a class="external free" href="https://tantek.com/w/">https://tantek.com/w/</a> - and again, hope to skip the PESETAS/PESOS step and directly switch to <a href="/wiki" title="wiki">wiki</a> pages on my own site.</li></ul> <h4><span class="mw-headline" id="previous_silos">previous silos</span></h4> <p>Past silos, which I either no longer post to, or have not really bothered with in a while: </p> <ul><li><a href="/Tumblr" title="Tumblr">Tumblr</a> - <a class="external free" href="https://tantek.tumblr.com">https://tantek.tumblr.com</a> - primary <a href="/PESETAS" title="PESETAS">PESETAS</a> destination, has a <a href="/feed" title="feed">feed</a>, and I've customized it with <a href="/microformats2" title="microformats2">microformats2</a> <a href="/h-entry" title="h-entry">h-entry</a> and <a href="/rel-author" title="rel-author">rel-author</a> support. As of <a class="external text" href="https://tantek.com/2013/183/t2/pesetasing-tumblr-stopgap-ownyourdata">2013-182 I'm PESETASing</a> from: <ul><li>... no silo regularly</li> <li>My hope was that by aggregating my silo posting into Tumblr with a <a href="/microformats2" title="microformats2">microformats2</a> supporting theme, that as I add support for content types like <a href="/photos" class="mw-redirect" title="photos">photos</a>, <a href="/video" title="video">video</a>, metrics, jams to my own site, it will be easier to port over past content to my site for historical reference.</li></ul></li> <li><a href="/Nike%2B" title="Nike+">Nike+</a> - (nearly) daily fitness activity/metrics, e.g. walking/running. Stopped using in 2016-12 when their iOS app would repeatedly just crash on launch. Caused me to switch to <a href="/Strava" title="Strava">Strava</a> which I've been using instead as of 2017-01.</li></ul> <h2><span class="mw-headline" id="my_indie_web_projects">my indie web projects</span></h2> <p>Stuff I've written to advance the Indie Web (and runs live on tantek.com) some of which you may be able to re-use hopefully for your own IndieWeb site! </p> <ul><li><a href="/CASSIS" title="CASSIS">CASSIS</a> - <a class="external free" href="http://cassisproject.com/">http://cassisproject.com/</a> (<a class="external text" href="https://twitter.com/cassisjs">@cassisjs</a>) open source Javascript/PHP hybrid framework that runs natively in both. Where I write and keep common functionality for everything else.</li> <li><a href="/Falcon" title="Falcon">Falcon</a> - <a class="external free" href="https://tantek.com/w/Falcon">https://tantek.com/w/Falcon</a> (<a class="external text" href="https://twitter.com/falcon">@falcon</a>) personal site publishing</li> <li><a href="/Whistle" title="Whistle">Whistle</a> - <a class="external free" href="https://tantek.com/w/Whistle">https://tantek.com/w/Whistle</a> - personal URL shortener</li></ul> <h3><span class="mw-headline" id="local_efforts">local efforts</span></h3> <p>Things I'm writing up locally on this wiki before blogging them or creating a repo etc. </p> <ul><li><a href="/User:Tantek.com/venue-category-emojis" title="User:Tantek.com/venue-category-emojis">User:Tantek.com/venue-category-emojis</a></li></ul> <h2><span class="mw-headline" id="need_help_with">need help with</span></h2> <p>Things I'm either stuck on, have been unable to make progress on, or appear to be taking me too long to get to that I'd welcome help with. </p> <ul><li><b>everything <a href="#indieweb_community">#indieweb_community</a></b> - if you see something in the "indieweb community" list below you think you could help with, go ahead and let me know on <a href="/IRC" title="IRC">IRC</a> (<kbd>!tell tantek ...</kbd>) that you're working on it and go for it - no need to ask, just give me a heads-up and start (maybe add it to your own User page too per <a href="/wikifying" title="wikifying">wikifying</a>). Thanks!</li></ul> <h2><span class="mw-headline" id="more_use-cases">more use-cases</span></h2> <p>These are a few roughly ordered longterm use-cases I want to solve, beyond what network-bound <a href="/silo" title="silo">silo</a> solutions offer, which may/often translate into specific working on items, but may also be large/challenging enough to generate a number of building block working on items. </p> <ol><li>Taking <a href="/photos" class="mw-redirect" title="photos">photos</a> with time/<a href="/location" title="location">location</a> information (optional manual location) captured/created offline, optional later posting to own site syndicating elsewhere (COOLPOSSE) <ol><li>Adding notes to such photos, at the time of taking, or later, both offline.</li></ol></li> <li>Taking <a href="/notes" class="mw-redirect" title="notes">notes</a> with time/location information (optional manual location) same COOLPOSSE.</li> <li>Tracking <a href="/running" class="mw-redirect" title="running">running</a> with a series of times/locations (optional manual location) same COOLPOSSE</li> <li>Tracking <a href="/venue" title="venue">venue</a> arrival/departure semi-automatically, with optional manual <a href="/checkin" title="checkin">checkin</a> offline, like COOLPOSSE</li> <li><b><a href="/Falcon#More_use-cases" title="Falcon">Falcon: More use-cases</a></b></li></ol> <h2><span class="mw-headline" id="working_on">working on</span></h2> <p>Rough order I'm trying to follow when working on things: </p> <ol><li>Things to wiki</li> <li>Things to blog</li> <li>Things to design</li> <li>Things to code</li></ol> <p>to enable others, myself </p><p>Particular things I'm working on for IndieWebCamp and my own site. </p> <h3><span class="mw-headline" id="personal_site_functionality">personal site functionality</span></h3> <p><b>Personal</b> indieweb site functionality (adding to tantek.com) using my own personal content publishing software <b><a href="/Falcon" title="Falcon">Falcon</a></b> </p><p>High level goals: </p> <ul><li><b>Replace all usage of <a href="/Twitter" title="Twitter">Twitter</a> with using my own website instead</b> <ul><li>This means implementing all <a href="/Twitter#Features" title="Twitter">Twitter#Features</a> that I commonly use, in a simplified form, faster, and better, in <a href="/Falcon" title="Falcon">Falcon</a></li> <li><b><a href="/Falcon#Working_On" title="Falcon">Falcon: Working On</a></b></li></ul></li></ul> <ul><li><b>Replace all usage of <a href="/Facebook" title="Facebook">Facebook</a> with using my own website instead</b>. Key use-cases: <ul><li><a href="/event" title="event">event</a> posts and POSSE - including <a href="/backfeed" title="backfeed">backfeed</a> of all interactions</li> <li><a href="/RSVP" class="mw-redirect" title="RSVP">RSVP</a> to / <a href="/reply" title="reply">reply</a> comments on FB events - including <a href="/backfeed" title="backfeed">backfeed</a> of all interactions</li> <li><a href="/Falcon#Private_Groups" title="Falcon">private groups</a></li></ul></li> <li>Then similarly replace all other <a href="#silo_posting">#silo_posting</a>.</li></ul> <h3><span class="mw-headline" id="indieweb_community">indieweb community</span></h3> <p><b>Community</b> things I'm working on - which I welcome help and collaboration on, up to and including taking charge, though I'd like to at least contribute </p> <ul><li>updated <a href="/POSSE#Background" title="POSSE">POSSE diagram</a> in an <a class="external text" href="https://en.wikipedia.org/wiki/Atomic_Age_%28design%29">Atomic Age design</a> style, perhaps based on <img src="https://33.media.tumblr.com/avatar_4e23d9db292d_128.png" alt="avatar_4e23d9db292d_128.png" /> <br />could even use different colored nucleons to represent different post types.</li></ul> <ul><li>blog post about <a href="/2015-commitments" class="mw-redirect" title="2015-commitments">2015-commitments</a></li> <li>goal: document how to use your indieweb site instead of your Tumblr <ul><li>fully document all explicit <a href="/Tumblr" title="Tumblr">Tumblr</a> post types (from their UI) and then: <ul><li>indie web equivalent <a href="/posts" title="posts">posts</a> - pages specific to those post types</li> <li>"How to Markup" for each such post type</li> <li>"How to POSSE" for each, listing Tumblr with instructions how to explicitly use correct Tumblr post type</li></ul></li> <li>document How to Import from <a href="/Tumblr" title="Tumblr">Tumblr</a> into specific (implied?) indieweb post types with markup fidelity per "How to Markup" instructions for each.</li> <li>How to backfeed interactions on your Tumblr POSSE copies back to your indie posts (including Bridgy option / github issue)</li></ul></li> <li>continue documenting <a href="/vouch#In_Progress" class="mw-redirect" title="vouch">vouch</a></li> <li>document seamless <a href="/wiki/index.php?title=reply-interface&action=edit&redlink=1" class="new" title="reply-interface (page does not exist)">reply-interface</a> (UI) needs and plan: indie-action <a href="/webaction" class="mw-redirect" title="webaction">webaction</a> markup, <a href="/indie-config" title="indie-config">indie-config</a>, <a class="external autonumber" href="http://voxpelli.com/2014/10/indie-config-overview/#try-it-out">[1]</a>, web component, x-tag etc. from <a href="/2014/UK" title="2014/UK">IndieWebCamp UK 2014</a></li> <li>fix <a href="/location" title="location">location</a> wiki page definition, add h-entry p-location h-geo p-latitude (p-longitude) example markup</li> <li>iterate on <a href="/IndieMark" title="IndieMark">IndieMark</a>, at least detail specification of Level 3 (every axis), since more people are now pointing at IndieMark<a class="external autonumber" href="https://twitter.com/LanceCoyote/status/601769426438868992">[2]</a> <ul><li><b><a href="/2013/UK/Indiemark" title="2013/UK/Indiemark">2013/UK/Indiemark</a></b> - complete updating <a href="/IndieMark" title="IndieMark">IndieMark</a> accordingly</li></ul></li> <li>create <a href="/geo-tagging" class="mw-redirect" title="geo-tagging">geo-tagging</a> wiki article with at least a stub and link to <a href="/location" title="location">location</a></li> <li>document <a href="/2014/Cambridge/Demos" title="2014/Cambridge/Demos">IndieWebCamp 2014 Cambridge demos</a> similar to <a href="/2014/UK/Demos" title="2014/UK/Demos">2014/UK/Demos</a> <ul><li>and then blog IndieWebCamp 2014 Cambridge Hack Day demos similar to <a class="external text" href="https://tantek.com/2014/259/b1/indiewebcampuk-hack-day-https-webactions">IndieWebCampUK 2014 Hack Day demos</a></li></ul></li> <li>process <a href="/h-card#Issues" title="h-card">h-card#Issues</a> - blocking several indieweb community member personal use-cases</li> <li>read <cite><a class="external text" href="https://www.kickstarter.com/projects/waxpancake/the-return-of-upcomingorg/posts/1010515">Open Source, Teamin' Up, The Stack, and Looking Forward</a></cite> (including comments) and: <ul><li>contribute/respond from an IndieWeb perspective accordingly to <a href="/Upcoming" class="mw-redirect" title="Upcoming">Upcoming</a>, and <a class="external text" href="https://github.com/upcoming/upcoming/wiki/Use-Cases-and-Feature-Requests">Upcoming github wiki use-cases</a></li></ul></li> <li>expand <a href="/invitation" title="invitation">invitation</a> based on <a class="external text" href="http://indiewebcamp.com/irc/2014-10-20#t1413860150589">brainstorm in IRC</a> re: POSSEing, backfeeding, proxying etc. <ul><li>incorporate / bi-directional merge appropriately with <a class="external text" href="https://microformats.org/wiki/h-event-brainstorming#Invitations">microformats h-event invitations brainstorm</a></li></ul></li> <li>Document <a class="external text" href="http://indiewebcamp.com/irc/2014-10-23#t1414105046134">using dated permalinks</a> (from IRC) for both archive.org search enabling (recovering 404d links), and longevity, perhaps on <a href="/permalink" title="permalink">permalink</a> design.</li> <li>Add slides, video, etc. links of PdF IndieWeb talk to <a class="external free" href="https://pdf14.hackpad.com/Save-the-Internet-Keynotes-Zb58Z1QFrJq">https://pdf14.hackpad.com/Save-the-Internet-Keynotes-Zb58Z1QFrJq</a> <ul><li>Add anything else relevant IndieWeb related to <a class="external free" href="https://pdf14.hackpad.com/">https://pdf14.hackpad.com/</a></li></ul></li> <li>IndieWebCamp <b><a href="/2014" title="2014">2014</a></b> NYC - blogging about it afterwards.</li> <li><b><a href="/CASSIS" title="CASSIS">CASSIS</a></b> - update all NewBase60 code to be cc0 (it's good enough, and Will Norris needs it for his Go port!)</li> <li><b><a href="/projects" title="projects">projects</a></b> - continue significant update per <a href="/projects#About_This_Page" title="projects">projects#About_This_Page</a> <ul><li>update based on projects from <a href="/micropub#IndieWeb_Examples" class="mw-redirect" title="micropub">micropub#IndieWeb_Examples</a> because micropub enabled projects are much more powerful</li></ul></li> <li><b><a href="/reply" title="reply">reply</a> vs <a href="/comments" title="comments">comments</a></b> - split reply permalink vs. comments display under a post.</li> <li><b><a href="/link-preview" title="link-preview">link-preview</a></b> - something standard for <a href="/silos" class="mw-redirect" title="silos">silos</a> to implement (in addition to all their variant site-specific approaches) when providing link previews of my permalinks</li> <li><b><a href="/code-of-conduct" title="code-of-conduct">code-of-conduct</a></b> - fairly done, worth reviewing/iterating periodically. Keeping here in this list until indiewebcamp shows consistent diverse participation.</li> <li>review and simplify <a href="/comments-presentation#How_to_display" class="mw-redirect" title="comments-presentation">comments presentation display</a> to remove conditionals that overlap/wrap in odd places (collected 2014-049)</li> <li>add some test examples for ellipsizing here: <a class="external free" href="https://github.com/tantek/cassis/issues/14">https://github.com/tantek/cassis/issues/14</a> (collected 2014-049)</li> <li><a href="/social_web_map" title="social web map">social web map</a></li></ul> <p>And these too which need to get integrated by priority order into Falcon Working On / More use-cases sections: </p> <ul><li><b><a href="/citation" title="citation">citation</a> UI</b> - to provide simple copy/paste UI for citing posts (articles (done), notes, other) from my site.</li> <li><b><a href="/webactions" title="webactions">webactions</a></b> - to achieve and exceed UX parity with <a href="/Twitter" title="Twitter">Twitter</a>'s UI on notes on my own site</li> <li><b><a href="/wiki" title="wiki">wiki</a></b> - I'd like to implement static-file based wiki-like editing/versioning functionality on the static pages on my site, perhaps with explicit "save" edits posted to my updates as <a class="external text" href="https://tantek.com/w/Whistle#design">d - diff, edit, change</a> <a href="/posts" title="posts">posts</a>.</li></ul> <ul><li><a href="/2017/site-refresh" title="2017/site-refresh">2017/site-refresh</a></li> <li>... adding more here</li> <li><a href="/to-do" title="to-do">to-do</a> - help with other IndieWeb community to-do items</li></ul> <h2><span class="mw-headline" id="community_projects">community projects</span></h2> <p>Other community projects that I contribute to to help enable the Indie Web and everyone owning their own data. </p> <ul><li><a class="external free" href="https://microformats.org/">https://microformats.org/</a> - data formats for the rest of us <ul><li><a class="external free" href="https://microformats.org/wiki/to-do#Tantek">https://microformats.org/wiki/to-do#Tantek</a> - my to do list there</li></ul></li></ul> <h3><span class="mw-headline" id="previously">previously</span></h3> <p>I used to contribute to these too: </p> <ul><li><a class="external free" href="http://activitystrea.ms/">http://activitystrea.ms/</a> - formats for sharing "activities", largely defunct except for a low value mailing list (google group). See <a href="/ActivityStreams" title="ActivityStreams">ActivityStreams</a> on this wiki for latest thinking.</li> <li><a class="external free" href="http://federatedsocialweb.net/">http://federatedsocialweb.net/</a> - community/forum for discussing how to federate among indie web (and other) sites. Started a slow death after W3C took it over. Now just a noisy W3C mailing list populated mostly by armchair architects.</li></ul> <h2><span class="mw-headline" id="related_blog_posts">related blog posts</span></h2> <ul><li><a class="external text" href="https://tantek.com/2011/010/b1/owning-your-data">Owning Your Data</a></li> <li><a class="external free" href="https://www.google.com/search?nfpr=1&q=site:tantek.com+ownyourdata">https://www.google.com/search?nfpr=1&q=site:tantek.com+ownyourdata</a></li></ul> <h2><span class="mw-headline" id="skills">skills</span></h2> <p>I am comfortable with the following indieweb <a href="/creator" title="creator">creator</a> skills: </p> <ul><li>coding (HTML, microformats, CSS, some javascript/PHP)</li> <li>information architecture (taxonomy, hierarchy)</li> <li>URL design</li> <li>interaction design</li></ul> <p>I am working on learning better: </p> <ul><li>copywriting</li> <li>typography</li> <li>visual design</li></ul> <h2><span class="mw-headline" id="want_to_work_especially_with">want to work especially with</span></h2> <ul><li>visual designers - especially those who have an indieweb presence and want to discuss coding and information architecture improvements.</li> <li>UX designers - can never work with too many UX folks.</li> <li>good writers/bloggers</li> <li>type nerds. who doesn't?</li></ul> <h2><span class="mw-headline" id="figured_out">figured out</span></h2> <p>Things I feel like I've figured out pretty well, have shipped on my own site, can depend on, and am available to help explain to others. </p> <ul><li><a href="/POSSE" title="POSSE">POSSE</a>, in particular <ul><li><a href="/Twitter#POSSE_to_Twitter" title="Twitter">POSSE to Twitter</a></li></ul></li></ul> <h2><span class="mw-headline" id="completed">completed</span></h2> <p>Things from the above lists that I actually completed! </p> <ul><li>blog post about <a href="/2014-in-summary" class="mw-redirect" title="2014-in-summary">2014-in-summary</a> <ul><li>2015-07-20 <a class="external text" href="https://tantek.com/2015/201/b1/indiewebcamp-2014-year-review">#IndieWebCamp 2014 Year in Review — This Is A Movement</a></li></ul></li></ul> <h2><span class="mw-headline" id="related_talks">related talks</span></h2> <ul><li><a href="/2010-199-tantek-fsws-talk" title="2010-199-tantek-fsws-talk">2010-199-tantek-fsws-talk</a> - given at Federated Social Web Summit 2010</li></ul> <h2><span class="mw-headline" id="scratchpads">scratchpads</span></h2> <ul><li><a href="/User:Tantek.com/Twitter" title="User:Tantek.com/Twitter">User:Tantek.com/Twitter</a></li></ul> <h2><span class="mw-headline" id="FAQ">FAQ</span></h2> <h3><span class="mw-headline" id="Why_did_you_choose_a_single_letter_Twitter">Why did you choose a single letter Twitter</span></h3><p> From: <a class="external free" href="https://twitter.com/t/status/128033">https://twitter.com/t/status/128033</a> </p><blockquote><p>/me renames self to "T" to increase max chars per msg - thus setting off single char name landgrab.</p></blockquote> <h2><span class="mw-headline" id="inbox">inbox</span></h2> <p>Use: <kbd>tinbox << problem and possible approaches</kbd> to add it here: </p> <hr /> <p>I'm collecting requests from <a href="/IRC" title="IRC">IRC</a> here when they're something I can't handle quickly and immediately. Roughly FIFO, feel free to re-arrange if you have reasons to suggest a specific prioritization </p> <ul><li>document existing <a href="/Webmention" title="Webmention">Webmention</a> sender/receiver interop beyond <a href="/Webmention" title="Webmention">Webmention</a> specification as minimal W3C Notes in (new if needed) <a class="external free" href="https://tantek.com/github">https://tantek.com/github</a> repos. Minimal preamble/intro/abstract, conformance classes (publishers, receivers), what publishers should do (list 3 impls that do, link to more), what receivers should do (list 3 impls that do, link to more). minimize overlap between Notes. <ul><li><a href="/wiki/index.php?title=WebStream&action=edit&redlink=1" class="new" title="WebStream (page does not exist)">WebStream</a> — <a href="/h-feed" title="h-feed">h-feed</a>, <a href="/h-entry" title="h-entry">h-entry</a> as currently interoperably supported <ul><li><a href="/h-feed" title="h-feed">h-feed</a></li> <li><a href="/h-entry" title="h-entry">h-entry</a></li> <li>all interoperably supported additional properties for various <a href="/responses" title="responses">responses</a></li> <li>superset (another way of documenting all) of the below Web* specs</li></ul></li> <li><a href="/wiki/index.php?title=WebComment&action=edit&redlink=1" class="new" title="WebComment (page does not exist)">WebComment</a> - document how implementations that receive and detect a webmention <a href="/reply" title="reply">reply</a>: <ul><li>use which properties for what (e.g. author name & photo, post name/contents).</li> <li>commonalities in displaying <a href="/comments" title="comments">comments</a></li> <li>AKA WebComments or "Web Comments".</li></ul></li> <li><a href="/wiki/index.php?title=WebLike&action=edit&redlink=1" class="new" title="WebLike (page does not exist)">WebLike</a> - document how implementations that receive and detect a webmention <a href="/like" title="like">like</a>: <ul><li>use which properties for what (e.g. author name & photo, post name/contents)</li> <li>commonalities in displaying <a href="/likes" title="likes">likes</a></li> <li>AKA WebLikes or "Web Likes".</li></ul></li> <li><a href="/wiki/index.php?title=WebRepost&action=edit&redlink=1" class="new" title="WebRepost (page does not exist)">WebRepost</a> - document how implementations that receive and detect a webmention <a href="/repost" title="repost">repost</a>: <ul><li>use which properties for what (e.g. author name & photo, post name/contents)</li> <li>commonalities in displaying <a href="/reposts" title="reposts">reposts</a></li> <li>AKA WebReposts or "Web Reposts".</li></ul></li> <li><a href="/wiki/index.php?title=WebRSVP&action=edit&redlink=1" class="new" title="WebRSVP (page does not exist)">WebRSVP</a> - document how implementations that receive and detect a webmention <a href="/RSVP" class="mw-redirect" title="RSVP">RSVP</a>: <ul><li>use which properties for what (e.g. author name & photo, post name/contents)</li> <li>commonalities in displaying <a href="/RSVPs" class="mw-redirect" title="RSVPs">RSVPs</a></li> <li>AKA WebRSVPs or "Web RSVPs".</li></ul></li> <li><a href="/post-type-discovery" title="post-type-discovery">post-type-discovery</a> <ul><li>document how existing consuming implementations parse for <a href="/mf2" class="mw-redirect" title="mf2">mf2</a></li> <li>document and cite existing consuming implementations, link to more on indieweb wiki.</li> <li>cite list of IndieWeb Examples of each post type in the spec</li> <li>update to reference the above Web* specs</li> <li>links from Response Type Discovery algorithm to <a href="/wiki/index.php?title=WebComment&action=edit&redlink=1" class="new" title="WebComment (page does not exist)">WebComment</a>, <a href="/wiki/index.php?title=WebLike&action=edit&redlink=1" class="new" title="WebLike (page does not exist)">WebLike</a>, <a href="/wiki/index.php?title=WebRepost&action=edit&redlink=1" class="new" title="WebRepost (page does not exist)">WebRepost</a>, <a href="/wiki/index.php?title=WebRSVP&action=edit&redlink=1" class="new" title="WebRSVP (page does not exist)">WebRSVP</a> accordingly</li> <li>once a reply/like/repost/RSVP is detected, what to do</li></ul></li></ul></li> <li>blog about, describe, how to do <b>notification first design</b> and <b>text only design</b> <ul><li>Use as example: <a href="/like#notification_first_design" title="like">like#notification_first_design</a>, text only design (autolinked text design), inline hypertext design</li></ul></li></ul> <ul><li>cognitive reload <a href="/2014/reposts#Repost_presentation" title="2014/reposts">2014/reposts#Repost_presentation</a>, brainstorm markup expected to achieve that presentation, add said markup explicitly to <a href="/repost#Brainstorming" title="repost">repost#Brainstorming</a>, link to that from <a href="/2014/reposts#Repost_presentation" title="2014/reposts">2014/reposts#Repost_presentation</a> as a For Follow-up See Repost Brainstorming</li> <li>brain dump two #indieweb ideas (<a href="/location" title="location">location</a> at vs about, <a href="/checkin" title="checkin">checkin</a> how to markup) to the wiki from <a class="external free" href="https://chat.indieweb.org/2016-10-24#t1477349895913000">https://chat.indieweb.org/2016-10-24#t1477349895913000</a> and <a class="external free" href="https://chat.indieweb.org/2016-10-25#t1477425283318000">https://chat.indieweb.org/2016-10-25#t1477425283318000</a> then blog about both!</li> <li>Document the corollary for <a class="external free" href="http://microformats.org/wiki/h-feed">http://microformats.org/wiki/h-feed</a> Parser Compat with additional class names per <a class="external free" href="https://github.com/kevinmarks/mf2py/commit/9c7ba2c051292b5dbce2a6e9378fcec46e20a94d">https://github.com/kevinmarks/mf2py/commit/9c7ba2c051292b5dbce2a6e9378fcec46e20a94d</a> Blogger and WordPress defaults inside hfeed</li> <li><a class="external free" href="https://indieweb.org/authorship#Questions">https://indieweb.org/authorship#Questions</a></li> <li>consider updating various projects indieweb support/compat sections to IndieWeb Friendly section with subsections similar to <a href="/Falcon#IndieWeb_Friendly" title="Falcon">Falcon#IndieWeb_Friendly</a>, e.g. <a href="/GNU_social#IndieWeb_Compatibility" title="GNU social">GNU_social#IndieWeb_Compatibility</a> (how should we archive past services Spreadly and App.net's former support?)</li> <li>write-up and expand <a href="/note#How_to" title="note">note#How_to</a></li> <li>reflect on what it means to "standardize <a href="/federation" title="federation">federation</a>" <ul><li>e.g. in the context of <a class="external free" href="https://gitlab.com/gitlab-org/gitlab-ce/issues/4013#note_27767988">https://gitlab.com/gitlab-org/gitlab-ce/issues/4013#note_27767988</a> (<a class="external text" href="https://gitlab.com/gitlab-org/gitlab-ce/issues/30991">see also this issue</a>)</li> <li>figure out what additional documentation on <a href="/federation" title="federation">federation</a> and other pages would help implementers</li></ul></li> <li>reflect on what <a href="/building_blocks" class="mw-redirect" title="building blocks">building blocks</a> could use improved tutorials for implementing, e.g. like <a class="external text" href="https://raw.githubusercontent.com/w3c/activitypub/gh-pages/activitypub-tutorial.txt">this tutorial</a> <ul><li>could any use better diagrams <a class="external text" href="https://social.tchncs.de/users/mray/updates/54900">like this</a>?</li></ul></li> <li>Update tantek/contact add to homescreen script for iOS10 from <a class="external free" href="https://github.com/cubiq/add-to-homescreen">https://github.com/cubiq/add-to-homescreen</a></li> <li>update <a href="/RSVPs" class="mw-redirect" title="RSVPs">RSVPs</a> display markup/linking to link directly to indie RSVPs (maybe with the going checkmark / interested asterisk etc.?)</li> <li>write a speaker's agreement addendum: If site information about the event, talks, speakers requires JS to view, the speaker is granted a CC-by license to republish any/all event site information so that it does not require JS to view.</li> <li>keep processing <a class="external free" href="https://www.youtube.com/watch?v=ufBLI6bB9sg">https://www.youtube.com/watch?v=ufBLI6bB9sg</a> for adding to: <a href="/Loqi#IndieWeb_x_Loqi_Dominate_the_Day" title="Loqi">Loqi#IndieWeb_x_Loqi_Dominate_the_Day</a></li> <li>write an mf2 to indieweb version of this article, showing which minimal, typical, maximal properties to use for which effects in indieweb posts and interactions: <a class="external free" href="https://moz.com/blog/meta-data-templates-123">https://moz.com/blog/meta-data-templates-123</a></li> <li>figure out how to implement delegation on his site so he can have others post for / as him, things like the indie event for HWC SF.</li> <li>move <a class="external free" href="https://github.com/tantek/post-type-discovery">https://github.com/tantek/post-type-discovery</a> into the indieweb organization, especially to enable moving ptd.spec.indieweb.org onto a new server with auto-deploy stuff set up and aaronpk needs admin access to the repo to do that</li> <li>Broken: try <a class="external free" href="https://indieweb.org/Instagram#Single_Photo_Bookmarklet">https://indieweb.org/Instagram#Single_Photo_Bookmarklet</a> and either deprecate & document errors, or attempt to quickly fix it</li> <li>Atom feed: drop likes, because even fallback content apparently causes poor UX in feed consumers like some micro.blog clients. Write up how this is a good example of Atom / AS1 failure to be extensible, and this unsuitable for evolving social web interactions</li> <li>document how lightning talks work at IndieWebCamps, both intros at start, and demos session at the end</li> <li>^^^ maybe not use the label "lightning" - might be more confusing than useful? -- sknebel</li> <li>consider helping out with maintenance of <a href="/wiki/index.php?title=mf2_plugin&action=edit&redlink=1" class="new" title="mf2 plugin (page does not exist)">mf2 plugin</a>, look at <a class="external free" href="https://github.com/pubsubhubbub/wordpress-pubsubhubbub/blob/c17cf4269ab738ac3ca33fad76a587e425caba56/pubsubhubbub.php#L80">https://github.com/pubsubhubbub/wordpress-pubsubhubbub/blob/c17cf4269ab738ac3ca33fad76a587e425caba56/pubsubhubbub.php#L80</a> as an example of how mf2 plugin could filter out / rewrite the errant presence of "hfeed" in post permalink markup</li> <li>Write-up a <a href="/microformats#FAQ" title="microformats">microformats#FAQ</a> for IndieWeb specific questions about microformats that were asked on a recent day in chat starting here <a class="external free" href="https://chat.indieweb.org/2019-06-08#t1560029007948800">https://chat.indieweb.org/2019-06-08#t1560029007948800</a> <ul><li>"Hi all, is there a page I can point to that represents a reference of all IndieWeb markup?" [ @rubenverborgh] June 8, 2019</li></ul></li> <li>watch <a href="/2019/building-blocks" title="2019/building-blocks">2019/building-blocks</a> video and type up q&a</li> <li>simplify <a href="/Twitter#POSSE_Notes_to_Twitter" title="Twitter">Twitter#POSSE_Notes_to_Twitter</a> by: <br />1. removing use of <a href="/permashortcitation" title="permashortcitation">permashortcitation</a> (and only using <a href="/permashortlinks" class="mw-redirect" title="permashortlinks">permashortlinks</a>) and <br />2. extract inline use of CASSIS functions in POSSE explanations, and instead provide them as specific techniques after the full prose explanations.</li> <li>re-evaluate <a href="/permashortcitation" title="permashortcitation">permashortcitation</a> examples and update that page accordingly to reflect actual practices as of today</li> <li>update CASSIS auto_link function YT embedding to use privacy enhanced mode <a href="/YouTube#How_to_embed_with_privacy-enhanced_mode" title="YouTube">YouTube#How_to_embed_with_privacy-enhanced_mode</a></li> <li>Write an update to <a class="external text" href="http://tantek.com/2013/073/b1/silos-vs-open-social-web">On Silos vs an Open Social Web [#indieweb</a>]</li> <li>incorporate into webmention/reply-context storage brainstorming, and on <a href="/Falcon#Working_On" title="Falcon">Falcon#Working_On</a>: <a class="external free" href="https://indieweb.org/Webmention-brainstorming#storage">https://indieweb.org/Webmention-brainstorming#storage</a> - IWC 2016</li> <li>simplify (restructure if necessary) <a href="/wikify" class="mw-redirect" title="wikify">wikify</a> to be more approachable and usable (at a minimum not stress out aaronpk)</li> <li>Create a UnitConverter single page site as an expansion of the ASIN.cc site, with a service worker for offline support, and expanded to handle common temperature, distance, weight/mass, cooking units (perhaps using code from the UnitConverter HyperCard stack)</li> <li>file an issue on <a href="/Bridgy_Fed" title="Bridgy Fed">Bridgy Fed</a> requesting @-@ recognition in the plain text of the content of posts and inclusion of explicit @-mention entities, specifically the "to" key in an AS2 activity as documented here: <a class="external free" href="https://www.w3.org/TR/activitystreams-vocabulary/#microsyntaxes">https://www.w3.org/TR/activitystreams-vocabulary/#microsyntaxes</a> (presuming that Mastodon recognizes that key), and delivery to the inboxes of @-mentioned individuals in addition to any reply-to or follower inboxes</li> <li>Add details of my experience migrating from xoxo.zone/@t to Bridgy Fed, which parts looked like they work (all?) and which parts appear to not be working now (still have followings/followers at the old account, old profile doesn't redirect to new profile - my personal site, etc.) <a class="external text" href="https://github.com/snarfed/bridgy-fed/issues/330">#330 Add account migration (Move) support</a></li> <li>blog about the "house party protocol" and how it helped inspire <a href="/Vouch" title="Vouch">Vouch</a></li> <li>Working On: recognize and cluster multiple <a href="/reaction" class="mw-redirect" title="reaction">reactions</a> that are in-reply-to the same post! e.g. <a class="external free" href="https://tantek.com/2023/279/">https://tantek.com/2023/279/</a></li> <li>consider documenting <a href="/wiki/index.php?title=at-mention&action=edit&redlink=1" class="new" title="at-mention (page does not exist)">at-mention</a> (aliases <a href="/wiki/index.php?title=@_mention&action=edit&redlink=1" class="new" title="@ mention (page does not exist)">@ mention</a>, <a href="/wiki/index.php?title=@-mention&action=edit&redlink=1" class="new" title="@-mention (page does not exist)">@-mention</a>, <a href="/at_mention" class="mw-redirect" title="at mention">at mention</a>) as its own page separate from <a href="/person_mention" title="person mention">person mention</a> and leaving a sub-section summary behind there.</li> <li>consider documenting <a href="/wiki/index.php?title=@-@&action=edit&redlink=1" class="new" title="@-@ (page does not exist)">@-@</a> as its own page as well, a particular form of <a href="/wiki/index.php?title=at-mention&action=edit&redlink=1" class="new" title="at-mention (page does not exist)">at-mention</a>, with aliases <a href="/wiki/index.php?title=at_at&action=edit&redlink=1" class="new" title="at at (page does not exist)">at at</a>, <a href="/wiki/index.php?title=at-at&action=edit&redlink=1" class="new" title="at-at (page does not exist)">at-at</a></li> <li><a href="/Falcon" title="Falcon">Falcon</a>: code up a UI to switch off display of syndication links by silo, perhaps start with a static array of "dead-to-me-silos" domains in falcon.php</li> <li>^ perhaps a tri-state per syndication destination: on, use Internet Archive copy, off</li> <li>implement syndicating original content to IndieNews, perhaps by detecting hashtag # IndieNews in a post and then autogenerating an embedded syndication link to IndieNews accordingly</li> <li>^ <a class="external free" href="https://news.indieweb.org/how-to-submit-a-post">https://news.indieweb.org/how-to-submit-a-post</a></li> <li>Respond to <a class="external free" href="https://subconscious.substack.com/p/credible-exit">https://subconscious.substack.com/p/credible-exit</a> pointing out that "credible exit" is meaningless jargon use of "credible", that GitHub is a bad example because you can't export all the stuff *about* a repo (issues etc.), and similarly Mastodon is not because no post portability, but the general methodology of a solution is good</li> <li>add sparkline SVG generation support to <a href="/CASSIS" title="CASSIS">CASSIS</a> so it can be run on the server and return an SVG to the browser instead of the clientside JS that folks are sending to their site viewers in embed tags</li> <li>design a scrolling reader UI & backend that inserts the urgent things you need to do (from your to-do list) at the top of the list of scrolling items, and has a done ✅ button next to them which logs that item as a private task completion post.</li> <li>^ Related: generate timely items at the top of your reader feed just below urgent to-do items, according to user settings, items like "update & make my recently synced <a href="/exercise" title="exercise">exercise</a> post(s) including on <a href="/Strava" title="Strava">Strava</a>" or "check-in to your current location because you've been here a few min and it's away from your prev venue"</li> <li>^ More generated items: per user settings, suggest continuing streaks of desired habits like "you're at 2500 steps for today, go for a walk to achieve your goal of 10k daily steps and extend your 3 day streak!" which could go auto-hide if/when you go walk 1k+ steps and then upon achieving your daily goal turns into a congrats item. Similar encouragements for writing, posting, and other <a href="/wiki/index.php?title=100Days&action=edit&redlink=1" class="new" title="100Days (page does not exist)">100Days#Brainstorming</a> items</li> <li>post about implications of <a class="external free" href="https://www.theguardian.com/technology/2024/jan/08/ai-tools-chatgpt-copyrighted-material-openai">https://www.theguardian.com/technology/2024/jan/08/ai-tools-chatgpt-copyrighted-material-openai</a> in particular, don't even think about using ChatGPT to contribute material to the IndieWeb wiki, Wikipedia, W3C or other standards specifications, because you don't have the ability to know you can contribute it to the public domain / CC0 / other CLAs.</li> <li>post about naming user features vs plumbing support, some notes in <a href="/naming" title="naming">naming</a>, and example of: re: IndieAuth being jargony and not a good name for a user-facing service, this is literally one of the reasons why in UX/UI discussions I still use "Web sign-in" for the name of the user feature, not IndieAuth. <a class="external free" href="https://chat.indieweb.org/dev/2024-01-22#t1705884673885800">https://chat.indieweb.org/dev/2024-01-22#t1705884673885800</a> <ul><li>"btw, aaronpk, re: IndieAuth being jargony and not a good name for a user-facing service, this is literally one of the reasons why in UX/UI discussions I still use "Web sign-in" for the name of the user feature, not IndieAuth." <a class="external text" href="http://Tantek.com">@[tantek</a>] January 22, 2024</li></ul></li> <li>figure out how to check <a class="external free" href="http://micro.blog">http://micro.blog</a> @t mentions and make sure I can do so on mobile browsers, then start going through them and replying if necessary</li> <li>LCC version of Dewmoji. Consider using Dewey to LCC conversion <a class="external free" href="https://library.kilgore.edu/lc_dewey.htm">https://library.kilgore.edu/lc_dewey.htm</a> or <a class="external text" href="https://guide.unwsp.edu/c.php?g=57327&p=367922">Dewey Decimal Classification to Library of Congress Classification</a> and existing Dewmoji as a starting point.</li> <li>side project idea: go through "popular" "simple" npm packages and write-up one-file code solution alternatives that work by copypasta instead without all the ceremony/overhead/vulns of yet-another-npm dependency</li> <li>do an analysis of the home pages that Longnow has linked to from their Session/Episode posts over the years to see how many such home pages are dead (e.g. Clay's home page link on <a class="external free" href="https://longnow.org/seminars/02005/nov/14/making-digital-durable-what-time-does-to-categories/">https://longnow.org/seminars/02005/nov/14/making-digital-durable-what-time-does-to-categories/</a>)</li> <li>once again double-check code in <a href="/Falcon" title="Falcon">Falcon</a> that generates the HTML for <a href="/note" title="note">note</a> posts to make sure it is setting an empty p-name property rather than duplicating the content as plain text. per report from aaronpk that homepage first note post still has non-empty p-name, and bug report unfortunately blaming Bridgy Fed: <a class="external text" href="https://github.com/snarfed/bridgy-fed/issues/1068">#1068 indieweb? to activitypub, content duplicated in 'name' element</a></li> <li>re-evaluate how much of the plain text content of a note for <a href="/Falcon" title="Falcon">Falcon</a> to provide in the title element on note permalinks, perhaps limited to 500 chars or whatever is the default Mastodon note post character limit, continuing to drop leading photo (and other) URLs at the start of the content, perhaps even eliding URLs in the middle of the content to just the domain no scheme and … for the path & fragment.</li> <li>implement /embed versions of posts as same as h-entry markup except with blockquote h-cite instead and rel=canonical to u-url and minimal inline styling to match post permalink styling, add link rel=embed for discovery.</li> <li>On my replies, maybe allowlist reply-context embed iframe generation with existing algorithmic reply-context in its title attr.</li> <li>Maybe manually add curated comments to my posts as iframes in a comments list, with reply threads (including my own replies to replies) nested one-deep in a nested list. Need automark syntax for iframe this url with title (similar to img with alt maybe?)</li></ul> <hr /> <h2><span class="mw-headline" id="See_Also">See Also</span></h2> <ul><li><a class="external free" href="https://twitter.com/BeardOps/status/1091456027768250368">https://twitter.com/BeardOps/status/1091456027768250368</a> <ul><li>"I'm a 10x developer. That is it takes me 10x the amount of time to write the same amount of code as other people." <a class="external text" href="https://twitter.com/BeardOps">@BeardOps</a> February 1, 2019</li></ul></li> <li>Reminder for customizing the stylesheet of indieweb.org's default theme with additional style rules: <a href="/MediaWiki:Vector.css" title="MediaWiki:Vector.css">MediaWiki:Vector.css</a></li></ul>    </div> <div class="printfooter" data-nosnippet="">Retrieved from "<a dir="ltr" href="https://indieweb.org/wiki/index.php?title=User:Tantek.com&oldid=98970">https://indieweb.org/wiki/index.php?title=User:Tantek.com&oldid=98970</a>"</div></div> <div id="catlinks" class="catlinks catlinks-allhidden" data-mw="interface"></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" role="contentinfo" > <ul id="footer-info"> <li id="footer-info-lastmod"> This page was last edited on 10 December 2024, at 19:31.</li> <li id="footer-info-copyright">Content is available under <a href="/IndieWebCamp:Copyrights" class="mw-redirect" title="IndieWebCamp:Copyrights">a CC0 public domain dedication</a> unless otherwise noted.</li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="/IndieWeb:Privacy_policy">Privacy policy</a></li> <li id="footer-places-about"><a href="/IndieWeb:About">About IndieWeb</a></li> <li id="footer-places-disclaimers"><a href="/IndieWeb:General_disclaimer">Code of Conduct</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="http://creativecommons.org/publicdomain/zero/1.0/"><img src="https://i.creativecommons.org/p/zero/1.0/88x31.png" alt="a CC0 public domain dedication" width="88" height="31" loading="lazy"></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/"><img src="/wiki/resources/assets/poweredby_mediawiki_88x31.png" alt="Powered by MediaWiki" srcset="/wiki/resources/assets/poweredby_mediawiki_132x47.png 1.5x, /wiki/resources/assets/poweredby_mediawiki_176x62.png 2x" width="88" height="31" loading="lazy"></a></li> </ul> </footer> </div> </div> </div> <div class="vector-settings" id="p-dock-bottom"> <ul> <li> <button class="cdx-button cdx-button--icon-only vector-limited-width-toggle" id=""><span class="vector-icon mw-ui-icon-fullScreen mw-ui-icon-wikimedia-fullScreen"></span> <span>Toggle limited content width</span> </button> </li> </ul> </div> <script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgBackendResponseTime":196,"wgPageParseReport":{"limitreport":{"cputime":"0.057","walltime":"0.063","ppvisitednodes":{"value":289,"limit":1000000},"postexpandincludesize":{"value":15655,"limit":2097152},"templateargumentsize":{"value":471,"limit":2097152},"expansiondepth":{"value":5,"limit":100},"expensivefunctioncount":{"value":0,"limit":100},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":587,"limit":5000000},"timingprofile":["100.00% 9.921 1 -total"," 61.05% 6.057 1 tinbox"," 31.90% 3.165 1 Template:Infobox_person"]},"cachereport":{"timestamp":"20241218233216","ttl":86400,"transientcontent":false}}});});</script> </body> </html>