#dev 2020-06-08

2020-06-08 UTC
[LewisCowles]1, samwilson and [fluffy] joined the channel
#
aaronpk i think it's time for some coding in production
#
aaronpk i can't get an elasticsearch old enough to match the version running on my site
#
aaronpk luckily this is a pretty isolated part of my site, so everything should be fine 🤷
#
aaronpk bam that wasn't so bad
#
aaronpk oh cool i can search by author of things i've reposted and liked too
#
aaronpk aand now i want to stop showing the full contents of blog posts in my list views
#
aaronpk i feel like i keep going back and forth on that
#
[tantek] is your first paragraph written well enough to suffice as an automatic summary?
#
aaronpk good question
[KevinMarks] and beko joined the channel
#
aaronpk the answer is...
#
aaronpk almost
#
[tantek] so here's the cheap heuristic I would use
#
[tantek] article has more than 2 paragraphs? .h-entry p+p+*,.h-entry p+*+p
#
[tantek] then show only first paragraph
#
[tantek] else show entire article
#
aaronpk i'm doing something slightly different, but i'm reasonably happy with it
#
[tantek] and then I wonder if Quill could prompt you when you write more than two paragraphs with a yellow note or something that said something like: It looks like you're writing an article, make sure your first paragraph summarizing the point you're making, and consider adding a title.
#
aaronpk that's a good idea for quill
#
[tantek] actually this could be a whole separate feature or script for textarea inputs for posting
#
aaronpk one of the challenges with the way things are set up is i'm going to be printing only plaintext in the list view, not HTML here. cause munging HTML is hard
#
[tantek] we could call it Quippy 🙂
#
aaronpk oh no
#
[tantek] I thought for sure you'd catch onto the "It looks like you're writing ..."
#
[tantek] 😉
#
aaronpk alright it's live
#
aaronpk featured image, first paragraph as plaintext
#
aaronpk yeah this is much more manageable
#
[tantek] what is an article preview
#
Loqi It looks like we don't have a page for "article preview" yet. Would you like to create it? (Or just say "article preview is ____", a sentence describing the term)
#
[tantek] article preview is a specific form of article [[summary]] that borrows from common [[link preview]] patterns, and is the display of an article’s featured image (if any) and first paragraph, for example in a list of articles. IndieWeb Example: https://aaronparecki.com/articles
#
Loqi ok
#
[tantek] not bad aaroonpk. Needs the obvious "… More" link
#
aaronpk hm
#
aaronpk that's not how things look on twitter/medium tho
#
aaronpk why do those look like obvious summaries?
#
aaronpk (getting into design questions again)
#
[tantek] it is how things look on FB
#
[tantek] twitter always shows you the whole thing
#
[tantek] tweets that is
#
aaronpk i mean when there's a link to a blog post on twitter, it's clear that it's only a preview
#
[tantek] with your presentation, those articles kinda look like they might only be one paragraph
#
[tantek] only because they junk it up with boxes and borders and such
#
aaronpk twitter shows only two lines and ...
#
[tantek] it's pretty ugly TBH
#
aaronpk https://i.imgur.com/3jOkIPq.jpg
#
[tantek] visually noisy
#
[tantek] also something went wrong with BCP post
#
[tantek] note the "exchang..." — makes it obv there's more
#
aaronpk there's also the paperclip icon and domain name of the post
#
[tantek] (in screenshot)
#
aaronpk the paperclip and domain name don't exactly translate well here
#
[tantek] that's a link icon not paperclip lol
#
[tantek] like ⛓
#
aaronpk i can't tell them apart tbh
#
aaronpk gmail uses both, one for attachment and one for link
#
aaronpk i click the wrong one every time
#
[tantek] wat. they're topologically distinct
#
aaronpk if you look close enough
#
aaronpk the email one isn't even good https://i.imgur.com/6bRtLGX.png
#
[tantek] I' looking at them in slack right now
#
[tantek] link is diagonal, paperclip is vertical
#
aaronpk well now i just want more examples of peoples article previews to copy from
#
aaronpk gonna add "continue reading..."
#
aaronpk good enough for now
#
aaronpk now for the more difficult problem...may not actually finish this tonight
#
aaronpk attempts to feed granary back into itself
#
[tantek] Quill << Brainstorming: I wonder if Quill could prompt you when you write more than two paragraphs with a yellow note or something that said something like: It looks like you're writing an article, make sure your first paragraph summarizing the point you're making, and consider adding a title. could be a whole separate feature or script for textarea inputs for posting. Quippy 👀 📎
#
Loqi ok, I added "Brainstorming: I wonder if Quill could prompt you when you write more than two paragraphs with a yellow note or something that said something like: It looks like you're writing an article, make sure your first paragraph summarizing the point you're making, and consider adding a title. could be a whole separate feature or script for textarea inputs for posting. Quippy 👀 📎" to the "See Also" section of /Quill https://indieweb.org/wiki/index.php?diff=70267&oldid=58327
#
[tantek] here's the icon you're looking for aaronpk: 🖇 🙂
#
aaronpk what oh no
#
aaronpk takes a deep breath and switches back to rendering his own atom feed
#
aaronpk i see why jsonfeed is so appealing to people now
geoffo and KartikPrabhu joined the channel
#
aaronpk the question now is whether to show just an article summary in my atom feed or the full post
#
aaronpk ooh since i'm actually generating this from my markup on https://aaronparecki.com/articles i don't have the full post contents there anymore so summary it is!
#
aaronpk i don't understand what feedly is doing. trying to preview my feed but it seems to be doing its own magic
#
aaronpk wow i don't understand how to use feedly welp
#
aaronpk attempts testing in netnewswire
#
aaronpk "It’s like podcasts, but for reading." lolsob
[fluffy] joined the channel
#
[fluffy] Feedly is annoying
#
[fluffy] It does a lot of magic that ends up breaking things
#
[fluffy] Like I have a little tool that generates chore reminder RSS feeds and I cannot figure out how to get feedly to stop deduping items
[LewisCowles] joined the channel
#
aaronpk i literally typed in the URL to my atom feed and it decided to show me random crap
#
aaronpk netnewswire on the other hand is a very clean interface
#
aaronpk alright switched things up and i'm reasonably happy with it now
gxt, KartikPrabhu, [jeremycherfas] and [snarfed] joined the channel
#
[snarfed] aaronpk++ article previews have been a strongly encouraged default in wordpress for a long time. took me a minute to come around but i've liked and used them for a while now
#
Loqi aaronpk has 65 karma in this channel over the last year (228 in all channels)
#
[snarfed] key design point is it's common for the author to explicitly choose where the preview ends, per article
#
[snarfed] my home page has a few examples, look for the "Continue reading" links: https://snarfed.org/
KartikPrabhu joined the channel
#
[snarfed] also sounds like you hit granary atom issues, feel free to file them if you want!
[KevinMarks] joined the channel
#
[KevinMarks] You can add a p-summary class to the first paragraph of the post, then it will parse right as an h-feed too
moppy joined the channel
#
@isellsoap Do you know of any major news website that implemented Webmention? Got excited yesterday thinking about how this would play out if we would implemented it for @sz articles. (twitter.com/_/status/1269906721587318785)
nekr0z left the channel
#
@polarbirke ↩️ I'd love to see that! Can't recall seeing it in any news website yet. But (there's always a but): you might want to have a look at https://sebastiangreger.net/2018/05/indieweb-privacy-challenge-webmentions-backfeeds-gdpr/ by @sebastiangreger who has put together some nuanced thoughts about the ethical and legal implications. (twitter.com/_/status/1269919218277003264)
b0000p112, [LewisCowles], nekr0z, ben_thatmustbeme, KartikPrabhu and nickodd joined the channel
#
@EatPodcast ↩️ I know that @chrisaldrich was involved in doing Webmention and other IndieWeb things with his local paper; see https://boffosocko.com/2018/05/29/indieweb-ifying-coloradoboulevard-net/ (twitter.com/_/status/1269964118359977986)
[LewisCowles] joined the channel
#
@isellsoap ↩️ Thorough deep dive, super interesting read! I’m about to implement Webmention on my own web presence and I will take great care after reading his analysis. (twitter.com/_/status/1269980202245001222)
#
@CoodignD Jumping Into Webmentions With NextJS (or Not) #MachineLearning #hadoop #BigData #javascript30 #javascript #Django… https://twitter.com/i/web/status/1269917831250022400 (twitter.com/_/status/1269917831250022400)
dckc and swentel joined the channel
#
@pawelgrzybek This is a great soluton for outgooing webmentions. Thanks @rem for building http://webmention.app. https://remysharp.com/2019/06/18/send-outgoing-webmentions (twitter.com/_/status/1269986885356716032)
geoffo joined the channel
#
petermolnar I believe the most complex code in my website is my 404.php that handles the redirection of old stuff...
#
petermolnar I've been staring at 404 hits from my logs ( `grep ^petermolnar access.log | grep ' 404 ' | grep -E '0[78]/Jun/2020' | awk '{print $7}' | sort | uniq -c | sort -n` ) for the past days, trying to catch the ones that still pop up
#
petermolnar I didn't want to believe some of the hits; some of those links are ancient
#
petermolnar it's a pretty interesting exercise though, and I recommend to anyone
#
petermolnar check your logs and set up redirects and/or 410 Gone responses for the old content that may have moved
[jgmac1106] and [snarfed] joined the channel
#
[snarfed] "cool urls don't change"
#
aaronpk discovered goaccess.io yesterday and it's a really nice tool for this kind of thing
#
aaronpk https://i.imgur.com/sm996me.png it even has a section for monitoring 404s, and it can group and sort by URL
#
petermolnar [snarfed]: yep. I know. less cool urls redirect :P
twomanytacos and [KevinMarks] joined the channel
#
[snarfed] oh redirects are great! i just meant 410s are unfortunate
[tantek] joined the channel
#
@zerok Using #webmentions for RSVPs: https://zerokspot.com/weblog/2020/06/08/rsvps-with-webmentions/ #100daystooffload #indieweb (twitter.com/_/status/1270019793240952832)
#
[tantek] 410s are how we explicitly /delete content!
#
[snarfed] tantek++
#
Loqi tantek has 24 karma in this channel over the last year (120 in all channels)
#
petermolnar I see, I worded it badly; the intention: check your logs for 404. See if you can either redirect them or return 410 properly.
#
petermolnar or if it's a wordpress sniffer bot, give them a gzip file with 10G of 0s in it, like it should be.
[schmarty] joined the channel
#
[snarfed] [Jeremy_Keith] hi! looks like your webmention endpoint is now returning HTTP 302. is that intentional? eg https://brid.gy/log?start_time=1591633126&key=agdicmlkLWd5cjYLEghSZXNwb25zZSIodGFnOnR3aXR0ZXIuY29tLDIwMTM6MTI2OTkxODI0NTUyOTc5NjYxMww
#
[tantek] Snarfed you may want to POSSE that to Twitter as adactio doesn’t check Slack very often
#
aaronpk ugh i need to work on improving the loading time of my blog posts
#
aaronpk i think something about how i show comments is slowing them down
#
[schmarty] oooh
#
[tantek] 🤔
#
aaronpk hm quick look at my query list looks like i'm hitting my nicknames cache any time a comment includes an @-mention
[fluffy] joined the channel
#
[fluffy] 404 mitigation is important which is why I made sure to make it as easy as possible in Publ. Entries will automatically redirect around category and slug changes, and entries and category views can also claim legacy URLs directly or via regex.
#
aaronpk but also my most popular page has 168 comments on it, and like maybe i just shouldn't show all of those on the first pageload
#
[tantek] Heh
#
[tantek] Sounds worth noting in /comments#Brainstorming
gRegorLove, [grantcodes], swentel, [jgmac1106] and KartikPrabhu joined the channel; nickodd left the channel
#
@stormgrass Is there a webmentions implementation for @Ghost yet? Because I think it'd be great if there was. (twitter.com/_/status/1270078783337480192)
#
[tantek] Ghost << Feature request for [[Webmention]] support: https://twitter.com/_/status/1270078783337480192
#
@stormgrass Is there a webmentions implementation for @Ghost yet? Because I think it'd be great if there was. (twitter.com/_/status/1270078783337480192)
#
Loqi ok, I added "Feature request for [[Webmention]] support: https://twitter.com/_/status/1270078783337480192" to the "See Also" section of /Ghost https://indieweb.org/wiki/index.php?diff=70272&oldid=59051
#
[jgmac1106] ohh I didn't know you could add context to see also
#
[jgmac1106] Who is Loqi?
#
Loqi Loqi is a friendly and useful bot/digital therapist present in the IndieWeb discussion channels https://indieweb.org/User:Loqi.me
#
aaronpk it just adds whatever you type
#
[tantek] You can use the < < to quickly add anything relevant to a page to See Also
#
[jgmac1106] ahh foo...jargon directions
#
[jgmac1106] X << [[foo]] (or X << http://example.com)
#
Loqi ok, I added "[[foo]] (or X << http://example.com)" to the "See Also" section of /h-x-app https://indieweb.org/wiki/index.php?diff=70273&oldid=66499
#
[jgmac1106] oops
#
[jgmac1106] I will delete that
#
aaronpk lol! i'm surprised "X" matched that page
#
[tantek] nah you can revert
#
[jgmac1106] What is X?
#
Loqi It looks like we don't have a page for "X" yet. Would you like to create it? (Or just say "X is ____", a sentence describing the term)
#
[tantek] [jgmac1106] this is why I use < < (with the space in between) to talk about it in chat 🙂
#
aaronpk i'm sorry, i couldn't find a page called "this is why I use"
#
[tantek] lololol
#
[jgmac1106] awesome
#
[tantek] [jgmac1106] don't worry about the cleanup. mischief managed. :male_mage::skin-tone-2:
#
[jgmac1106] jacky silently rolled it back
#
[tantek] rather, rolled back to the version last edited by jacky
#
[jgmac1106] ahhh...wikimedia history pages require their own kind of wizardry to master, thanks all
nekr0z[m], [schmarty], RohitKhare1, [snarfed], [matthiasott], [KevinMarks], sknebel, oenone, geoffo and [manton] joined the channel