<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
  <title>House of Nettles: #web</title>
  <id>https://nex-3.com/tag/web/</id>
  <link href="https://nex-3.com/tag/web/feed.xml" rel="self"/>
  <link href="https://nex-3.com/tag/web/" />
  <updated>2026-08-23T09:20:27Z</updated>
    <entry>
      <title>Using the StoryGraph</title>
      <link href="https://nex-3.com/blog/using-storygraph/" rel="alternate"/>
      <id>https://nex-3.com/blog/using-storygraph/</id>
      <published>2026-08-23T09:20:27Z</published>
      <updated>2026-08-23T09:20:27Z</updated>
      <author><name>Natalie Weizenbaum</name>
          <uri>https://nex-3.com/</uri></author><category term="web" label="web"/><content type="html">&lt;p&gt;I&#39;ve moved all my book reviews, both archival and ongoing, onto &lt;a href=&#34;https://app.thestorygraph.com/profile/nex3&#34;&gt;the StoryGraph&lt;/a&gt;
(link also available in the header along with my other media review accounts).
If you want to see what I think about books, go give it a follow; if I recognize
you, I&#39;ll follow you back. As with my other reviews, I&#39;ll only be cross-posting
the ones I think are particularly good, so you&#39;ll have to go to the source if
you want to see everything.&lt;/p&gt;
&lt;p&gt;I&#39;ve been searching for a really good book tracking website for a long time, and
StoryGraph is &lt;em&gt;good enough&lt;/em&gt;. I used Goodreads for a number of years, despite
finding its Amazon ownership intensely distasteful, because at the time I
started tracking books it was the only option with any amount of traction. In
addition to (and possibly because of) its position in the evil empire of
booksellers, it didn&#39;t seem to have developed a single new feature since 2013.
In particular, it had no way to look through one&#39;s own books by genre or do
other cross-referencing tasks that are a major part of what makes these sites
valuable to me.&lt;/p&gt;
&lt;p&gt;About a year ago, I migrated everything to BookWyrm on a friend&#39;s suggestion. It
solved the Amazon issue handily, but was a step back on almost every other
front. The UI is so bad that it actively discouraged me from tracking books as I
read them; it&#39;s ridden with subtle differences between different ways of marking
books as reading or read or writing reviews that do or don&#39;t show up as separate
posts on its inexplicable Fediverse backend, and the frontend itself offers no
affordances for basic things like indicating that it&#39;s processing a request you
made. Its database is itself deeply messy, often with half a dozen versions of a
single book with none being marked as canonical and no clear path to helping the
admins unify them. On top of all that, it provided exactly none of the features
I felt Goodreads was missing, if anything making it harder to organize and
cross-reference a collection.&lt;/p&gt;
&lt;p&gt;StoryGraph improves on all of these issues. It&#39;s not Amazon, and in fact
explicitly marketed around the fact that it&#39;s better than Goodreads which gives
me at least a faint hope that whoever runs it would find it politically
infeasible to sell out too badly. Its interface is silly in places (it&#39;s
possible to rate a book up to 5.75 stars due to idiosynratic the way it handles
intermediate scores) but entirely functional. And its collection view allows
enough cross-referencing to satisfy my general needs.&lt;/p&gt;
&lt;p&gt;The thing I don&#39;t entirely understand is this:
&lt;a href=&#34;https://letterboxd.com/&#34;&gt;Letterboxd&lt;/a&gt; has existed for fifteen years now. It&#39;s
well-known, it&#39;s widely referenced, and it&#39;s &lt;em&gt;excellent&lt;/em&gt; from a UI standpoint.
Its ability to collate and cross-reference films is smooth and universal: every
film links its director, its year, and its cast and crew, and clicking on any of
these brings you to a standard &amp;quot;film list&amp;quot; view that covers all of the films
that fit the same criterion. This view is compact but also powerful, allowing
you to further filter by decade, genre, and whether or not you&#39;ve watched it (or
reviewed it, or rated it, etc).&lt;/p&gt;
&lt;p&gt;I don&#39;t understand why this hasn&#39;t been adopted as the universal bar for what a
functional media browsing UI looks like. Compare Letterboxd&#39;s listing of films
by a director to Storygraph&#39;s listing of books by an author:&lt;/p&gt;
&lt;div class=&#34;image-gallery&#34;&gt;&lt;figure class=&#34;     image        &#34;&gt;
  &lt;a href=&#34;https://nex-3.com/assets/334/letterboxd.png?v=b1af51f8ff5c&#34;&gt;
    &lt;img src=&#34;https://nex-3.com/assets/334/letterboxd.png?v=b1af51f8ff5c&#34; alt=&#34;Letterboxd&#39;s list of films by Norman McLaren&#34;&gt;
  &lt;/a&gt;
&lt;/figure&gt;
&lt;figure class=&#34;     image        &#34;&gt;
  &lt;a href=&#34;https://nex-3.com/assets/334/storygraph.png?v=ce01d0b03d79&#34;&gt;
    &lt;img src=&#34;https://nex-3.com/assets/334/storygraph.png?v=ce01d0b03d79&#34; alt=&#34;Storygraph&#39;s list of books Stephen Graham Jones&#34;&gt;
  &lt;/a&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;Look how much more compact Letterboxd is. Look how many ways you can customize
the view! Most of the interactions that take up half the real estate in
StoryGraph are accessible through the hover interface in Letterboxd, and all the
metadata for each book is just a click away. This isn&#39;t going to put me off the
website by any means, but it&#39;s baffling to me why other websites don&#39;t just rip
off Letterboxd&#39;s design here. It&#39;s flat-out better!&lt;/p&gt;
</content>
    </entry>
  
    <entry>
      <title>A Non-Technical Intro to Webmentions</title>
      <link href="https://nex-3.com/blog/a-non-technical-intro-to-webmentions/" rel="alternate"/>
      <id>https://nex-3.com/blog/a-non-technical-intro-to-webmentions/</id>
      <published>2024-10-22T02:00:25Z</published>
      <updated>2024-10-22T20:09:44Z</updated>
      <author><name>Natalie Weizenbaum</name>
          <uri>https://nex-3.com/</uri></author><category term="web" label="web"/><category term="article" label="article"/><content type="html">&lt;p&gt;I keep bringing up &amp;quot;Webmentions&amp;quot; in the context of discussing &lt;a href=&#34;https://nex-3.com/blog/a-sociable-web&#34;&gt;the sociable web&lt;/a&gt;
and advocating for more people to adopt more social technologies on their
websites, but I always run into a wall: there&#39;s no good place to link people to
so they can understand more about what that means. All the existing explanations
I&#39;ve found are deep in the weeds of &lt;em&gt;how&lt;/em&gt; Webmentions work on a technical level,
which isn&#39;t a very helpful place to start for people who just want to post.&lt;/p&gt;
&lt;p&gt;I want to fill that gap with this post, and give people who don&#39;t know the ins
and outs of HTTP a working understanding of &lt;em&gt;what&lt;/em&gt; Webmentions do and how to get
them up and running for your site. To that end:&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Webmentions are a way to let a website know that you linked to it.&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;That&#39;s it! At it&#39;s core, it&#39;s just that simple. If a website supports
Webmentions, you tell it &amp;quot;Hey, here&#39;s the URL of a page with a link to you&amp;quot;, it
double-checks that the link actually exists, and then it does what it pleases
with that information.&lt;/p&gt;
&lt;h2 id=&#34;what-can-you-do-with-webmentions&#34;&gt;What can you do with Webmentions?&lt;/h2&gt;
&lt;h3 id=&#34;notifications&#34;&gt;Notifications&lt;/h3&gt;
&lt;p&gt;The simplest thing you can do is just look at the Webmentions you receive like a
notifications feed on a social media site, and appreciate that people like what
you&#39;re up to. I get all my Webmentions delivered to me as an RSS feed (more on
that below), and I&#39;ll always check out the links to see what people are saying.&lt;/p&gt;
&lt;figure class=&#34;     image        &#34;&gt;
  &lt;a href=&#34;https://nex-3.com/assets/088/recent-mentions.webp&#34;&gt;
    &lt;img src=&#34;https://nex-3.com/assets/088/recent-mentions.webp&#34;&gt;
  &lt;/a&gt;&lt;figcaption&gt;
      
      
      &lt;p&gt;My Webmention notification feed on webmention.io&lt;/p&gt;

      
    &lt;/figcaption&gt;
  
&lt;/figure&gt;

&lt;p&gt;In addition to being the easiest to set up, I think this is actually the most
useful thing to do with Webmentions. Having a way to see when people reply to
your posts makes &lt;a href=&#34;https://nex-3.com/blog/a-sociable-web#conversation&#34;&gt;conversation&lt;/a&gt; possible and seeing people&#39;s appreciation
encourages &lt;a href=&#34;https://nex-3.com/blog/a-sociable-web#performance&#34;&gt;performance&lt;/a&gt;. Even if you never go beyond using Webmentions as pure
notifications, it&#39;s a great way to become more interconnected.&lt;/p&gt;
&lt;h3 id=&#34;replies-as-comments&#34;&gt;Replies as comments&lt;/h3&gt;
&lt;p&gt;If someone makes a post on their blog that&#39;s replying to yours and sends you a
Webmention, you can display that reply like a comment underneath your post. This
is pretty common for out-of-the-box Webmention plugins, like &lt;a href=&#34;https://wordpress.org/plugins/webmention/&#34;&gt;this one for
WordPress&lt;/a&gt;&lt;sup class=&#34;footnote-ref&#34;&gt;&lt;a href=&#34;https://nex-3.com/blog/a-non-technical-intro-to-webmentions/#fn1&#34; id=&#34;fnref1&#34;&gt;[1]&lt;/a&gt;&lt;/sup&gt;. You can see it in action on &lt;span class=&#34;mention h-card&#34;&gt;&lt;a class=&#34;p-name         u-url u-uid&#34; href=&#34;https://seaslug.garden/&#34;&gt;Liz&lt;/a&gt;&lt;data class=&#34;p-nickname&#34; value=&#34;JhoiraArtificer&#34;&gt;&lt;/data&gt;&lt;data class=&#34;u-photo&#34; value=&#34;https://seaslug.garden/wp-content/uploads/2024/09/lizseal-1024x1024.webp&#34;&gt;&lt;/data&gt;&lt;/span&gt;&#39;s
WordPress blog where &lt;a href=&#34;https://nex-3.com/blog/10-official-years-of-type-1/&#34;&gt;my reply on this blog&lt;/a&gt; shows up &lt;a href=&#34;https://seaslug.garden/?p=69#comment-63&#34;&gt;as a comment on hers&lt;/a&gt;,
with my avatar and the original posting date and everything.&lt;/p&gt;
&lt;div class=&#34;image-gallery&#34;&gt;&lt;figure class=&#34;     image        &#34;&gt;
  &lt;a href=&#34;https://nex-3.com/assets/088/reply-to-liz.webp&#34;&gt;
    &lt;img src=&#34;https://nex-3.com/assets/088/reply-to-liz.webp&#34;&gt;
  &lt;/a&gt;&lt;figcaption&gt;
      
      
      &lt;p&gt;My post replying to Liz&lt;/p&gt;

      
    &lt;/figcaption&gt;
  
