User:Colintedford.com

From IndieWeb

Colin Tedford

Colin Tedford is a Generation 2 cartoonist (among other things).

I've had my website at colintedford.com since 2006-02-13 (it started as part of a collective site in 2004). Currently using WordPress & dreaming of not-WordPress. Never really warmed to the silos (except LiveJournal when it had more people). I found IWC in early 2014(? late 2013?) but had interest in related stuff before then.

The most useful thing in this page's text-jungle is probably #Note_names.

IndieMark

  • Level 1: Complete except the microformat one. 0.8
  • Level 2: Halfway there. 0.5
  • Levels 3-5: Not so much yet.

Current setup & practices

  • Software: WordPress since 2007-11-07 for main site (maybe earlier for former subsections).
  • Post types:
  • POSSE to:
    • Facebook manually since I signed up 2009-07-09. This broke down in 2016 after I went from just having a page to having a profile :/ I still POSSE all my primary content, but replies are spotty at best due to inconvenience and having to remember to only publicly post replies to public posts. This is my highest-priority silo because it's where most of my friends/followers are.
    • Twitter manually since 2015-01-15.
    • Comment forms manually since 2015-01-26.
    • Github issues (& in principal any other bug reports) manually since 2015-02-02 (backfilled thru 2014-12-11).
    • Tumblr manually.
  • PESOS from Facebook manually since 2014-06-18 (just copying some older things I only posted there -- mostly Youtube music links)
  • Backfeed from:
    • Facebook manually since 2014-06-18, copying new & old comments (POSSE-ing my replies to new FB comments). Leaving likes alone for now because displaying them isn't important to me, but I might want to collect them eventually & store them somewhere if it's easy.
    • Twitter manually since 2015-01-15 (in principal; hasn't come up yet).
    • Comment sections manually since 2015-01-26.
    • Github issues (& in principal any other bug reports) manually since 2015-02-02 (backfilled thru 2014-12-11).
  • Shortlinks (using Custom Shortlink Structure plugin + cted.us short domain). I want to use the Shorter Links plugin so Wordpress will display my shortlinks w/ my short url without requiring me to muck around, but I found a redirect bug in it. The bug has apparently been fixed ~7 months later (as of version 2.1.0); I haven't tried it out yet.

Working on

First I want to clear up some long-standing issues with my site, prepping it to migrate from WordPress. Will add IndieWeb inter-site stuff where it makes sense but right now I mainly want to improve the basic site presentation. I'm reluctant to add much new functionality until I've left Wordpress because I'll just lose it when I switch (or I'll delay switching because I feel obliged to re-implement).

Better archives