&lt;/figure&gt;
&lt;figure class=&#34;     image        &#34;&gt;
  &lt;a href=&#34;https://nex-3.com/assets/088/comment-on-lizs-blog.webp&#34;&gt;
    &lt;img src=&#34;https://nex-3.com/assets/088/comment-on-lizs-blog.webp&#34;&gt;
  &lt;/a&gt;&lt;figcaption&gt;
      
      
      &lt;p&gt;My post as a reply on Liz&#39;s blog&lt;/p&gt;

      
    &lt;/figcaption&gt;
  
&lt;/figure&gt;
&lt;/div&gt;
&lt;p&gt;Making this work nicely requires a bit of setup on the part of the page that
contains the link, though. A computer isn&#39;t smart enough to take any old webpage
and figure out which parts of it are the author&#39;s name, the author&#39;s avatar, the
text of the reply, and so on. In order for all of that to work nicely, the
linking page needs to use &lt;a href=&#34;https://nex-3.com/blog/reblogging-posts-with-h-entry/#structured-post-data-with-h-entry&#34;&gt;&lt;code&gt;h-entry&lt;/code&gt; metadata&lt;/a&gt; to explicitly indicate all this
information. Fair warning: &lt;code&gt;h-entry&lt;/code&gt; is unavoidably a &lt;em&gt;bit&lt;/em&gt; technical to set up.
since it requires editing HTML. That said, some blog hosts like &lt;a href=&#34;https://micro.blog/&#34;&gt;micro.blog&lt;/a&gt; do
support it out of the box, and others like WordPress have &lt;a href=&#34;https://wordpress.org/themes/sempress/&#34;&gt;plugins to handle it
for you&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Even if a page is mentioned by something without any metadata, it can still
display a link back; it just won&#39;t have much additional information. Here&#39;s what
a bare, metadata-free mention looks like on my blog:&lt;/p&gt;
&lt;figure class=&#34;     image        &#34;&gt;
  &lt;a href=&#34;https://nex-3.com/assets/088/dante-mention.png?v=7144a3838829&#34;&gt;
    &lt;img src=&#34;https://nex-3.com/assets/088/dante-mention.png?v=7144a3838829&#34; alt=&#34;mentioned on blog.dante.cool&#34;&gt;
  &lt;/a&gt;
&lt;/figure&gt;

&lt;h3 id=&#34;reposts-and-likes&#34;&gt;Reposts and likes&lt;/h3&gt;
&lt;p&gt;In addition to replies, which are basically reposts or links with additional
content, Webmentions + &lt;code&gt;h-entry&lt;/code&gt; can express a number of other relationships
between posts. (Technical moment: which relationship you express depends on
which &lt;code&gt;class&lt;/code&gt; attribute you put on the link. For example, &lt;code&gt;&amp;lt;a class=&amp;quot;u-in-reply-to&amp;quot; href=&amp;quot;...&amp;quot;&amp;gt;&lt;/code&gt; indicates that you&#39;re replying to the linked
post. A link without a class is just treated as a generic mention.)&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;Reposts (&lt;code&gt;class=&amp;quot;u-repost-of&amp;quot;&lt;/code&gt;): This usually indicates that you&#39;re reposting
some or all of the content of another post with minimal additional content of
your own. This is modeled on the Twitter retweet more than the Tumblr reblog,
which I think is better expressed as a reply.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Likes (&lt;code&gt;class=&amp;quot;u-like-of&amp;quot;&lt;/code&gt;): This indicates that you&#39;re expressing
appreciation of a post, also usually without additional content. You might,
for example, have a page on your website that&#39;s just there to contain &amp;quot;like&amp;quot;
links. I personally don&#39;t use this one, because I find commenting to be a more
personal way of expressing my appreciation, even if it&#39;s just a little
&amp;quot;:yeah:&amp;quot;.&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;There are more relationships between pages that aren&#39;t as widely supported, like
RSVPs to events, reviews of media, translations of posts, and so on. But these
are the main ones, especially if you&#39;re coming at it from a social angle.&lt;/p&gt;
&lt;h2 id=&#34;how-do-i-send-webmentions&#34;&gt;How do I send Webmentions?&lt;/h2&gt;
&lt;p&gt;Some sites that support Webmentions will provide you a handy text box into which
you can paste the URL of a page which links to the page you&#39;re on. My blog has
this at the bottom of each page, for example. But not all pages have a form for
this, and even if they did it would get pretty annoying to do manually all the
time.&lt;/p&gt;
&lt;p&gt;Blog software and plugins that support Webmentions will usually automatically
handle this for you, sending them out every time you make a post (or edit it, so
that websites know to update any Webmentions they display). But if it doesn&#39;t,
don&#39;t despair—webmention.app has your back. It takes a bit of doing, but you can
set it up to &lt;a href=&#34;https://webmention.app/docs#using-ifttt-to-trigger-checks&#34;&gt;send Webmentions every time your RSS feed updates&lt;/a&gt;&lt;sup class=&#34;footnote-ref&#34;&gt;&lt;a href=&#34;https://nex-3.com/blog/a-non-technical-intro-to-webmentions/#fn2&#34; id=&#34;fnref2&#34;&gt;[2]&lt;/a&gt;&lt;/sup&gt;,
which will work with just about any blog under the sun.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Edit:&lt;/strong&gt; Apparently the &lt;a href=&#34;https://webmention.app/docs#using-ifttt-to-trigger-checks&#34;&gt;old documentation&lt;/a&gt;&lt;sup class=&#34;footnote-ref&#34;&gt;&lt;a href=&#34;https://nex-3.com/blog/a-non-technical-intro-to-webmentions/#fn2&#34; id=&#34;fnref2:1&#34;&gt;[2:1]&lt;/a&gt;&lt;/sup&gt; for setting
this up now costs money, since IFTTT doesn&#39;t provide free webhook support
anymore. Fortunately, &lt;a href=&#34;https://candiedreptile.club/bloglet/posts/2024-10-22-Webmentions.html&#34;&gt;Karma Chameleon has new instructions&lt;/a&gt; for setting it up
with &lt;a href=&#34;https://make.com&#34;&gt;make.com&lt;/a&gt; instead, which &lt;em&gt;is&lt;/em&gt; free.&lt;/p&gt;
&lt;h2 id=&#34;how-do-i-receive-webmentions&#34;&gt;How do I receive Webmentions?&lt;/h2&gt;
&lt;p&gt;Okay, this bit is unavoidably at least a little bit technical. Unless your blog
platform supports Webmentions out-of-the-box or through a plugin, you&#39;re going
to have to edit some HTML. But don&#39;t worry! I&#39;ll guide you through it.&lt;/p&gt;
&lt;p&gt;I use &lt;a href=&#34;https://webmention.io&#34;&gt;webmention.io&lt;/a&gt; to receive Webmentions, and I recommend it. It&#39;s got a
straightforward, sensible UI—the only wrinkle is that its signin process may not
be what you&#39;re used to. But I&#39;ll guide you through that as well.&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p&gt;Choose an email address that you&#39;re okay exposing to the world. If you don&#39;t
want to use your primary email, &lt;a href=&#34;https://fastmail.com/&#34;&gt;Fastmail&lt;/a&gt; and &lt;a href=&#34;https://proton.me/mail&#34;&gt;Proton&lt;/a&gt; both provide free
accounts.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Let&#39;s say your domain name is &lt;code&gt;me.example.org&lt;/code&gt; and your email is
&lt;code&gt;me@example.org&lt;/code&gt;. Add the following to your website&#39;s HTML:&lt;/p&gt;
&lt;pre class=&#34;language-html&#34;&gt;&lt;code class=&#34;language-html&#34;&gt;&lt;span class=&#34;token tag&#34;&gt;&lt;span class=&#34;token tag&#34;&gt;&lt;span class=&#34;token punctuation&#34;&gt;&amp;lt;&lt;/span&gt;link&lt;/span&gt; &lt;span class=&#34;token attr-name&#34;&gt;rel&lt;/span&gt;&lt;span class=&#34;token attr-value&#34;&gt;&lt;span class=&#34;token punctuation attr-equals&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;token punctuation&#34;&gt;&#34;&lt;/span&gt;me&lt;span class=&#34;token punctuation&#34;&gt;&#34;&lt;/span&gt;&lt;/span&gt; &lt;span class=&#34;token attr-name&#34;&gt;href&lt;/span&gt;&lt;span class=&#34;token attr-value&#34;&gt;&lt;span class=&#34;token punctuation attr-equals&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;token punctuation&#34;&gt;&#34;&lt;/span&gt;mailto:me@example.org&lt;span class=&#34;token punctuation&#34;&gt;&#34;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;token punctuation&#34;&gt;&gt;&lt;/span&gt;&lt;/span&gt;
&lt;span class=&#34;token tag&#34;&gt;&lt;span class=&#34;token tag&#34;&gt;&lt;span class=&#34;token punctuation&#34;&gt;&amp;lt;&lt;/span&gt;link&lt;/span&gt; &lt;span class=&#34;token attr-name&#34;&gt;rel&lt;/span&gt;&lt;span class=&#34;token attr-value&#34;&gt;&lt;span class=&#34;token punctuation attr-equals&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;token punctuation&#34;&gt;&#34;&lt;/span&gt;webmention&lt;span class=&#34;token punctuation&#34;&gt;&#34;&lt;/span&gt;&lt;/span&gt; &lt;span class=&#34;token attr-name&#34;&gt;href&lt;/span&gt;&lt;span class=&#34;token attr-value&#34;&gt;&lt;span class=&#34;token punctuation attr-equals&#34;&gt;=&lt;/span&gt;&lt;span class=&#34;token punctuation&#34;&gt;&#34;&lt;/span&gt;https://webmention.io/me.example.org/webmention&lt;span class=&#34;token punctuation&#34;&gt;&#34;&lt;/span&gt;&lt;/span&gt;&lt;span class=&#34;token punctuation&#34;&gt;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;If possible, these should go just before the &lt;code&gt;&amp;lt;/head&amp;gt;&lt;/code&gt; in your HTML. That
said, if you can&#39;t edit your layout directly, these should work anywhere on
the page. They won&#39;t be visible; they&#39;re just there to tell computers&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;this is an email address that belongs to the person who runs this website, and&lt;/li&gt;
&lt;li&gt;this is the URL to which to send Webmentions for this page.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;The only real constraint is that they need to be on both the root page of
your site &lt;em&gt;and&lt;/em&gt; on each page that you want to receive Webmentions.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Go to &lt;a href=&#34;https://webmention.io&#34;&gt;webmention.io&lt;/a&gt;, type in your site&#39;s base URL under &amp;quot;Web Sign-In&amp;quot;, and
click &amp;quot;Sign In&amp;quot;. It&#39;s important that you don&#39;t include a path in the URL
(good: &lt;code&gt;https://example.org/&lt;/code&gt;, bad: &lt;code&gt;https://example.org/blog/my-post&lt;/code&gt;).
Otherwise the URL for the &lt;code&gt;&amp;lt;link rel=&amp;quot;webmention&amp;quot;&amp;gt;&lt;/code&gt; we added above won&#39;t be
correct.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;This will take you through a sign-in flow where a login code will be emailed
to the email you put on your website above, which verifies that you are in
fact the person who owns this website.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p&gt;Once you&#39;re signed in, you&#39;ll be redirected to &lt;a href=&#34;https://webmention.io/dashboard&#34;&gt;webmention.io/dashboard&lt;/a&gt;. I
recommend bookmarking this, because for whatever reason there&#39;s not an easy
way to get there from the main page without signing in all over again.&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;Once you&#39;re at the dashboard, you&#39;re good to go—webmentions will be visible
there, or you can get them in your feed reader by going to &amp;quot;Settings &amp;gt; Mentions
Feed&amp;quot; and copying the &lt;code&gt;mentions.atom&lt;/code&gt; URL into your feed reader&lt;sup class=&#34;footnote-ref&#34;&gt;&lt;a href=&#34;https://nex-3.com/blog/a-non-technical-intro-to-webmentions/#fn3&#34; id=&#34;fnref3&#34;&gt;[3]&lt;/a&gt;&lt;/sup&gt;.&lt;/p&gt;
&lt;h3 id=&#34;webmentions-from-other-websites&#34;&gt;Webmentions from other websites&lt;/h3&gt;
&lt;p&gt;Whether you&#39;re using your blog&#39;s built-in Webmention support, &lt;a href=&#34;http://webmention.io&#34;&gt;webmention.io&lt;/a&gt;, or
some other system, you can use the &lt;a href=&#34;https://brid.gy/&#34;&gt;brid.gy&lt;/a&gt; app to convert replies and comments
on a bunch of other social websites into Webmentions on your site. I do this for
the Fediverse, and you can see for example a bunch of Fediverse discussion below
&lt;a href=&#34;https://nex-3.com/blog/seattle-cohost-wake/&#34;&gt;this post&lt;/a&gt;. It&#39;s sometimes a little shaky, especially because it doesn&#39;t always
preserve threading accurately, but it works!&lt;/p&gt;
&lt;p&gt;It looks like &lt;a href=&#34;http://brid.gy&#34;&gt;brid.gy&lt;/a&gt; can also act as a Webmention plugin for Tumblr, WordPress,
Blogger, and Medium. I haven&#39;t tried this personally, so I can&#39;t vouch for it.
But it might work great!&lt;/p&gt;
&lt;h2 id=&#34;go-out-there-and-get-mentioned&#34;&gt;Go out there and get mentioned!&lt;/h2&gt;
&lt;p&gt;I really recommend getting Webmentions set up. It does involve a bit of silly
rigamarole, it&#39;s true, but it&#39;s worth it to become part of the sociable web. And
the more people start using this, the more it&#39;ll become a valuable feature for
blogging platforms to support without any hassle. And now at least it&#39;ll be a
bit demystified for those who want to understand what it&#39;s all about without
reading W3C specifications.&lt;/p&gt;
&lt;hr class=&#34;footnotes-sep&#34;&gt;
&lt;section class=&#34;footnotes&#34;&gt;
&lt;ol class=&#34;footnotes-list&#34;&gt;
&lt;li id=&#34;fn1&#34; class=&#34;footnote-item&#34;&gt;&lt;p&gt;WordPress has been the talk of the town lately for the
&lt;a href=&#34;http://WordPress.com&#34;&gt;WordPress.com&lt;/a&gt; CEO&#39;s non-stop heinous antics, so I hesitate to give it a
full-throated endorsement. That said, it&#39;s by far the easiest way I know of to
get up and running with all the IndieWeb technology from zero baseline
knowledge, and fortunately the engine itself is open source so it&#39;s unlikely
to collapse completely. Just maybe choose a hosting provider that&#39;s not
&lt;a href=&#34;http://WordPress.com&#34;&gt;WordPress.com&lt;/a&gt;. &lt;a href=&#34;https://nex-3.com/blog/a-non-technical-intro-to-webmentions/#fnref1&#34; class=&#34;footnote-backref&#34;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&#34;fn2&#34; class=&#34;footnote-item&#34;&gt;&lt;p&gt;If you do choose to follow this documentation, note that it
includes adding &lt;code&gt;&amp;amp;token=...&lt;/code&gt; to the hook URL. You can get a token by signing
into webmention.app with a GitHub URL, but I don&#39;t think you really need to.
Without a token, you can only make four requests per URL per hour, but if
you&#39;re only sending one request per page anyways that won&#39;t matter. So you
should be able to safely leave off the &lt;code&gt;&amp;amp;token=...&lt;/code&gt; bit. &lt;a href=&#34;https://nex-3.com/blog/a-non-technical-intro-to-webmentions/#fnref2&#34; class=&#34;footnote-backref&#34;&gt;↩︎&lt;/a&gt; &lt;a href=&#34;https://nex-3.com/blog/a-non-technical-intro-to-webmentions/#fnref2:1&#34; class=&#34;footnote-backref&#34;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&#34;fn3&#34; class=&#34;footnote-item&#34;&gt;&lt;p&gt;There&#39;s also a &lt;code&gt;mentions.html&lt;/code&gt; URL, but you can ignore that.
It uses an &lt;code&gt;h-entry&lt;/code&gt; based feed format that&#39;s pretty cool, but not at all
widely supported whereas Atom is pretty much universal. &lt;a href=&#34;https://nex-3.com/blog/a-non-technical-intro-to-webmentions/#fnref3&#34; class=&#34;footnote-backref&#34;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;
</content>
    </entry>
  
    <entry>
      <title>A Sociable Web</title>
      <link href="https://nex-3.com/blog/a-sociable-web/" rel="alternate"/>
      <id>https://nex-3.com/blog/a-sociable-web/</id>
      <published>2024-10-19T03:27:07Z</published>
      <updated>2024-10-19T03:27:07Z</updated>
      <author><name>Natalie Weizenbaum</name>
          <uri>https://nex-3.com/</uri></author><category term="web" label="web"/><category term="article" label="article"/><content type="html">&lt;p&gt;The process of building out this site has inevitably involved design choices
about how to engage with various technologies and other people&#39;s web presences.
It&#39;s a truism that you can&#39;t solve social problems with technology, but social
media has made it just as clear that technology does &lt;em&gt;shape&lt;/em&gt; the social dynamics
that emerge in the spaces it mediates. This drives me to wonder: as more of my
friends and friends-of-friends move to individual websites and blogs, what
social dynamics does this give rise to? And what different technical designs
could improve those dynamics?&lt;/p&gt;
&lt;p&gt;I think it&#39;s most interesting to approach this question from the social
direction rather than the technological. Our first priority should be a set of
social goals for interacting on the internet, and only with that understanding
firmly in hand can we start usefully interrogating the way technology gives rise
to or fights against the sort of interactions we want. My ultimate aim is to
articulate a clear vision of a way to interact with people&#39;s websites that&#39;s not
just a pastime or a research process, but that can meet social needs—to imagine
what I&#39;ll call a &amp;quot;sociable web&amp;quot;.&lt;/p&gt;
&lt;h2 id=&#34;sociable-web-not-social-network&#34;&gt;Sociable Web not Social Network&lt;/h2&gt;
&lt;p&gt;I&#39;m using the term &amp;quot;sociable web&amp;quot; as a conscious contrast to &amp;quot;social network&amp;quot;.
Social networks have unavoidably shaped our understanding of what form of
socialization is possible online, and I don&#39;t even think it&#39;s always been for
the worse. But now they are fragmenting and rotting, and whatever was good about
them—their casual usability, the massive network effect of &amp;quot;all your friends are
here&amp;quot;—is falling away like so much decayed flesh. I want to envision something
new, and when doing so I often find that a new name can help.&lt;/p&gt;
&lt;h3 id=&#34;quot-web-quot-versus-quot-network-quot&#34;&gt;&amp;quot;Web&amp;quot; versus &amp;quot;Network&amp;quot;&lt;/h3&gt;
&lt;p&gt;I&#39;m not interested in a &amp;quot;network&amp;quot; in the sense either of a single company
overseeing many users &lt;em&gt;or&lt;/em&gt; a decentralized collection of nodes like the
Fediverse that is nevertheless tightly coupled technologically. I don&#39;t think
either of these forms are sustainable in a capitalist world. They are either fed
by boundless venture capital coffers which inevitably move to capitalize their
userbase, or they&#39;re built on the backs of massive amounts of unpaid labor and
poorly-understood power structures. The exploitative conditions under which
these networks are produced run downstream and affect their social dynamics.&lt;/p&gt;
&lt;p&gt;I&#39;m interested in a social form that uses as its foundation the web itself.
Where anyone can participate just by having a website. Where the existing
networks are, to some degree, part of that form &lt;em&gt;already&lt;/em&gt; simply by virtue of
being accessible over HTTPS.&lt;/p&gt;
&lt;h3 id=&#34;quot-sociable-quot-versus-quot-social-quot&#34;&gt;&amp;quot;Sociable&amp;quot; versus &amp;quot;Social&amp;quot;&lt;/h3&gt;
&lt;p&gt;&amp;quot;Social&amp;quot; is unopinionated. &amp;quot;Social&amp;quot; is throwing a bunch of people into a room
and seeing what happens. A party can be social, but so can a witch hunt.
&amp;quot;Social&amp;quot; is thinking about the technology as primary and allowing the social
dynamics to fall out from that. When things are built to be merely &amp;quot;social&amp;quot;,
they force the real humans who use them into chaotic interactions both healthy
and harmful, a freeze peach nightmare that only a libertarian could love.&lt;/p&gt;
&lt;p&gt;I want more than that. I want things to be &lt;em&gt;sociable&lt;/em&gt;, to be friendly, to be
fun. I don&#39;t mean to try to avoid conflict entirely, which is neither possible
nor truly desirable. But to envision a sociable web is to envision a place where
interactions that make your world richer are easy to realize, and those that
make your life worse easy to curtail. I want to be able to chat in public
without the world overhearing, to meet new people and be able to block creeps,
and to have conversations without being drowned in a sea of bad faith.&lt;/p&gt;
&lt;h2 id=&#34;social-pillars&#34;&gt;Social Pillars&lt;/h2&gt;
&lt;p&gt;The first step towards understanding what a sociable web could be is to
understand the social goals we&#39;re trying to achieve. Social media, for all its
doomed flaws, is a huge part of millions of people&#39;s lives for a reason, and
it&#39;s not &lt;em&gt;just&lt;/em&gt; because it exploitatively monopolizes its users&#39; attention. It
meets real needs people have for connection and communication in a space that&#39;s
decoupled&lt;sup class=&#34;footnote-ref&#34;&gt;&lt;a href=&#34;https://nex-3.com/blog/a-sociable-web/#fn1&#34; id=&#34;fnref1&#34;&gt;[1]&lt;/a&gt;&lt;/sup&gt; from physical proximity. If we can identify the healthy
interactions and cut them away from the rotten habitat that is (for now) their
only home, we can start building a web that is genuinely for us.&lt;/p&gt;
&lt;h3 id=&#34;conversation&#34;&gt;Conversation 💬&lt;/h3&gt;
&lt;p&gt;This is the core of what it means to socialize: saying things, having people
hear them, and listening to responses. If you&#39;re not saying anything, you&#39;re
just a lurker—not a bad thing to be, but also not a participant in a social
dynamic. If no one hears you, you&#39;re just writing a diary. And if no one
responds, then you might as well be. Conversation is the fundamental building
block of human interaction. Without conversation, you have nothing. Silence.
Void.&lt;/p&gt;
&lt;p&gt;Conversation, like the libertarian &amp;quot;social&amp;quot;, is unopinionated. It can be vapid
or it can be enlightening; it can be uplifting or it can be miserable. But this
flexibility is also an asset: when conversation can be both silly and serious,
comic and tragic, it gives people room to bring their whole selves (or whatever
slices or performances of themselves that they want) into the space. This is one
reason I make a point of &lt;a href=&#34;https://nex-3.com/blog/in-a-kosher-household-youll/&#34;&gt;posting jokes&lt;/a&gt; on this blog, even when they&#39;re
&lt;a href=&#34;https://nex-3.com/blog/monsterfuckers-when-the/&#34;&gt;incredibly dumb&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Conversations are also (at least in physical reality) local. Even when
conversing in a public space or a crowded party, most of the time you&#39;re just
talking with a small number of people. People may drop in and out, but there&#39;s
no expectation that everyone in the room will hear everything you say.&lt;/p&gt;
&lt;h4 id=&#34;and-technology&#34;&gt;...and Technology&lt;/h4&gt;
&lt;p&gt;I see conversation as one of the key failures of the old-school &amp;quot;blogosphere&amp;quot;.
You could post all you wanted, but the means of actually turning those posts
into a conversation was extremely limited. Comment sections met this need to a
degree, but without the ability to make a long-form response to a long-form post
&lt;em&gt;and have the original author actually see it&lt;/em&gt; a culture of back-and-forth never
blossomed.&lt;/p&gt;
&lt;p&gt;The classic blog form also felt, for better or for worse, like it had to be
long-form and serious—another failure of conversation. I think part of this was
just a problem of snowballing cultural precedent, part of it was a failure of
&lt;a href=&#34;https://nex-3.com/blog/a-sociable-web/#performance&#34;&gt;performance&lt;/a&gt; (which I&#39;ll get into below), and part of it was a vicious cycle
with the inability to reply in kind. Small posts are compelling to write because
they function as an invitation to casually interact with the author. Once that
interaction is curtailed, there&#39;s far less reason to write small posts; if you
write fewer small posts, you&#39;ll build up less of a network of people who will
interact casually.&lt;/p&gt;
&lt;p&gt;Tumblr, to its credit, did solve both of these problems. Its original stated
goal was to be a blogging platform that encouraged smaller posts, but it &lt;em&gt;also&lt;/em&gt;
supported reposts&lt;sup class=&#34;footnote-ref&#34;&gt;&lt;a href=&#34;https://nex-3.com/blog/a-sociable-web/#fn2&#34; id=&#34;fnref2&#34;&gt;[2]&lt;/a&gt;&lt;/sup&gt;—and in doing so, ended up metamorphosing from
its blog-oriented origins into an out-and-out social media site. I think this is
the critical distinction, in fact, between the era of blogs and the era of
social media. Blogs are built around a one-way flow of writing, where social
media is built around conversation. So how can we bring conversation back to
individual websites, which are tied to the blog form at least inasmuch as they
aren&#39;t part of a tightly-coupled network?&lt;/p&gt;
&lt;p&gt;It won&#39;t surprise those of you who read &lt;a href=&#34;https://nex-3.com/blog/reblogging-posts-with-h-entry/&#34;&gt;my post on h-entry&lt;/a&gt; that I think
reposting is a key part of the answer. Having a way to interact with people that
keeps the context of the conversation intact &lt;em&gt;and&lt;/em&gt; encourages other people to
participate is extremely valuable. But equally valuable is making sure that the
conversation is visible to the existing participants. If I can only see replies
from people I&#39;m already following, conversation is stifled. I think Webmentions
are the best solution for this that currently exists, and I&#39;m planning a more
thorough non-technical introduction to them for a future post.&lt;/p&gt;
&lt;h3 id=&#34;performance&#34;&gt;Performance 🎭&lt;/h3&gt;
&lt;p&gt;Although talking with people is the most important way of being sociable, I
think there&#39;s another modality that&#39;s subtler but still very relevant:
&lt;em&gt;performing&lt;/em&gt; for people. I mean &amp;quot;performance&amp;quot; in a very broad sense, covering
anything that&#39;s fundamentally about creating something for others to appreciate.
This can be a long, well-reasoned essay or a silly offhand joke; it can be
visual art, a poem, or &lt;a href=&#34;https://cohost.org/rc/tagged/css%20crimes&#34;&gt;a css crime&lt;/a&gt;. I call it &amp;quot;performance&amp;quot; because my heart
is in the theater, and because a critical aspect is not just the creation itself
but the two-way dynamic between the creator and the audience.&lt;/p&gt;
&lt;p&gt;To be able to see the joy or catharsis or edification your creation brings to
people in real time is tremendously heady. At its best, it allows the creator to
see their work through new eyes and appreciate it all the more. It can be
inspirational, motivational, and even open up whole new avenues of creation—for
example, I would have never started helping Zandra with &lt;a href=&#34;https://www.scribblehub.com/series/982373/her-majesty-the-prince/&#34;&gt;&lt;em&gt;Her Majesty the
Prince&lt;/em&gt;&lt;/a&gt; if she hadn&#39;t treated it as a performance she was writing live, chapter
by chapter.&lt;/p&gt;
&lt;p&gt;The potency of performance can be turned to harm, though. The desire for
applause can wrap itself around your heart until &lt;em&gt;everything&lt;/em&gt; starts to feel
like a performance. Performances can be a great joy and a source of profound
connection, and having room for them is crucial. But they cannot be the bread
and butter of social interaction. Any healthy social situation must have plenty
of room for simple conversations with no thought of an audience beyond the
participants.&lt;/p&gt;
&lt;h4 id=&#34;and-technology-1&#34;&gt;...and Technology&lt;/h4&gt;
&lt;p&gt;Performance is the handle by which social media grabs hold of your attention and
refuses ever to let go. Performance is the food it feeds you as you scroll your
infinite timeline, and the heart of the Skinner box it uses to keep you posting
forever. This is harmful. Cohost absolutely made the right call in dramatically
minimizing this effect by removing metrics such as like counts for posts and
follower counts for people.&lt;/p&gt;
&lt;p&gt;But like many vital nutrients, while an overwhelming focus on performance is
toxic, you need some to thrive. And this is something that individual web sites
struggle with&lt;sup class=&#34;footnote-ref&#34;&gt;&lt;a href=&#34;https://nex-3.com/blog/a-sociable-web/#fn3&#34; id=&#34;fnref3&#34;&gt;[3]&lt;/a&gt;&lt;/sup&gt;. You can implement anonymous &amp;quot;likes&amp;quot; like Medium&#39;s
claps or BearBlog&#39;s up arrow, but without names and faces this feels hollow and
impersonal. And attaching an identity while still making &amp;quot;liking&amp;quot; a post simple
and quick all but requires some sort of centralized account&lt;sup class=&#34;footnote-ref&#34;&gt;&lt;a href=&#34;https://nex-3.com/blog/a-sociable-web/#fn4&#34; id=&#34;fnref4&#34;&gt;[4]&lt;/a&gt;&lt;/sup&gt;.&lt;/p&gt;
&lt;p&gt;I think comments are a critical part of the solution here. Even a simple &amp;quot;hell
yeah&amp;quot; or &amp;quot;love this!&amp;quot; comment feels personal, and there are plenty of comment
systems that make posting without an account relatively painless. And &amp;quot;making a
comment&amp;quot; feels enough weightier than &amp;quot;liking a post&amp;quot; that a small signup flow
reads as less egregious, even if the end purpose is the same.&lt;/p&gt;
&lt;p&gt;Reposts are even more valuable as a form of &amp;quot;applause&amp;quot;. Not only do they bring a
post to a new audience, but they&#39;re the strongest possible endorsement. Nothing
makes me feel more like my writing is appreciated than seeing it show up in a
friend&#39;s link roundup, and I think the roundups people like &lt;a href=&#34;https://blog.dante.cool/link-roundup-8-ghouls-and-goblins-and-games/&#34;&gt;Dante&lt;/a&gt;, &lt;a href=&#34;https://shelraphen.com/community-roundup-week-of-2024-10-06-11/&#34;&gt;Shel&lt;/a&gt;,
&lt;a href=&#34;https://nickyflowers.com/blog/post_101424.html&#34;&gt;Nicky&lt;/a&gt;, &lt;a href=&#34;https://oakreef.ie/bog/what-im-reading-2&#34;&gt;Caoimhe&lt;/a&gt;, and many more have been doing are among the most valuable
contributions to building a sustainable culture for a sociable web.&lt;/p&gt;
&lt;p&gt;And I do think culture is the deciding factor for nourishing performance without
letting it become toxic. For sure, there are technological aspects as well:
Webmentions are crucial for allowing an author to actually &lt;em&gt;see&lt;/em&gt; reposts,
h-entry makes it far easier to create a repost &lt;em&gt;and&lt;/em&gt; adds a lot of expressive
power to Webmentions, and the generally slower pace of web-based posting limits
the potential for performance to become toxic. But none of that matters if we don&#39;t
establish a culture where we tell people when we appreciate their posts and
share them if we think our friends will appreciate them as well.&lt;/p&gt;
&lt;h3 id=&#34;meeting-people&#34;&gt;Meeting People 👋&lt;/h3&gt;
&lt;p&gt;Hanging out with your friends is lovely, but friends don&#39;t come from nowhere.
Everyone wonderful in your life (other than blood relatives) was once a stranger
to you, and there was a moment when you first met them. In order for a social
context to fully function, to be more than just a group chat, there must be a
way to build new relationships with people you don&#39;t already know—to have that
moment of meeting and to give it room to grow.&lt;/p&gt;
&lt;p&gt;There are two parts to this that are equally important. First, you have to have
a way to actually literally see new people in your daily social experiences. If
you&#39;re only ever interacting with the same group of friends, you&#39;ll never meet
anyone new. There needs to be some amount of circulation: being introduced to
friends-of-friends, going to a party, joining a hobby group for something you&#39;re
interested in. What are the analogues for these the digital world?&lt;/p&gt;
&lt;p&gt;But merely interacting with new people isn&#39;t enough. Building an actual
relationship with someone requires a capacity for balance. There must be a way
to break the &lt;a href=&#34;https://en.wikipedia.org/wiki/Parasocial_interaction&#34;&gt;parasocial&lt;/a&gt; asymmetry of merely &amp;quot;following&amp;quot; someone and to instead
put yourselves on equal terms. That&#39;s not to say that you have to do this with
everyone, or that it has to be explicit—it&#39;s rarely explicit in person. But if
there are structural barriers from moving from &amp;quot;acquaintance&amp;quot; or &amp;quot;fan&amp;quot; to
&amp;quot;friend&amp;quot;, then all you&#39;ll ever be or have is groupies.&lt;/p&gt;
&lt;h4 id=&#34;and-technology-2&#34;&gt;...and Technology&lt;/h4&gt;
&lt;p&gt;I have met the substantial majority of my friends, including many people I
consider &amp;quot;in-person friends&amp;quot;, either directly through social media or
transitively through other friends whom I met through social media. My life would
be immeasurably different if I&#39;d never created a Twitter account, and most of
that difference would be the connections I would have never established with
people who are now beloved friends. But despite all that, I don&#39;t think social
media is actually very successful at making it possible to meet people.&lt;/p&gt;
&lt;p&gt;There were &lt;em&gt;specific historical contexts&lt;/em&gt; in which it worked well, to be sure.
The little slice of queer Twitter I was part of in the mid-10s, after the most
vicious of the cancel wars but before the algorithmic timeline got really bad,
was one of those contexts. I&#39;m sure over the years and across the communities
there were many more. These were never perfect—I have come to strongly believe
that knowing for sure when someone unfollows you or doesn&#39;t follow back is
intrinsically corrosive to real friendship—but they did function.&lt;/p&gt;
&lt;p&gt;But those contexts were always contingent, small loopholes that were doomed to
close. The structure of social media, the arc upon which it bends, pulls towards
a world where parasocial relationships are everything, because parasocial
relationships are profitable&lt;sup class=&#34;footnote-ref&#34;&gt;&lt;a href=&#34;https://nex-3.com/blog/a-sociable-web/#fn5&#34; id=&#34;fnref5&#34;&gt;[5]&lt;/a&gt;&lt;/sup&gt;. The parasocial structure
already mirrors the distribution of content for profit, and so is far easier to
Midas-touch into the gold standard of the internet era: advertising. &lt;a href=&#34;https://cohost.org/nex3/post/6732896-there-are-two-wolves&#34;&gt;X dot com&lt;/a&gt;
is no longer the hot new kid on the block; it has far fewer users than TikTok,
Instagram, and YouTube, all of which are fundamentally about &lt;em&gt;sharing media&lt;/em&gt;
rather than communicating. The only outlier is Facebook, which itself has fan
pages and a deeply pernicious algorithm.&lt;/p&gt;
&lt;p&gt;This is one place where I think the classic blog structure fares a little better
in one key respect: it&#39;s very easy to have a balanced relationship with someone.
You &amp;quot;follow&amp;quot; someone via RSS or just checking their blog periodically, and this
leaves no trace other than the comments or other conversations you explicitly
choose to have. It &lt;em&gt;can&lt;/em&gt; be parasocial—or at least it could back in the day when
there existed very popular blogs with huge followings—but if a blogger
appreciates a particular set of comments or reposts they can easily follow the
creator&#39;s blog, post a few comments of their own, and gracefully unfollow if it
doesn&#39;t click.&lt;/p&gt;
&lt;p&gt;The crucial problem for blogs is the circulation. You need to be able to
actually &lt;em&gt;see&lt;/em&gt; other people in order to meet them. Friends&#39; reposts and link
roundups (which are functionally the same thing) can help you find new blogs to
follow, although there&#39;s currently not a great equivalent of &amp;quot;hobby
groups&amp;quot;&lt;sup class=&#34;footnote-ref&#34;&gt;&lt;a href=&#34;https://nex-3.com/blog/a-sociable-web/#fn6&#34; id=&#34;fnref6&#34;&gt;[6]&lt;/a&gt;&lt;/sup&gt;. Comments can help you actually connect with new people
you&#39;ve found, although this really only works if they connect back to the
commenter&#39;s own web presence, which many out-of-the-box comment solutions
frustratingly don&#39;t support. I&#39;m sure forbidding homepage links mitigates spam
to some degree, but I think it&#39;s actively detrimental to establishing new
connections, and I encourage everyone to search out comment apps that have a
place to fill in the commenter&#39;s website (as am I at the moment—there&#39;s a lot
not to like about CommentBox but this tops the list for me).&lt;/p&gt;
&lt;p&gt;Having people repost and respond to your posts is also an excellent way to get a
sense of them, because you&#39;re seeing them in their native habitat, as it were:
on their own blog, writing primarily for their audience. But this does require
actually being notified when those reposts happen, which requires the use of a
technology like Webmentions on both ends of the interaction.&lt;/p&gt;
&lt;h3 id=&#34;avoiding-people&#34;&gt;Avoiding People 🫤&lt;/h3&gt;
&lt;p&gt;The final pillar is I think the most difficult all around: in a healthy social
space it must be possible not just to have healthy interactions, but to avoid
unhealthy ones. This is, interestingly, something that&#39;s not even entirely
solved in person—I imagine that the delicate dance of navigating which of your
feuding friends to invite to which parties is a tale as old as the concept of a
party itself. But in person you can at least always walk away when someone you
can&#39;t stand walks up, and if someone is being belligerent enough you can toss
them out on their ear.&lt;/p&gt;
&lt;p&gt;A healthy social space has to be resilient to both small-scale interpersonal
conflict and large-scale bad actors to avoid collapsing under the weight of
humans being inevitably human. At the same time, it has to be acknowledged that
a perfect solution here isn&#39;t possible—someone with a big enough grudge and
enough VPNs can harass you through the most robust defense, and it&#39;ll never be
possible to just edit someone out of your life or community no matter how much
they piss you off.&lt;/p&gt;
&lt;h4 id=&#34;and-technology-3&#34;&gt;...and Technology&lt;/h4&gt;
&lt;p&gt;Just like in person, I don&#39;t know that any digital platform has come up with a
really robust solution here. The state of the art, I suppose, is mutes (&amp;quot;I can&#39;t
see you&amp;quot;) and blocks (&amp;quot;...and you can&#39;t see me either&amp;quot;) for smaller conflicts
and thoughtful human moderation along with suspensions, bans, and IP bans for
bigger problems. Unfortunately, all of that depends intrinsically on having a
centralized platform.&lt;/p&gt;
&lt;p&gt;Even the Fediverse, for all its Twitter mimicry, struggles with this issue.
Mutes work fine, blocks &lt;em&gt;mostly&lt;/em&gt; work but only on the assumption that other
instances play by the rules. Bans only sort of half work—in email terms, you can
ban someone from making an account on your server or emailing anyone on your
server, and you can ask politely that no one forward anything from your server
to them. All of these cross-server conventions are enforced by the extremely
coarse-grained threat of defederation, which &lt;em&gt;itself&lt;/em&gt; relies on intermediate
servers that are not defederated to play nicely. To a degree, it all comes down
to little fiefdoms screaming at each other.&lt;/p&gt;
&lt;p&gt;And that&#39;s still worlds more than you can do on an independent site. Most
comment services provide the means of blocking someone from commenting on your
blog, but unless it&#39;s self-hosted that&#39;s the limit. Anything more than that
(like making sure they can&#39;t cause problems for other people) is up to the
comment software&#39;s moderation staff, if they have any. If you run your own
server and know the IP of someone who&#39;s a problem, you can &lt;em&gt;probably&lt;/em&gt; IP-ban
them, but there&#39;s no other way to block them from looking at your site (and even
an IP ban is easy to circumvent). There is some intrinsic protection just by
virtue of how relatively low-bandwidth the communication channels on individual
websites are—it&#39;s a lot harder for someone to dogpile you when sending you a
message isn&#39;t just two taps away for all their followers—but that only goes so
far. I don&#39;t know if there&#39;s a great solution here, especially given that no
public presence will ever be truly safe from dedicated harassment.&lt;/p&gt;
&lt;p&gt;Smaller-scale avoidance is somewhat easier. RSS readers could in principle
filter out reposts from people you don&#39;t want to see—the only one I know for
sure has this feature is &lt;a href=&#34;https://www.inoreader.com&#34;&gt;Inoreader&lt;/a&gt; (and then only with a paid account), but
it&#39;s not hard to envision. If all my dreams come true and blogs do truly have a
wide resurgence, maybe this will become a valuable differentiating feature. And
again, the fact that blogs are much less of a firehose than social media means
that it&#39;s that much easier to periodically just wince and scroll past a repost
of someone you dislike.&lt;/p&gt;
&lt;h2 id=&#34;can-we-do-it&#34;&gt;Can we do it?&lt;/h2&gt;
&lt;p&gt;Is a sociable web even something that&#39;s possible to create? In 2024, it&#39;s easy
to despair at computers in general or the internet in particular being usable
for anything good at all, and yet here you are reading my words, hoping to make
some sort of connection with me or with my ideas. I believe in the power of
those connections. It may be true that no corner of the world is safe from the
corrosive power of capitalism, but so too is no corner of the world impervious
to human flourishing.&lt;/p&gt;
&lt;p&gt;I think we can do it. In fact, I think we will—but whether that starts now or
years from now depends on us. What precisely a sociable web will look like, I&#39;m
not sure. That&#39;s why here I&#39;ve chosen to focus on the social goals first and
make the technology secondary. But I &lt;em&gt;do&lt;/em&gt; believe that enough technology exists
today to at least take a stab at it, and I want you to join me in that.&lt;/p&gt;
&lt;p&gt;The deepest virtue of independent websites communicating with loosely-coupled
conventions and protocols isn&#39;t anything technical. It&#39;s the fact that you can
&lt;em&gt;just do it&lt;/em&gt;. You don&#39;t need a platform to exist, you don&#39;t even need anyone
else to be doing the same thing (although it&#39;s more fun that way). You can write
a blog and people can read it via RSS or just by loading it up every now and
then&lt;sup class=&#34;footnote-ref&#34;&gt;&lt;a href=&#34;https://nex-3.com/blog/a-sociable-web/#fn7&#34; id=&#34;fnref7&#34;&gt;[7]&lt;/a&gt;&lt;/sup&gt;. You can hook up as much IndieWeb technology as you
want&lt;sup class=&#34;footnote-ref&#34;&gt;&lt;a href=&#34;https://nex-3.com/blog/a-sociable-web/#fn8&#34; id=&#34;fnref8&#34;&gt;[8]&lt;/a&gt;&lt;/sup&gt;, or just focus on the cultural aspect by writing link roundups and
leaving comments on the stuff you read.&lt;/p&gt;
&lt;p&gt;The crucial part is that you participate, and help to shape the web you want to
exist in. Don&#39;t just let the dictates of some megaplatform constrain the way you
connect with people. You have the power to make the web a place for people.&lt;/p&gt;
&lt;hr class=&#34;footnotes-sep&#34;&gt;
&lt;section class=&#34;footnotes&#34;&gt;
&lt;ol class=&#34;footnotes-list&#34;&gt;
&lt;li id=&#34;fn1&#34; class=&#34;footnote-item&#34;&gt;&lt;p&gt;To a degree. Language barriers, time zones, networks of existing
friends, and barriers to technological access all put some pressure even on
the internet to make friends with people physically close to you. But at the
very least it expands &amp;quot;close&amp;quot; from &amp;quot;your city&amp;quot; to something more like &amp;quot;your
country&amp;quot; or even &amp;quot;your hemisphere&amp;quot;. &lt;a href=&#34;https://nex-3.com/blog/a-sociable-web/#fnref1&#34; class=&#34;footnote-backref&#34;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&#34;fn2&#34; class=&#34;footnote-item&#34;&gt;&lt;p&gt;To the best of my knowledge Tumblr introduced the concept of
&amp;quot;reposting&amp;quot;, although I haven&#39;t done any research to verify this so I&#39;m
putting that statement down here in an uncertain footnote rather than boldly
stating it in the main text. &lt;a href=&#34;https://nex-3.com/blog/a-sociable-web/#fnref2&#34; class=&#34;footnote-backref&#34;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&#34;fn3&#34; class=&#34;footnote-item&#34;&gt;&lt;p&gt;Adding analytics seems at first blush like a solution to this,
albeit one that&#39;s usually quite invasive. But I think it doesn&#39;t address the
core issue, because it only measures passive behavior, not active feedback.
It&#39;s the difference between reading ticket sale numbers in an office and
hearing the applause on stage. &lt;a href=&#34;https://nex-3.com/blog/a-sociable-web/#fnref3&#34; class=&#34;footnote-backref&#34;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&#34;fn4&#34; class=&#34;footnote-item&#34;&gt;&lt;p&gt;The Webmention protocol combined with h-entry can explicitly
express a &amp;quot;like&amp;quot;, but to like a post you must establish a long-lived link to
it on a site you control which is absolutely not simple. You could make a
generalized &amp;quot;Webmention like&amp;quot; app that&#39;s just designed to do this, and it
would be usable enough as a browser extension or dedicated button, but that&#39;s
basically just reinventing a centralized account. &lt;a href=&#34;https://nex-3.com/blog/a-sociable-web/#fnref4&#34; class=&#34;footnote-backref&#34;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&#34;fn5&#34; class=&#34;footnote-item&#34;&gt;&lt;p&gt;One might hope that the fediverse would avoid this
issue by not having a profit motive. It certainly is &lt;em&gt;better&lt;/em&gt;, to the degree
that it explicitly avoids an algorithmic timeline—although I would contend
that the global and local timelines pull in the opposite direction. But it (or
at least all its most popular instantiations) is so heavily influenced by the
structure of Twitter that it inherits its failures as well. And just so we&#39;re
clear: even classic Twitter was never good, it was just &lt;em&gt;not yet bad enough&lt;/em&gt;
to completely preclude pockets of valuable community from forming. &lt;a href=&#34;https://nex-3.com/blog/a-sociable-web/#fnref5&#34; class=&#34;footnote-backref&#34;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&#34;fn6&#34; class=&#34;footnote-item&#34;&gt;&lt;p&gt;Back in the day there was a concept of &amp;quot;feed aggregators&amp;quot;, often
focused on a particular topic, which would take a bunch of RSS feeds—sometimes
&lt;em&gt;just&lt;/em&gt; posts tagged with a particular topic—and combine them into one output
feed. I&#39;d love to see this become a thing again. &lt;span class=&#34;mention h-card&#34;&gt;&lt;a class=&#34;p-given-name         u-url u-uid&#34; href=&#34;https://www.blackle-mori.com/&#34;&gt;Blackle&lt;/a&gt;&lt;data class=&#34;p-name&#34; value=&#34;Blackle Mori&#34;&gt;&lt;/data&gt;&lt;data class=&#34;p-family-name&#34; value=&#34;Mori&#34;&gt;&lt;/data&gt;&lt;data class=&#34;u-photo&#34; value=&#34;https://lethargic.talkative.fish/fileserver/01M8H3ETEZ71CY4QX9DW4TB7JM/attachment/original/01HR0N5F2THMKKF4MXF3M2PBXW.png&#34;&gt;&lt;/data&gt;&lt;/span&gt;&#39;s
&lt;a href=&#34;https://suricrasia.online/sortition/&#34;&gt;Sortition Social&lt;/a&gt; is the only one I know of right now, although it&#39;s not at
all topic-specific. &lt;a href=&#34;https://nex-3.com/blog/a-sociable-web/#fnref6&#34; class=&#34;footnote-backref&#34;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&#34;fn7&#34; class=&#34;footnote-item&#34;&gt;&lt;p&gt;I learned recently that this is how my girlfriend has been
reading this blog and it blew my mind. I have since promised to give her a
personalized introduction to feed readers. &lt;a href=&#34;https://nex-3.com/blog/a-sociable-web/#fnref7&#34; class=&#34;footnote-backref&#34;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li id=&#34;fn8&#34; class=&#34;footnote-item&#34;&gt;&lt;p&gt;If anyone wants help with this by the way: open invitation. I would
love to get more people up and running with &lt;code&gt;h-entry&lt;/code&gt; and Webmentions. &lt;a href=&#34;https://nex-3.com/blog/a-sociable-web/#fnref8&#34; class=&#34;footnote-backref&#34;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;
</content>
    </entry>
  
    <entry>
      <title></title>
      <link href="https://nex-3.com/blog/how-do-i-reblog-from-you/" rel="alternate"/>
      <id>https://nex-3.com/blog/how-do-i-reblog-from-you/</id>
      <published>2024-10-18T22:29:11Z</published>
      <updated>2024-10-19T01:08:16Z</updated>
      <author><name>Natalie Weizenbaum</name>
          <uri>https://nex-3.com/</uri></author><category term="ask" label="ask"/><category term="web" label="web"/><category term="meta" label="meta"/><content type="html"> &lt;blockquote class=&#34;h-entry u-in-reply-to&#34; style=&#34; padding: 0.75rem; margin: 1rem 0.2rem 1.15rem; border-radius: 0.5rem; box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2); &#34;&gt; &lt;p&gt; &lt;strong class=&#34;p-author h-card&#34;&gt;&lt;a class=&#34;u-url&#34; href=&#34;https://obspogon.neocities.org/&#34;&gt;&lt;span class=&#34;p-name&#34;&gt;Obspogon&lt;/span&gt;&lt;/a&gt;&lt;/strong&gt; asked: &lt;/p&gt; &lt;div class=&#34;e-content&#34;&gt;&lt;h1 class=&#34;p-name&#34;&gt;&lt;a class=&#34;u-url&#34; href=&#34;https://obspogon.neocities.org/&#34;&gt;How do I reblog from you, webmention style?&lt;/a&gt;&lt;/h1&gt; &lt;p&gt;I want to test out webmentions since I added h-card markup to my blog thanks to your posts. How do I reblog a post from you? What HTML and classes do I use? I&#39;m using a static site generator.&lt;/p&gt;&lt;/div&gt; &lt;/blockquote&gt; 

&lt;p&gt;I&#39;ll make a more thorough post about this at some point, but the short answer is
that all you &lt;em&gt;really&lt;/em&gt; need to do is tell my Webmention receiver the URL to your
post and the URL to the post it&#39;s reblogging. You can do that manually by
pasting the link to your post in the little webmention form beneath each of
mine, or automatically by hooking up your blog&#39;s RSS feed to &lt;a href=&#34;https://webmention.app/docs#using-ifttt-to-trigger-checks&#34;&gt;webmention.app&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;The only bit of markup that can help here is adding either &lt;code&gt;class=&#34;u-repost-of&#34;&lt;/code&gt;
or &lt;code&gt;class=&#34;u-in-reply-to&#34;&lt;/code&gt;&lt;sup class=&#34;footnote-ref&#34;&gt;&lt;a href=&#34;https://nex-3.com/blog/how-do-i-reblog-from-you/#fn1&#34; id=&#34;fnref1&#34;&gt;[1]&lt;/a&gt;&lt;/sup&gt; on your post to indicate what it&#39;s reposting
or replying to. Use &lt;code&gt;u-repost-of&lt;/code&gt; if it&#39;s just a plain repost without any
additions, and &lt;code&gt;u-in-reply-to&lt;/code&gt; if you&#39;re adding any additional content. You can
put these on:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;A simple &lt;code&gt;&amp;lt;a&amp;gt;&lt;/code&gt; tag whose &lt;code&gt;href&lt;/code&gt; is my post.&lt;/li&gt;
&lt;li&gt;The root element of an &lt;a href=&#34;https://microformats.org/wiki/h-cite&#34;&gt;&lt;code&gt;h-cite&lt;/code&gt;&lt;/a&gt; that
provides more metadata about my post.&lt;/li&gt;
&lt;li&gt;The root element of an &lt;a href=&#34;https://microformats.org/wiki/h-card&#34;&gt;&lt;code&gt;h-entry&lt;/code&gt;&lt;/a&gt; fully
embeds my post in your blog. (This is technically non-standard but it&#39;s what I
do and it seems to work with everything I&#39;ve tested.)&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;I&#39;ve set up my site so that it hides Webmention likes and reposts, but displays
replies as comments below the post. See &lt;a href=&#34;https://nex-3.com/blog/i-should-write-a-novel/&#34;&gt;this post&lt;/a&gt; for an example of that in
action.&lt;/p&gt;
&lt;hr class=&#34;footnotes-sep&#34;&gt;
&lt;section class=&#34;footnotes&#34;&gt;
&lt;ol class=&#34;footnotes-list&#34;&gt;
&lt;li id=&#34;fn1&#34; class=&#34;footnote-item&#34;&gt;&lt;p&gt;Technically you can also do &lt;code&gt;class=&#34;u-like-of&#34;&lt;/code&gt; to indicate a like but
that&#39;s not something that makes a lot of sense in a static site context. &lt;a href=&#34;https://nex-3.com/blog/how-do-i-reblog-from-you/#fnref1&#34; class=&#34;footnote-backref&#34;&gt;↩︎&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;/section&gt;
</content>
    </entry>
  
    <entry>
      <title></title>
      <link href="https://nex-3.com/blog/have-you-played-with-webc/" rel="alternate"/>
      <id>https://nex-3.com/blog/have-you-played-with-webc/</id>
      <published>2024-10-10T06:09:15Z</published>
      <updated>2024-10-10T06:09:15Z</updated>
      <author><name>Natalie Weizenbaum</name>
          <uri>https://nex-3.com/</uri></author><category term="ask" label="ask"/><category term="web" label="web"/><content type="html"> &lt;blockquote class=&#34;h-entry u-in-reply-to&#34; style=&#34; padding: 0.75rem; margin: 1rem 0.2rem 1.15rem; border-radius: 0.5rem; box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2); &#34;&gt; &lt;p&gt; &lt;strong class=&#34;p-author h-card&#34;&gt;&lt;a class=&#34;u-url&#34; href=&#34;https://fools-pyrite.com/&#34;&gt;&lt;span class=&#34;p-name&#34;&gt;Ryan&lt;/span&gt;&lt;/a&gt;&lt;/strong&gt; asked: &lt;/p&gt; &lt;data class=&#34;u-url&#34; value=&#34;https://fools-pyrite.com/&#34;&gt;&lt;/data&gt; &lt;div class=&#34;e-content&#34;&gt;&lt;p&gt;Have you played with &lt;a href=&#34;https://www.11ty.dev/docs/languages/webc/&#34;&gt;WebC&lt;/a&gt;? Like a lot of 11ty stuff they&#39;re not super well documented, but they seem like a good way to do code reuse without having to send JS to the browser (unlike web components or HTMX or things like that). I recently ported my blog over and while there&#39;s some weirdness that I had to get over, they&#39;re a good experience overall.&lt;/p&gt;&lt;/div&gt; &lt;/blockquote&gt; 

&lt;p&gt;I haven&#39;t seen this, and it does look pretty cool. I appreciate a take on the
web component idea that&#39;s legitimately built around running on the server and
sending down normal HTML. That said, while I&#39;m &lt;em&gt;also&lt;/em&gt; not a huge fan of web
components as a dev pattern either. I tend to pass a bunch of parameters to my
components and that&#39;s intrinsically kind of messy with HTML.&lt;/p&gt;
&lt;p&gt;I&#39;m also rotating in my mind the possibility of pulling some of my embed logic
out into re-usable packages, and if I do that I&#39;d like to make them as
general-purpose as possible. The less I can lock them into the Eleventy
ecosystem, the happier I am, and this seems &lt;em&gt;very&lt;/em&gt; tightly bound to 11ty.&lt;/p&gt;
</content>
    </entry>
  
    <entry>
      <title></title>
      <link href="https://nex-3.com/blog/hiii-just-wanted-to-say/" rel="alternate"/>
      <id>https://nex-3.com/blog/hiii-just-wanted-to-say/</id>
      <published>2024-10-09T23:57:12Z</published>
      <updated>2024-10-09T23:57:12Z</updated>
      <author><name>Natalie Weizenbaum</name>
          <uri>https://nex-3.com/</uri></author><category term="ask" label="ask"/><category term="web" label="web"/><content type="html"> &lt;blockquote class=&#34;h-entry u-in-reply-to&#34; style=&#34; padding: 0.75rem; margin: 1rem 0.2rem 1.15rem; border-radius: 0.5rem; box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2); &#34;&gt; &lt;p&gt; &lt;strong class=&#34;p-author h-card&#34;&gt;&lt;a class=&#34;u-url&#34; href=&#34;https://tilde.town/~slimelia/&#34;&gt;&lt;span class=&#34;p-name&#34;&gt;alice slimelia&lt;/span&gt;&lt;/a&gt;&lt;/strong&gt; asked: &lt;/p&gt; &lt;data class=&#34;u-url&#34; value=&#34;https://tilde.town/~slimelia/&#34;&gt;&lt;/data&gt; &lt;div class=&#34;e-content&#34;&gt;&lt;p&gt;HIII just wanted to say thank you for bringing h-entry to my attention! I&#39;ve added it to my own static blog generator and, by extension, &lt;a href=&#34;https://tilde.town/~slimelia/pages/h-entry%20support.html&#34;&gt;my blog&lt;/a&gt;! there&#39;s so many things out there in the world you just never know about and would never stumble upon without someone going &#34;hey look at this cool thing&#34;&lt;/p&gt;&lt;/div&gt; &lt;/blockquote&gt; 

&lt;p&gt;hell yeah glad to see more people doing it! consider also annotating your
&lt;code&gt;p-author&lt;/code&gt; with an &lt;a href=&#34;https://microformats.org/wiki/h-card&#34;&gt;&lt;code&gt;h-card&lt;/code&gt;&lt;/a&gt; so you can
provide an avatar—I had to pull this one manually from your tumblr&lt;/p&gt;
</content>
    </entry>
  
    <entry>
      <title></title>
      <link href="https://nex-3.com/blog/lets-see-how-it-works/" rel="alternate"/>
      <id>https://nex-3.com/blog/lets-see-how-it-works/</id>
      <published>2024-10-09T22:14:57Z</published>
      <updated>2024-10-09T22:14:57Z</updated>
      <author><name>Natalie Weizenbaum</name>
          <uri>https://nex-3.com/</uri></author><category term="rss" label="rss"/><category term="web" label="web"/><content type="html"> &lt;blockquote class=&#34;h-entry u-in-reply-to&#34; style=&#34; padding: 0.75rem; margin: 1rem 0.2rem 1.15rem; border-radius: 0.5rem; box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2); &#34;&gt; &lt;p&gt; &lt;strong class=&#34;p-author h-card&#34;&gt;&lt;a class=&#34;u-url&#34; href=&#34;https://postnow.site/&#34;&gt;&lt;span class=&#34;p-name&#34;&gt;bcj&lt;/span&gt;&lt;/a&gt;&lt;/strong&gt; wrote: &lt;/p&gt; &lt;div class=&#34;e-content&#34;&gt;&lt;h1 class=&#34;p-name&#34;&gt;&lt;a class=&#34;u-url&#34; href=&#34;https://postnow.site/&#34;&gt;An Annoying thing about feed readers&lt;/a&gt;&lt;/h1&gt; &lt;p&gt; I&#39;ve put some effort into making my site look as close to not bad as I know and to make things from friends I reply to look distinct and then feedbin just presents it as largely-unstyled text. Hmm, I guess technically my own feed is probably missing most of that styling now that I think about it &lt;/p&gt; &lt;p&gt; My friends have spent time making their pages look actually good and then unless I click through I don&#39;t get to see that. &lt;/p&gt; &lt;p&gt;I guess I could consider a deeper look at alternative feed readers&lt;/p&gt;&lt;/div&gt; &lt;/blockquote&gt; 

&lt;p&gt;yeah I add inline styles and everything to make my embeds look nice in the
pared-down feed reader rendering, and my reader just strips everything. not even
a token effort to allowlist safe styles. it &lt;em&gt;will&lt;/em&gt; load iframes though! insane&lt;/p&gt;
</content>
    </entry>
  
    <entry>
      <title></title>
      <link href="https://nex-3.com/blog/bitchin/" rel="alternate"/>
      <id>https://nex-3.com/blog/bitchin/</id>
      <published>2024-10-04T23:20:06Z</published>
      <updated>2024-10-05T00:14:02Z</updated>
      <author><name>Natalie Weizenbaum</name>
          <uri>https://nex-3.com/</uri></author><category term="web" label="web"/><content type="html"> &lt;blockquote class=&#34;h-entry u-in-reply-to&#34; style=&#34; padding: 0.75rem; margin: 1rem 0.2rem 1.15rem; border-radius: 0.5rem; box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2); &#34;&gt; &lt;p&gt; &lt;strong class=&#34;p-author h-card&#34;&gt;&lt;data class=&#34;u-photo&#34; value=&#34;https://nex-3.com/assets/avatar.webp&#34;&gt;&lt;/data&gt;&lt;a class=&#34;u-url&#34; href=&#34;https://nex-3.com/&#34;&gt;&lt;span class=&#34;p-name&#34;&gt;Natalie&lt;/span&gt;&lt;/a&gt;&lt;/strong&gt; wrote: &lt;/p&gt; &lt;data class=&#34;u-url&#34; value=&#34;https://nex-3.com/blog/my-least-favorite-thing/&#34;&gt;&lt;/data&gt; &lt;div class=&#34;e-content&#34;&gt;&lt;p&gt; my least favorite thing about all my friends&#39; BearBlogs is the total lack of avatars. if I don&#39;t have a fursona or selfie or silly little guy next to a post who I can imagine reading it to me, what&#39;s even the point &lt;/p&gt;&lt;/div&gt; &lt;/blockquote&gt; 

 &lt;blockquote class=&#34;h-entry u-in-reply-to&#34; style=&#34; padding: 0.75rem; margin: 1rem 0.2rem 1.15rem; border-radius: 0.5rem; box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2); &#34;&gt; &lt;p&gt; &lt;strong class=&#34;p-author h-card&#34;&gt;&lt;data class=&#34;u-photo&#34; value=&#34;https://media.social.lol/accounts/avatars/112/893/963/474/250/733/original/1a49d42b0e71df26.jpg&#34;&gt;&lt;/data&gt;&lt;a class=&#34;u-url&#34; href=&#34;https://social.lol/@birming&#34;&gt;&lt;span class=&#34;p-name&#34;&gt;Robert Birming&lt;/span&gt;&lt;/a&gt;&lt;/strong&gt; wrote: &lt;/p&gt; &lt;data class=&#34;u-url&#34; value=&#34;https://social.lol/@birming/113249770971765687&#34;&gt;&lt;/data&gt; &lt;div class=&#34;e-content&#34;&gt;&lt;p&gt;&lt;span class=&#34;h-card&#34; translate=&#34;no&#34;&gt;&lt;a href=&#34;https://social.lol/@c_rakestraw@teal.social&#34; class=&#34;u-url&#34; title=&#34;@c_rakestraw@teal.social&#34;&gt;@&lt;span&gt;c_rakestraw&lt;/span&gt;&lt;/a&gt;&lt;/span&gt; &lt;span class=&#34;h-card&#34; translate=&#34;no&#34;&gt;&lt;a href=&#34;https://social.lol/@nex3@mastodon.social&#34; class=&#34;u-url&#34; title=&#34;@nex3@mastodon.social&#34;&gt;@&lt;span&gt;nex3&lt;/span&gt;&lt;/a&gt;&lt;/span&gt; Saw your posts about avatars and Bear blog. Just wanted to let you know that you can with the Bearming theme I’ve created. See live example and code here: &lt;a href=&#34;https://birming.com/bearming/&#34; target=&#34;_blank&#34; rel=&#34;nofollow noopener noreferrer&#34; translate=&#34;no&#34; title=&#34;https://birming.com/bearming/&#34;&gt;birming.com/bearming/&lt;/a&gt;&lt;/p&gt;&lt;/div&gt; &lt;/blockquote&gt; 

&lt;p&gt;bitchin&#39;&lt;/p&gt;
</content>
    </entry>
  
    <entry>
      <title></title>
      <link href="https://nex-3.com/blog/my-least-favorite-thing/" rel="alternate"/>
      <id>https://nex-3.com/blog/my-least-favorite-thing/</id>
      <published>2024-10-04T05:25:12Z</published>
      <updated>2024-10-04T05:25:12Z</updated>
      <author><name>Natalie Weizenbaum</name>
          <uri>https://nex-3.com/</uri></author><category term="web" label="web"/><content type="html">&lt;p&gt;my least favorite thing about all my friends&#39; BearBlogs is the total lack of
avatars. if I don&#39;t have a fursona or selfie or silly little guy next to a post
who I can imagine reading it to me, what&#39;s even the point&lt;/p&gt;
</content>
    </entry>
  
    <entry>
      <title></title>
      <link href="https://nex-3.com/blog/i-look-at-my-feed-reader-and/" rel="alternate"/>
      <id>https://nex-3.com/blog/i-look-at-my-feed-reader-and/</id>
      <published>2024-10-02T22:41:49Z</published>
      <updated>2024-10-02T22:41:49Z</updated>
      <author><name>Natalie Weizenbaum</name>
          <uri>https://nex-3.com/</uri></author><category term="web" label="web"/><content type="html"> &lt;blockquote class=&#34;h-entry u-in-reply-to&#34; style=&#34; padding: 0.75rem; margin: 1rem 0.2rem 1.15rem; border-radius: 0.5rem; box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2); &#34;&gt; &lt;p&gt; &lt;strong class=&#34;p-author h-card&#34;&gt;&lt;span class=&#34;p-name&#34;&gt;li (occuring)&lt;/span&gt;&lt;/strong&gt; wrote: &lt;/p&gt; &lt;data class=&#34;u-url&#34; value=&#34;https://entangled.one/post/1727799262-i-look-at-my/&#34;&gt;&lt;/data&gt; &lt;div class=&#34;e-content&#34;&gt;&lt;p&gt; however. please 😮‍💨 at me if i am only ever posting about computer or website. to lightly paraphrase something a friend pointed out… the real tragedy of october 1 is that a lot more of the people who i will be seeing online in this way will be… computer touchers. programmers. (although now that i say this: it would be interesting to do a little audit of my actual blogroll. because i can think of Several who are &lt;em&gt;not&lt;/em&gt; this.) &lt;/p&gt;&lt;p&gt;&lt;a href=&#34;https://entangled.one/post/1727799262-i-look-at-my/&#34; class=&#34;read-more&#34; title=&#34;Read More&#34;&gt;…&lt;/a&gt;&lt;/p&gt;&lt;/div&gt; &lt;/blockquote&gt; 

&lt;p&gt;I&#39;m really happy to see a bunch of the less-technical people I followed on
Cohost setting up blogs with &lt;a href=&#34;https://bearblog.dev/&#34;&gt;Bear&lt;/a&gt; or
&lt;a href=&#34;https://ghost.org/&#34;&gt;Ghost&lt;/a&gt; or &lt;a href=&#34;https://wordpress.org/&#34;&gt;WordPress&lt;/a&gt;. It&#39;s been
fun for me to set this site up as a playground for what could be possible as far
as bringing the aspects of social media I value to the web, but truly one of the
biggest virtues of social media sites is making it so so easy to get set up and
start posting. At the same time, it&#39;s also one of its biggest downfalls, because
it&#39;s the same thing that makes it so easy to get sucked into the quicksand of
corporate lock-in.&lt;/p&gt;
</content>
    </entry>
  
</feed>