WordPress makes this harder than it should be >:-(

  • Make yearly archives into link lists.
  • Put monthly & yearly archives in chronological order even though it'd be inconsistent w/ the home page?
  • Eliminate the paginated archives & replace their links at the bottom of homepage w/ links to date, tag, & category archives.
  • Link from homepage to next archive back should go to the ID of either the oldest homepage post or the next-oldest post. Or I could put the current month plus the last full month on the homepage, so I'd always be able to just link to the month before that, but that seems excessive.
  • Figure out how I want to handle tag archives, since some might have too many entries for a single page. Maybe page them by date (conditionally?)? 2015-01-06: for now they display all on a single page; I have time before it becomes a problem.
  • ^ Ditto post-type archives (currently handled as Wordpress categories), which are closer to being a problem.
  • Comics archives:
    • Currently I have a main comics index organized by story (+ a couple oddball collections) that I update by hand. I want to make this automatic and style it better. In my current Wordpress setup that means listing all the "Comic" terms reverse-chronologically by date of most recent entry with that term.
    • From the main comics index, maybe link to the index for each story arranged chronologically on a single page with as little meta stuff as possible so readers can just scroll instead of clicking through each page. Research first, though, to see if which reading style gives better reading experience (e.g. less total time spent loading, or which "feels" smoother/faster, or if there are strong reader preferences).
    • Maybe include the comics navigation on posts when they appear in tag/time archives or on the homepage.
    • More prominent display of current in-progress comic, with preview and link to latest page.
    • Maybe small preview thumbnails? Might be nice to have, or might just clutter the design & increase load times (also, I don't want to make them).

Note names

To set the name of an untitled post for readers, slug, and <title> I want to take all the text up to the first "pausing" punctuation (comma, [semi]colon, dash, end-of-sentence). Inspired by the convention of referring to untitled poems by their first line (TODO: link to citations in IRC log), this satisfies the note type algorithm without the super-long names than can happen when name = content. Currently trying this out by hand, copying the text to Wordpress's title field and setting the p-name with a custom button (though I don't have h-entry set up yet). As of 2015-03-04 I've been doing this for a couple months & am pretty happy with the resulting post names. I'd like it to happen automatically, so I might take my willingness to ignorantly alter PHP code and try to make the Auto Generate Title plugin do it.

More explicitly, I want the text

  • up to the first comma, period, colon, or semicolon that's followed by a space; or
  • up to and including the first exclamation point or question mark that's followed by a space; or
  • up to the first em dash or newline; or
  • up to the first space followed by a dash, double-dash, or em dash followed by a space;
  • up to the first space followed by a parenthesis (added 2015-08-27; need to test)

whichever comes first.

The dashes are kinda tricky; might miss html-encoded ones while checking plain text, but that's tolerable. I'm not sure how I want to deal w/ emoticons, though that's more an issue w/ the urls derived from the names than with the names themselves.

URL scheme

My current url scheme for permalinks is /YYYY/MM/DD.HHMMSS-slug/ (e.g. colintedford.com/2015/01/06.0549-ive-started-improving-my-archive-pages/), chosen with algorithmic shortening in mind & preferring timestamp over sequential post number to match my personal log & allow for backdated posts. The slashes are placed with url hackability in mind; I plan to have archives by year and month but not by day, hour, etc. But these urls are a bit long for my taste and I've realized that instead I can give each post an unchanging, algorithmic-shortening-friendly full date permalink using ordinal days /YYYY/DDD/HHMMSS that redirects to a "nice" url of whatever scheme I please (current plan is /YYYY/MM/slug). If I ever change any urls I'll redirect all old versions to the full date permalink. I also plan to use content negotiation to ditch trailing slashes so I can have extensionless urls without requiring a zillion index.html files when I go flat-file. I'm thinking of putting replies in a folder below their parent post /YYYY/DD/r/slug (maybe not "r" but definitely a single letter). ← 2015-08-27: I now think replies should probably be top-level posts, but might still treat incoming posts differently if I get a lot of them.

Backfill backfeed

  • LiveJournal comments manually (considering using the LJ Crossposter plugin option to turn off LJ commenting & direct commenters to the original post so I only have to collect the old ones. Not urgent since I don't get many comments there.)
  • Check if I posted anything only to LiveJournal that I care to import
  • Tumblr comments (ie. any added content from reposts) manually
  • Check if I care to import anything I only posted to Tumblr
  • Import whatever "posts" I can from the old static version of my site via the Internet Archive.

Silo issues

Leaving these alone since they may clear up when I switch theme (to Sempress) or CMS.

  • Get Facebook to use the correct image for their link preview (instead of grabbing the one in my sidebar as it sometimes does). Starting point: https://indiewebcamp.com/Facebook#Image_used_in_link_preview
  • Get Facebook to use better text preview (was blank on my old theme; on current it erroneously includes date & title in body -- which I can't remove on the mobile web version). If I'm desperate I can use their proprietary "description" meta tag, but I'll try the generic one first (which I'm not wild about since I already have "classic" microformats, but whatever); surprisingly my theme doesn't generate one. Hopefully indiecard will help me find good defaults.

Noise filter

Since 2015-01-26 I hide my outgoing replies (including bug reports, though I'm not sure they count as "replies") from my homepage and show them at colintedford.com/category/outbox ("outbox" was "discussion" 'til 2015-02-25; "category" is a Wordpress artifact destined for the dustbin). This seems to keep the homepage tamed well enough for now since on average I post less than once a day.

Summaries

Use the first paragraph of a post for its summary (if it has more than one). (Just noting this for now; I don't think I want to dig into Wordpress's excerpt code.)

Wants

  • Profile icon.
  • Whole-site https. Start w/ self-signed for logins?
  • Distinguish photos as a post type, except more generically call them "pictures" or "images".
  • "Collection" post type(s) for pictures and comics.
    • For comics this is to connect the pages of a story, potentially in multiple levels (e.g. chapters of a book).
    • For pictures I'd like to be able to post a collection and have just that show up in my stream, but still have permalinks for each item in it. I also want to be able to add more items to existing collections and have the updates be their own posts (at least optionally). If adding multiple items the update post should also be a collection, at least in terms of what appears in the stream. I might also want to be able to include collections in other collections (though maybe that's just tags).
  • Auto-POSSE to & auto-backfeed from Facebook (backfeed is more urgent; POSSEing by hand is pretty easy).
  • Send, receive, & display Webmentions. In line with my own current posting practice I'd like the edit history of comments to be visible. I'd like to show the newest version of updated comments (tombstone for deleted) with a link to archived older version(s). The tricky thing with deletions is balancing my desire to support authors' control over their content with my desire to avoid enabling erasure/revision of history.
  • Not sure about likes. I certainly like knowing someone liked something I did, but I don't know how compelled I feel to display that info.
  • Events. I have public events I want to post but I also would like to own my own calendar so I plan to check how easy it would be to use / integrate Owncloud's calendar feature.
  • Mobile posting. Need something to replace the WordPress app (which I only started using in 2014-06 as I started finally getting my site in shape). Online admin? App? Local webform? SMS? I'd like to keep the site itself as static as possible.
  • audio
  • video
  • reader (including legacy formats) -- currently planning to try Owncloud's reader (since I want to try Owncloud anyway), but keeping Selfoss in mind since it already has a microformats plugin. I used the predecessor to Selfoss for a while and it was OK.
  • hashtags
  • Autolink bare URLs.
  • products -- I want to get back to selling my comics & merch through my own site instead of a third-party site.
  • Wiki pages, maybe (definitely for my comics group's website).
  • I mostly don't care if my site is "real-time", but I want Indieweb messaging of some sort. Ideally I'd funnel all of my messaging into & out of a single indie setup ( Ben Roberts is working on that).

Microformats2

2015-08-17: On hold 'til I stop using Wordpress or someone dispels WP's magic version-1 Microformats.

  • h-card 2015-01-03
  • h-entry: Enabled top-level mf2 on 2015-08-17 but had to disable it again b/c of the hard-to-change way Wordpress adds mf1.
  • ???

Flat-file storage

I want to move from WordPress to something mostly static. Fully-static may be too hard given all the cool dynamic stuff there is to do, but I want to get away from databases and I want whatever code I run to produce a static version of the site in case of code breakage/abandonment/I become a hermit & don't update.

  • neonblog is super tempting even though it 1) isn't recommended for general use and 2) was succeeded by a project I can't use less than a month before I realized I might really want to to try it. It writes posts to html files, supports micropub, and has an experimental reader.
  • If I understand this conversation correctly, Known could use flat-file storage if someone wrote a plugin for it. This might be the most sensible option; it requires someone to write the plugin (or for me to learn how to do it), but passing that one hurdle yields the benefit of all of Known's already-implemented indieweb stuff (and forthcoming stuff, like the reader). Oh, I guess I might want a way to generate a static archive of the site, too. RUMOR: "I think someone might be working on a flat-file backend for Known though I'm not certain".
  • Kirby appeals all the more now that it's main dev is explicity excited about IndieWebCamp-style indieweb.
  • Was considering Nikola or Pelican but would have a lot of details to figure out (e.g. I want to be able to post when I'm away from my computer).
  • Harboring pipe-dreams of learning to program and building something myself (see below). I'd like to have a mostly-static system that's easy for laypeople to use (both for myself & so I can recommend it to people I know), but if I have to do it myself it may be a *long* wait.

In the meantime, I plan to try using WP Super Cache to generate static HTML from Wordpress.

Relation to personal log & "wiki"

I keep a personal log and wiki-like notes in a bunch of text files. It might be nice to be able to use the same tool to manage them and my website since they're similar things.

TODO: Add notes on current personal log format, and thoughts on relationship between personal log and public website.

Done

  • 2015-01-15: Shortlinks.
  • 2015-01-06: Archive pages now show all relevant posts instead of paginating and have better page title styling. Added prev & next nav to yearly & monthly archive pages w/ Adjacent Archive Links plugin.
  • 2014-12-31: My (small) 2015-01-01 commitment: Fix single post display: Move date above title on articles, move date before tags on comics, hide title on notes, pics, & comics, add margin/padding to small-screen view of elements below main post.
  • 2014-12-11: Added rel="me" to current theme so I can log back into IWC wiki if I get logged out ;)
  • 2014-09-16: Finished laborious migration of comics to new format and finally disabled Webcomic plugin. Switched to more responsive theme.

Former setup & practices

  • Hand-coding in Notepad (2005 through 2007). Main content types were notes (I didn't title my news updates ... and deleted them when they got old!) and comics.
  • Blogger (self-hosted version) (2006? through 2007?) -- I don't think I ever used it for my main site but I did for one of my comic series. Mainly comics with perhaps an occasional article.
  • POSSEd to LiveJournal via LiveJournal Crossposter plugin for some years (I did it manually from when I signed up in 2006 to whenever I installed LJ-XP). LJ-XP seems to have broken sometime prior to 2014-08-28 :(
  • Used Webcomic plugin 2010--2014 (it's nice but I'm prepping for an eventual migration from WordPress)