Greg McVerry quickthoughts.jgregorymcverry.com/profile/jgmac1106

{
    "type": "entry",
    "published": "2019-06-30T01:50:08+0000",
    "url": "https://quickthoughts.jgregorymcverry.com/2019/06/30/at-dat-night-pdx",
    "category": [
        "pdx"
    ],
    "syndication": [
        "https://twitter.com/jgmac1106/status/1145147482336301056",
        "https://mastodon.social/@jgmac1106/102358018363006450"
    ],
    "content": {
        "text": "At dat night #pdx",
        "html": "At dat night <a href=\"https://quickthoughts.jgregorymcverry.com/tag/pdx\" class=\"p-category\">#pdx</a>"
    },
    "author": {
        "type": "card",
        "name": "Greg McVerry",
        "url": "https://quickthoughts.jgregorymcverry.com/profile/jgmac1106",
        "photo": "https://aperture-proxy.p3k.io/caeb995d615fbe49086b65db17f0eae5d43ef188/68747470733a2f2f717569636b74686f75676874732e6a677265676f72796d6376657272792e636f6d2f66696c652f32643663396366656437616338653834396634393262356263376536613633302f7468756d622e6a7067"
    },
    "post-type": "note",
    "_id": "4237726",
    "_source": "1300"
}

fluffy twitter.com/fluffy

{
    "type": "entry",
    "published": "2019-06-30T01:40:11+00:00",
    "url": "https://twitter.com/fluffy/status/1145144971588018177",
    "content": {
        "text": "\u201cI\u2019m sorry ma\u2019am, I know you\u2019re walking, but could we wash your windows? Like if you have a car or something?\u201d #Portland",
        "html": "\u201cI\u2019m sorry ma\u2019am, I know you\u2019re walking, but could we wash your windows? Like if you have a car or something?\u201d <a href=\"https://twitter.com/search?q=%23Portland\">#Portland</a>"
    },
    "author": {
        "type": "card",
        "name": "fluffy",
        "url": "https://twitter.com/fluffy",
        "photo": "https://aperture-proxy.p3k.io/6776e53f9c2bb77f83c692f04b54d5d295ab745c/68747470733a2f2f7062732e7477696d672e636f6d2f70726f66696c655f696d616765732f313131333235383031363135313730373634382f767a7065584346742e706e67"
    },
    "post-type": "note",
    "_id": "4237656",
    "_source": "2773"
}

Andi Galpern 🇺🇸🎵 twitter.com/andigalpern

{
    "type": "entry",
    "published": "2019-06-30T01:36:36+00:00",
    "url": "https://twitter.com/andigalpern/status/1145144068386762752",
    "content": {
        "text": "I chose quite the time to be in Portland.  Tonight, 10,000 people will ride their bikes naked for the World Naked Bike Ride.  Their slogan is \u201cAs bare as you dare\u201d.  pdxwnbr.org",
        "html": "I chose quite the time to be in Portland.  Tonight, 10,000 people will ride their bikes naked for the World Naked Bike Ride.  Their slogan is \u201cAs bare as you dare\u201d.  <a href=\"https://pdxwnbr.org/\">pdxwnbr.org</a>"
    },
    "author": {
        "type": "card",
        "name": "Andi Galpern \ud83c\uddfa\ud83c\uddf8\ud83c\udfb5",
        "url": "https://twitter.com/andigalpern",
        "photo": "https://aperture-proxy.p3k.io/be29984b3f30d944504863cb59d08ae15b69e536/68747470733a2f2f7062732e7477696d672e636f6d2f70726f66696c655f696d616765732f313035333034373137363531373937363036342f4872396e637643392e6a7067"
    },
    "post-type": "note",
    "_id": "4237657",
    "_source": "2773"
}

fluffy twitter.com/fluffy

{
    "type": "entry",
    "published": "2019-06-30T01:31:49+00:00",
    "url": "https://twitter.com/fluffy/status/1145142865510772737",
    "content": {
        "text": "New post: Plaidophile: IndieWeb Summit 2019, day 1 beesbuzz.biz/blog/3785-Indi\u2026",
        "html": "New post: Plaidophile: IndieWeb Summit 2019, day 1 <a href=\"https://beesbuzz.biz/blog/3785-IndieWeb-Summit-2019-day-1\">beesbuzz.biz/blog/3785-Indi\u2026</a>"
    },
    "author": {
        "type": "card",
        "name": "fluffy",
        "url": "https://twitter.com/fluffy",
        "photo": "https://aperture-proxy.p3k.io/6776e53f9c2bb77f83c692f04b54d5d295ab745c/68747470733a2f2f7062732e7477696d672e636f6d2f70726f66696c655f696d616765732f313131333235383031363135313730373634382f767a7065584346742e706e67"
    },
    "post-type": "note",
    "_id": "4237535",
    "_source": "2773"
}

fluffy beesbuzz.biz

IndieWeb Summit 2019, day 1

{
    "type": "entry",
    "published": "2019-06-29T18:01:02-07:00",
    "summary": "First day of #IndieWeb Summit, scattered notes that I take as they come. Hopefully I don\u2019t end up misrepresenting things too badly.",
    "url": "https://beesbuzz.biz/blog/3785-IndieWeb-Summit-2019-day-1",
    "name": "IndieWeb Summit 2019, day 1",
    "author": {
        "type": "card",
        "name": "fluffy",
        "url": "https://beesbuzz.biz/",
        "photo": "https://aperture-proxy.p3k.io/67f0e159262fa91b1915cde9588795b89a61ec8f/68747470733a2f2f6265657362757a7a2e62697a2f7374617469632f6865616473686f742e6a7067"
    },
    "post-type": "article",
    "_id": "4237284",
    "_source": "2778"
}

https://jgregorymcverry.com twitter.com/jgmac1106

{
    "type": "entry",
    "published": "2019-06-30T00:31:10+00:00",
    "url": "https://twitter.com/jgmac1106/status/1145127604003004416",
    "category": [
        "https://twitter.com/mjordancodes",
        "https://twitter.com/MozDevNet",
        "https://twitter.com/rachelandrew"
    ],
    "content": {
        "text": "So lucky to get a 1:1 session at #IndieWeb Summit with @mjordancodes to learn how CSS Sub grid works. h/t to @mozdevnet and @rachelandrew for the great tutorials. #MakeAllTheCardsPretty #SymmetricalDesignGivesMeBalance (quickthoughts.jgregorymcverry.com/s/1IOaiE)",
        "html": "So lucky to get a 1:1 session at <a href=\"https://twitter.com/search?q=%23IndieWeb\">#IndieWeb</a> Summit with <a href=\"https://twitter.com/mjordancodes\">@mjordancodes</a> to learn how CSS Sub grid works. h/t to <a href=\"https://twitter.com/MozDevNet\">@mozdevnet</a> and <a href=\"https://twitter.com/rachelandrew\">@rachelandrew</a> for the great tutorials. <a href=\"https://twitter.com/search?q=%23MakeAllTheCardsPretty\">#MakeAllTheCardsPretty</a> <a href=\"https://twitter.com/search?q=%23SymmetricalDesignGivesMeBalance\">#SymmetricalDesignGivesMeBalance</a> (<a href=\"https://quickthoughts.jgregorymcverry.com/s/1IOaiE\">quickthoughts.jgregorymcverry.com/s/1IOaiE</a>)"
    },
    "author": {
        "type": "card",
        "name": "https://jgregorymcverry.com",
        "url": "https://twitter.com/jgmac1106",
        "photo": "https://aperture-proxy.p3k.io/5163db442c9bc69839ca550f18eb71e1b0ca8162/68747470733a2f2f7062732e7477696d672e636f6d2f70726f66696c655f696d616765732f3536353232373731303130343838333230302f67344d4463546e782e6a706567"
    },
    "post-type": "note",
    "refs": {
        "https://twitter.com/mjordancodes": {
            "type": "card",
            "name": "mJordan",
            "url": "https://twitter.com/mjordancodes",
            "photo": null
        },
        "https://twitter.com/MozDevNet": {
            "type": "card",
            "name": "MDN Web Docs",
            "url": "https://twitter.com/MozDevNet",
            "photo": null
        },
        "https://twitter.com/rachelandrew": {
            "type": "card",
            "name": "Rachel Andrew",
            "url": "https://twitter.com/rachelandrew",
            "photo": null
        }
    },
    "_id": "4236949",
    "_source": "2773"
}

Greg McVerry quickthoughts.jgregorymcverry.com/profile/jgmac1106

{
    "type": "entry",
    "published": "2019-06-30T00:31:09+0000",
    "url": "https://quickthoughts.jgregorymcverry.com/2019/06/30/so-lucky-to-get-a-11-session",
    "category": [
        "IndieWeb",
        "MakeAllTheCardsPretty",
        "SymmetricalDesignGivesMeBalance"
    ],
    "syndication": [
        "https://twitter.com/jgmac1106/status/1145127604003004416"
    ],
    "content": {
        "text": "So lucky to get a 1:1 session at #IndieWeb Summit with @mjordancodes to learn how CSS Sub grid works. h/t to @mozdevnet and @rachelandrew for the great tutorials. #MakeAllTheCardsPretty #SymmetricalDesignGivesMeBalance",
        "html": "So lucky to get a 1:1 session at <a href=\"https://quickthoughts.jgregorymcverry.com/tag/IndieWeb\" class=\"p-category\">#IndieWeb</a> Summit with @mjordancodes to learn how CSS Sub grid works. h/t to @mozdevnet and @rachelandrew for the great tutorials. <a href=\"https://quickthoughts.jgregorymcverry.com/tag/MakeAllTheCardsPretty\" class=\"p-category\">#MakeAllTheCardsPretty</a> <a href=\"https://quickthoughts.jgregorymcverry.com/tag/SymmetricalDesignGivesMeBalance\" class=\"p-category\">#SymmetricalDesignGivesMeBalance</a>"
    },
    "author": {
        "type": "card",
        "name": "Greg McVerry",
        "url": "https://quickthoughts.jgregorymcverry.com/profile/jgmac1106",
        "photo": "https://aperture-proxy.p3k.io/caeb995d615fbe49086b65db17f0eae5d43ef188/68747470733a2f2f717569636b74686f75676874732e6a677265676f72796d6376657272792e636f6d2f66696c652f32643663396366656437616338653834396634393262356263376536613633302f7468756d622e6a7067"
    },
    "post-type": "note",
    "_id": "4236947",
    "_source": "1300"
}

jackyalcine 🇭🇹 ➡️ PDX twitter.com/jackyalcine

{
    "type": "entry",
    "published": "2019-06-30T00:02:21+00:00",
    "url": "https://twitter.com/jackyalcine/status/1145120350654685184",
    "content": {
        "text": "Lots of great discussions on how we do things around digital media (comics!) and giving people permission to access subscriber-only content (I see you Patreon!) today. Going to see if I can wrap up all of the notes I\u2019ve grabbed today and write something\u2026 v2.jacky.wtf/post/b63232d4-\u2026",
        "html": "Lots of great discussions on how we do things around digital media (comics!) and giving people permission to access subscriber-only content (I see you Patreon!) today. Going to see if I can wrap up all of the notes I\u2019ve grabbed today and write something\u2026 <a href=\"https://v2.jacky.wtf/post/b63232d4-637d-413d-9387-cdaff123cf54\">v2.jacky.wtf/post/b63232d4-\u2026</a>"
    },
    "author": {
        "type": "card",
        "name": "jackyalcine \ud83c\udded\ud83c\uddf9 \u27a1\ufe0f PDX",
        "url": "https://twitter.com/jackyalcine",
        "photo": "https://aperture-proxy.p3k.io/285abb261b2d6537bd09fc38bd2c20091ae02214/68747470733a2f2f7062732e7477696d672e636f6d2f70726f66696c655f696d616765732f313133393637353630373731353831353432342f616a3852726879372e6a7067"
    },
    "post-type": "note",
    "_id": "4236753",
    "_source": "2773"
}

Jacky Alciné v2.jacky.wtf

{
    "type": "entry",
    "published": "2019-06-29T17:02:00.00000-07:00",
    "url": "https://v2.jacky.wtf/post/b63232d4-637d-413d-9387-cdaff123cf54",
    "content": {
        "text": "Lots of great discussions on how we do things around digital media (comics!) and giving people permission to access subscriber-only content (I see you Patreon!) today. Going to see if I can wrap up all of the notes I\u2019ve grabbed today and write something up.",
        "html": "<p>Lots of great discussions on how we do things around digital media (comics!) and giving people permission to access subscriber-only content (I see you Patreon!) today. Going to see if I can wrap up all of the notes I\u2019ve grabbed today and write something up.</p>"
    },
    "author": {
        "type": "card",
        "name": "Jacky Alcin\u00e9",
        "url": "https://v2.jacky.wtf",
        "photo": "https://aperture-proxy.p3k.io/9f6c6c125a7640abc3c67f876753b4bf233d06d6/68747470733a2f2f76322e6a61636b792e7774662f6d656469612f70726f66696c652d696d616765"
    },
    "post-type": "note",
    "_id": "4236738",
    "_source": "1886"
}

gRegor Morrill gregorlove.com

{
    "type": "entry",
    "published": "2019-06-29 16:20-0700",
    "url": "https://gregorlove.com/2019/06/trying-to-malcolms-indieweb-planet/",
    "follow-of": "https://unicyclic.com/indieweb/index",
    "content": {
        "text": "Trying to follow Malcolm's IndieWeb Planet.",
        "html": "<p>Trying to follow <a class=\"u-follow-of\" href=\"https://unicyclic.com/indieweb/index\">Malcolm's IndieWeb Planet</a>.</p>"
    },
    "author": {
        "type": "card",
        "name": "gRegor Morrill",
        "url": "https://gregorlove.com/",
        "photo": "https://aperture-proxy.p3k.io/929c8777d059069a2a16a064d96f4c29b65548f8/68747470733a2f2f677265676f726c6f76652e636f6d2f736974652f6173736574732f66696c65732f333437332f70726f66696c652d323031362d6d65642e6a7067"
    },
    "post-type": "follow",
    "_id": "4236632",
    "_source": "95"
}

flaki twitter.com/slsoftworks

{
    "type": "entry",
    "published": "2019-06-29T23:13:41+00:00",
    "url": "https://twitter.com/slsoftworks/status/1145108104868007937",
    "photo": [
        "https://aperture-proxy.p3k.io/e252047b6f81484f42cc65265fd82f046193dc00/68747470733a2f2f7062732e7477696d672e636f6d2f6d656469612f442d5139766b785641414542566e4e2e6a7067"
    ],
    "content": {
        "text": "OH\n\n MY\n\nGOD\n  \ud83d\ude3b\n\n#indiewebsummit",
        "html": "OH\n\n MY\n\nGOD\n  \ud83d\ude3b\n\n<a href=\"https://twitter.com/search?q=%23indiewebsummit\">#indiewebsummit</a>"
    },
    "author": {
        "type": "card",
        "name": "flaki",
        "url": "https://twitter.com/slsoftworks",
        "photo": "https://aperture-proxy.p3k.io/6285144b4ec9009aa695015b76d5cdc404cd8fb6/68747470733a2f2f7062732e7477696d672e636f6d2f70726f66696c655f696d616765732f3734393637383638333531343839363338352f37677849526e6f432e6a7067"
    },
    "post-type": "photo",
    "refs": {
        "https://aperture-proxy.p3k.io/e252047b6f81484f42cc65265fd82f046193dc00/68747470733a2f2f7062732e7477696d672e636f6d2f6d656469612f442d5139766b785641414542566e4e2e6a7067": {
            "type": "image",
            "ratio": 1,
            "bytes": 319957
        }
    },
    "_id": "4236277",
    "_source": "2773"
}

Picture for Saturday, June 29, 2019 at 9:43 AM

{
    "type": "entry",
    "author": {
        "name": "Jared White",
        "url": "https://jaredwhite.com/",
        "photo": null
    },
    "url": "https://jaredwhite.com/pictures/20190629/1",
    "published": "2019-06-29T09:43:27-07:00",
    "content": {
        "html": "<img alt=\"\" src=\"https://aperture-proxy.p3k.io/9334114387a7ee4513534cffc08b980b43749721/68747470733a2f2f7265732e636c6f7564696e6172792e636f6d2f6d617269706f7374612f696d6167652f75706c6f61642f775f313230302c635f6c696d69742c715f36352f30434144334246302d413146342d343333352d393132312d4435384435463031354644355f6b69393037612e6a7067\" /><p>Here I am looking like a bozo, excited about the IndieWeb Summit in <a href=\"https://jaredwhite.com/tag/portland\">#portland</a> 2019! <a href=\"https://jaredwhite.com/tag/openweb\">#openweb</a></p>",
        "text": "Here I am looking like a bozo, excited about the IndieWeb Summit in #portland 2019! #openweb"
    },
    "name": "Picture for Saturday, June 29, 2019 at 9:43 AM",
    "post-type": "article",
    "_id": "4235860",
    "_source": "2783"
}

Marty McGuire martymcgui.re

{
    "type": "entry",
    "published": "2019-06-29T12:44:41-0700",
    "summary": "\ud83d\udccd Checked in at Mozilla Portland, Portland, OR.",
    "url": "https://martymcgui.re/2019/06/29/154441/",
    "photo": [
        "https://martymcgui.re/maps/?center=45.523126638685,-122.68230233947&zoom=17&size=691x250&maptype=mapnik&markers=45.523126638685,-122.68230233947,purple-pushpin"
    ],
    "syndication": [
        "https://www.swarmapp.com/user/62057/checkin/5d17bfa9342adf002b7fd4e7"
    ],
    "author": {
        "type": "card",
        "name": "Marty McGuire",
        "url": "https://martymcgui.re/",
        "photo": "https://aperture-proxy.p3k.io/8275f85e3a389bd0ae69f209683436fc53d8bad9/68747470733a2f2f6d617274796d636775692e72652f696d616765732f6c6f676f2e6a7067"
    },
    "checkin": {
        "type": "card",
        "name": "Mozilla Portland",
        "locality": "Portland",
        "region": "OR",
        "url": "https://foursquare.com/v/518ac472498eb6a77c9983a9"
    },
    "post-type": "checkin",
    "refs": {
        "https://martymcgui.re/maps/?center=45.523126638685,-122.68230233947&zoom=17&size=691x250&maptype=mapnik&markers=45.523126638685,-122.68230233947,purple-pushpin": {
            "type": "image",
            "ratio": 2.76,
            "bytes": 125132
        }
    },
    "_id": "4235592",
    "_source": "175"
}

Johannes Ernst twitter.com/Johannes_Ernst

Austin Johnsen https://twitter.com/AustinJ

TIL that if you go North of the Arctic Circle in the summer and bring a MacBook with Night Shift set to be triggered by sunrise/sunset, the process will go into an infini...

Show original

{
    "type": "entry",
    "published": "2019-06-29T21:19:30+00:00",
    "url": "https://twitter.com/Johannes_Ernst/status/1145079366923120640",
    "quotation-of": "https://twitter.com/AustinJ/status/1144655793612107778",
    "content": {
        "text": "The perils of software testing (or lack thereof)\ntwitter.com/austinj/status\u2026",
        "html": "The perils of software testing (or lack thereof)\n<a href=\"https://twitter.com/austinj/status/1144655793612107778\">twitter.com/austinj/status\u2026</a>"
    },
    "author": {
        "type": "card",
        "name": "Johannes Ernst",
        "url": "https://twitter.com/Johannes_Ernst",
        "photo": "https://aperture-proxy.p3k.io/0f06a35e4c4e43613b0f43313e8379605c0b671b/68747470733a2f2f7062732e7477696d672e636f6d2f70726f66696c655f696d616765732f3436323333353230393031353233383635362f69653063526a64782e6a706567"
    },
    "post-type": "note",
    "refs": {
        "https://twitter.com/AustinJ/status/1144655793612107778": {
            "type": "entry",
            "published": "2019-06-28T17:16:22+00:00",
            "url": "https://twitter.com/AustinJ/status/1144655793612107778",
            "photo": [
                "https://pbs.twimg.com/media/D-Kh1Z8WwAELN7n.jpg",
                "https://pbs.twimg.com/media/D-Kh4CeXsAATy41.jpg",
                "https://pbs.twimg.com/media/D-Kh7aJXkAErdyT.jpg",
                "https://pbs.twimg.com/media/D-Kh92oWsAYOFQt.jpg"
            ],
            "content": {
                "text": "TIL that if you go North of the Arctic Circle in the summer and bring a MacBook with Night Shift set to be triggered by sunrise/sunset, the process will go into an infinite loop because the sun never sets..."
            },
            "author": {
                "type": "card",
                "name": "Austin Johnsen",
                "url": "https://twitter.com/AustinJ",
                "photo": "https://pbs.twimg.com/profile_images/1126341300867854337/HjpASlNp.png"
            },
            "post-type": "photo"
        }
    },
    "_id": "4235145",
    "_source": "2773"
}

Keturah ♿✡️ קטורה twitter.com/ketudb

{
    "type": "entry",
    "published": "2019-06-29T20:57:58+00:00",
    "url": "https://twitter.com/ketudb/status/1145073949144834048",
    "content": {
        "text": "Trans Pride was excellent but I feel like someone replaced all the bones in my feet with rocks.\n\nNot gonna get out of bed today \ud83d\ude02"
    },
    "author": {
        "type": "card",
        "name": "Keturah \u267f\u2721\ufe0f \u05e7\u05d8\u05d5\u05e8\u05d4",
        "url": "https://twitter.com/ketudb",
        "photo": "https://aperture-proxy.p3k.io/d67274b1dfdb3168b9babfbcaf60f6094c14e2ca/68747470733a2f2f7062732e7477696d672e636f6d2f70726f66696c655f696d616765732f313036333437383832313138383332393437322f7252627944525f642e6a7067"
    },
    "post-type": "note",
    "_id": "4234844",
    "_source": "2773"
}

Chris Aldrich boffosocko.com

Social Reading User Interface for Discovery

{
    "type": "entry",
    "published": "2019-06-29T08:49:12-07:00",
    "url": "https://boffosocko.com/2019/06/29/social-reading-user-interface-for-discovery/",
    "category": [
        "education",
        "indieweb",
        "technology",
        "discovery",
        "feed-readers",
        "goodreads",
        "google",
        "hypothes-is",
        "microsub",
        "nuzzel",
        "reading-am",
        "search",
        "ui"
    ],
    "name": "Social Reading User Interface for Discovery",
    "content": {
        "text": "I read quite a bit of material online. I save \u201cbookmarks\u201d of all of it on my personal website, sometimes with some additional notes and sometimes even with more explicit annotations. One of the things I feel like I\u2019m missing from my browser, browser extensions, and/or social feed reader is a social layer overlay that could indicate that people in my social network(s) have read or interacted directly with that page (presuming they make that data openly available.)\nOne of the things I\u2019d love to see pop up out of the discovery explorations of the IndieWeb or some of the social readers in the space is the ability to uncover some of this social reading information. Toward this end I thought I\u2019d collect some user interface examples of things that border on this sort of data to make the brainstorming and building of such functionality easier in the near future.\nIf I\u2019m missing useful examples or you\u2019d like to add additional thoughts, please feel free to comment below.\nExamples of social reading user interface for discovery\nGoogle\nI don\u2019t often search for reading material directly, but Google has a related bit of UI indicating that I\u2019ve visited a website before. I sort of wish it had the ability to surface the fact that I\u2019ve previously read or bookmarked an article or provided data about people in my social network who\u2019ve done similarly within the browser interface for a particular article (without the search.) If a browser could use data from my personal website in the background to indicate that I\u2019ve interacted with it before (and provide those links, notes, etc.), that would be awesome!\n\nScreen capture for Google search of Kevin Marks with a highlight indicating that I\u2019ve visited his page several times in the past. Given the March 2017 date, it\u2019s obvious that the screen shot is from a browser and account I don\u2019t use often.I\u2019ll note here that because of the way I bookmark or post reads on my own website, my site often ranks reasonably well for those things.\n\nOn a search for an article by Aaron Parecki, my own post indicating that I\u2019ve read it in the past ranks second right under the original.In some cases, others who are posting about those things (reading, commenting, bookmarking, liking, etc.) in my social network also show up in these sorts of searches. How cool would it be to have a social reader that could display this sort of social data based on people it knows I\u2019m following?\u00a0\n\nA search for a great article by Matthias Ott shows that both I and several of my friends (indicated by red arrows superimposed on the search query) have read, bookmarked, or commented on it too.Hypothes.is\nHypothes.is is a great open source highlighting, annotation, and bookmarking tool with a browser extension that shows an indicator of how many annotations\u00a0 appear on the page. In my experience, higher numbers often indicate some interesting and engaging material. I do wish that it had a follower/following model that could indicate my social sphere has annotated a page. I also wouldn\u2019t mind if their extension \u201cbug\u201d in the browser bar had another indicator in the other corner to indicate that I had previously annotated a page!\n\nScreen capture of Vannevar Bush\u2019s article As We May Think\u00a0in The Atlantic with a Hypothes.is browser extension bug indicating that there are 329 annotations on the page.Reading.am\nIt doesn\u2019t do it until after-the-fact, but Reading.am has a pop up overlay through its browser extension. It adds me to the list of people who\u2019ve read an article, but it also indicates others in the network and those I\u2019m following who have also read it (sometimes along with annotations about their thoughts).\nWhat I wouldn\u2019t give to see that pop up in the corner before I\u2019ve read it!\n\nReading.am\u2019s social layer creates a yellow colored pop up list in the upper right of the browser indicating who else has read the article as well as showing some of their notes on it. Unfortunately it doesn\u2019t pop up until after you\u2019ve marked the item as read.Nuzzel\nNuzzel is one of my favorite tools. I input my Twitter account as well as some custom lists and it surfaces articles that people in my Twitter network have been tweeting about. As a result, it\u2019s one of the best discovery tools out there for solid longer form content. Rarely do I read content coming out of Nuzzel and feel robbed. Because of how it works, it\u2019s automatically showing those people in my network and some of what they\u2019ve thought about it. I love this contextualization.\n\nNuzzel\u2019s interface shows the title and an excerpt of an article and also includes the avatars, names, network, and commentary of one\u2019s friends that interacted with the piece. In this example it\u2019s relatively obvious that one reader influenced several others who retweeted it because of her.Goodreads\nNaturally sites for much longer form content will use social network data about interest, reviews, and interaction to a much greater extent since there is a larger investment of time involved. Thus social signaling can be more valuable in this context. A great example here is of Goodreads which shows me those in my network who are interested in reading a particular book or who have written reviews or given ratings.\n\nA slightly excerpted/modified screen capture of the Goodreads page for Melanie Mitchell\u2019s book Complexity that indicates several in my social network are also interested in reading it.Are there other examples I\u2019m missing? Are you aware of similar discovery related tools for reading that leverage social network data?\n\nSyndicated copies to: WordPress\n Twitter icon",
        "html": "<p>I read quite a bit of material online. I save <a href=\"https://boffosocko.com/kind/read/\">\u201cbookmarks\u201d of all of it on my personal website</a>, sometimes with some additional notes and sometimes even with more explicit <a href=\"https://boffosocko.com/kind/annotation/\">annotations</a>. One of the things I feel like I\u2019m missing from my browser, browser extensions, and/or social feed reader is a social layer overlay that could indicate that people in my social network(s) have read or interacted directly with that page (presuming they make that data openly available.)</p>\n<p>One of the things I\u2019d love to see pop up out of the <a href=\"https://indieweb.org/discovery\">discovery explorations</a> of the IndieWeb or some of the <a href=\"https://indieweb.org/reader\">social readers</a> in the space is the ability to uncover some of this social reading information. Toward this end I thought I\u2019d collect some user interface examples of things that border on this sort of data to make the brainstorming and building of such functionality easier in the near future.</p>\n<p>If I\u2019m missing useful examples or you\u2019d like to add additional thoughts, please feel free to comment below.</p>\n<h2>Examples of social reading user interface for discovery</h2>\n<h3>Google</h3>\n<p>I don\u2019t often search for reading material directly, but Google has a related bit of UI indicating that I\u2019ve visited a website before. I sort of wish it had the ability to surface the fact that I\u2019ve previously read or bookmarked an article or provided data about people in my social network who\u2019ve done similarly within the browser interface for a particular article (without the search.) If a browser could use data from my personal website in the background to indicate that I\u2019ve interacted with it before (and provide those links, notes, etc.), that would be awesome!</p>\n<img src=\"https://i2.wp.com/boffosocko.com/wp-content/uploads/2019/06/Kevin-Marks-youve-visited.png?resize=612%2C260&amp;ssl=1\" alt=\"Screen capture for Google search of Kevin Marks with a highlight indicating that I've visited this page in the recent past\" width=\"612\" height=\"260\" /><img src=\"https://i2.wp.com/boffosocko.com/wp-content/uploads/2019/06/Kevin-Marks-youve-visited.png?resize=612%2C260&amp;ssl=1\" alt=\"Screen capture for Google search of Kevin Marks with a highlight indicating that I've visited this page in the recent past\" width=\"612\" height=\"260\" />\nScreen capture for Google search of Kevin Marks with a highlight indicating that I\u2019ve visited his page several times in the past. Given the March 2017 date, it\u2019s obvious that the screen shot is from a browser and account I don\u2019t use often.<p>I\u2019ll note here that because of the way I bookmark or post reads on my own website, my site often ranks reasonably well for those things.</p>\n<img src=\"https://i1.wp.com/boffosocko.com/wp-content/uploads/2019/06/first-webmention-from-scratch-search-result-on-Google.png?resize=611%2C468&amp;ssl=1\" alt=\"\" width=\"611\" height=\"468\" /><img src=\"https://i1.wp.com/boffosocko.com/wp-content/uploads/2019/06/first-webmention-from-scratch-search-result-on-Google.png?resize=611%2C468&amp;ssl=1\" alt=\"\" width=\"611\" height=\"468\" />\nOn a search for an article by Aaron Parecki, my own post indicating that I\u2019ve <a href=\"https://boffosocko.com/2018/06/30/sending-your-first-webmention-from-scratch-aaron-parecki/\">read it in the past</a> ranks second right under the original.<p>In some cases, others who are posting about those things (reading, commenting, bookmarking, liking, etc.) in my social network also show up in these sorts of searches. How cool would it be to have a social reader that could display this sort of social data based on <a href=\"https://boffosocko.com/about/following/\">people it knows I\u2019m following</a>?\u00a0</p>\n<img src=\"https://i0.wp.com/boffosocko.com/wp-content/uploads/2019/06/Into-the-personal-website-verse.png?resize=621%2C700&amp;ssl=1\" alt=\"\" width=\"621\" height=\"700\" /><img src=\"https://i0.wp.com/boffosocko.com/wp-content/uploads/2019/06/Into-the-personal-website-verse.png?resize=621%2C700&amp;ssl=1\" alt=\"\" width=\"621\" height=\"700\" />\nA search for a <a href=\"https://matthiasott.com/articles/into-the-personal-website-verse\">great article by Matthias Ott</a> shows that both I and several of my friends (indicated by red arrows superimposed on the search query) have read, bookmarked, or commented on it too.<h3>Hypothes.is</h3>\n<p><a href=\"https://web.hypothes.is/\">Hypothes.is</a> is a great open source highlighting, annotation, and bookmarking tool with a browser extension that shows an indicator of how many annotations\u00a0 appear on the page. In my experience, higher numbers often indicate some interesting and engaging material. I do wish that it had a follower/following model that could indicate my social sphere has annotated a page. I also wouldn\u2019t mind if their extension \u201cbug\u201d in the browser bar had another indicator in the other corner to indicate that I had previously annotated a page!</p>\n<img src=\"https://i0.wp.com/boffosocko.com/wp-content/uploads/2019/06/As-We-May-Think-hypothes.is-indicator.png?resize=819%2C627&amp;ssl=1\" alt=\"\" width=\"819\" height=\"627\" /><img src=\"https://i0.wp.com/boffosocko.com/wp-content/uploads/2019/06/As-We-May-Think-hypothes.is-indicator.png?resize=819%2C627&amp;ssl=1\" alt=\"\" width=\"819\" height=\"627\" />\nScreen capture of Vannevar Bush\u2019s article <em><a href=\"https://www.theatlantic.com/magazine/archive/1945/07/as-we-may-think/303881/\">As We May Think</a></em>\u00a0in <em>The Atlantic</em> with a Hypothes.is browser extension bug indicating that there are 329 annotations on the page.<h3>Reading.am</h3>\n<p>It doesn\u2019t do it until after-the-fact, but <a href=\"https://www.reading.am/\">Reading.am</a> has a pop up overlay through its browser extension. It adds me to the list of people who\u2019ve read an article, but it also indicates others in the network and those I\u2019m following who have also read it (sometimes along with annotations about their thoughts).</p>\n<p>What I wouldn\u2019t give to see that pop up in the corner <strong>before</strong> I\u2019ve read it!</p>\n<img src=\"https://i1.wp.com/boffosocko.com/wp-content/uploads/2019/06/Readingam-social-reading-interface-indicator.png?resize=768%2C593&amp;ssl=1\" alt=\"\" width=\"768\" height=\"593\" /><img src=\"https://i1.wp.com/boffosocko.com/wp-content/uploads/2019/06/Readingam-social-reading-interface-indicator.png?resize=768%2C593&amp;ssl=1\" alt=\"\" width=\"768\" height=\"593\" />\nReading.am\u2019s social layer creates a yellow colored pop up list in the upper right of the browser indicating who else has read the article as well as showing some of their notes on it. Unfortunately it doesn\u2019t pop up until after you\u2019ve marked the item as read.<h3>Nuzzel</h3>\n<p><a href=\"https://nuzzel.com/\">Nuzzel</a> is one of my favorite tools. I input my Twitter account as well as some custom lists and it surfaces articles that people in my Twitter network have been tweeting about. As a result, it\u2019s one of the best discovery tools out there for solid longer form content. Rarely do I read content coming out of Nuzzel and feel robbed. Because of how it works, it\u2019s automatically showing those people in my network and some of what they\u2019ve thought about it. I love this contextualization.</p>\n<img src=\"https://i2.wp.com/boffosocko.com/wp-content/uploads/2019/06/Nuzzel-recommendations.png?resize=560%2C344&amp;ssl=1\" alt=\"\" width=\"560\" height=\"344\" /><img src=\"https://i2.wp.com/boffosocko.com/wp-content/uploads/2019/06/Nuzzel-recommendations.png?resize=560%2C344&amp;ssl=1\" alt=\"\" width=\"560\" height=\"344\" />\nNuzzel\u2019s interface shows the title and an excerpt of an article and also includes the avatars, names, network, and commentary of one\u2019s friends that interacted with the piece. In this example it\u2019s relatively obvious that one reader influenced several others who retweeted it because of her.<h3>Goodreads</h3>\n<p>Naturally sites for much longer form content will use social network data about interest, reviews, and interaction to a much greater extent since there is a larger investment of time involved. Thus social signaling can be more valuable in this context. A great example here is of Goodreads which shows me those in my network who are interested in reading a particular book or who have written reviews or given ratings.</p>\n<img src=\"https://i1.wp.com/boffosocko.com/wp-content/uploads/2019/06/Interactions-with-Complexity-on-Goodreads.png?resize=669%2C980&amp;ssl=1\" alt=\"\" width=\"669\" height=\"980\" /><img src=\"https://i1.wp.com/boffosocko.com/wp-content/uploads/2019/06/Interactions-with-Complexity-on-Goodreads.png?resize=669%2C980&amp;ssl=1\" alt=\"\" width=\"669\" height=\"980\" />\nA slightly excerpted/modified screen capture of the Goodreads page for Melanie Mitchell\u2019s book Complexity that indicates several in my social network are also interested in reading it.<p>Are there other examples I\u2019m missing? Are you aware of similar discovery related tools for reading that leverage social network data?</p>\n\n<span>Syndicated copies to:</span><ul><li><a class=\"u-syndication\" href=\"https://chrisaldrich.wordpress.com/?p=55686355\"> WordPress</a></li>\n<li><a class=\"u-syndication\" href=\"https://twitter.com/ChrisAldrich/status/1144996415342440450\"> <span style=\"max-width:1rem;margin:2px;\" title=\"twitter\">Twitter icon</span></a></li>\n</ul>"
    },
    "author": {
        "type": "card",
        "name": "Chris Aldrich",
        "url": "https://boffosocko.com/",
        "photo": "https://aperture-proxy.p3k.io/07a56dfeaeb22fa994a161bf21a4b2110aa17def/68747470733a2f2f7365637572652e67726176617461722e636f6d2f6176617461722f64356662346534393866653630396363323962303465356237616436383863343f733d343926643d6964656e7469636f6e26723d7067"
    },
    "post-type": "article",
    "_id": "4234467",
    "_source": "2785"
}

Chris Aldrich boffosocko.com

{
    "type": "entry",
    "published": "2019-06-29T08:12:42-07:00",
    "category": [
        "indieweb",
        "social-stream",
        "indieweb-summit-2019"
    ],
    "content": {
        "text": "I\u2019m under the weather in LA attending IndieWeb Summit remotely today. There\u2019s some good documentation, but ping me if you need help getting into the chat, finding streaming video, or accessing resources.\n\nhttps://indieweb.org/2019\nhttps://indieweb.org/IndieWebCamps/Attendance\nhttps://chat.indieweb.org/indieweb/\n\nSyndicated copies to: Twitter icon",
        "html": "<p>I\u2019m under the weather in LA attending <a href=\"https://indieweb.org/2019\">IndieWeb Summit</a> remotely today. There\u2019s some good documentation, but ping me if you need help getting into the chat, finding streaming video, or accessing resources.</p>\n<p>\n<a href=\"https://indieweb.org/2019\">https://indieweb.org/2019</a><br /><a href=\"https://indieweb.org/IndieWebCamps/Attendance\">https://indieweb.org/IndieWebCamps/Attendance</a><br /><a href=\"https://chat.indieweb.org/indieweb/\">https://chat.indieweb.org/indieweb/</a></p>\n\n<span>Syndicated copies to:</span><ul><li><a class=\"u-syndication\" href=\"https://twitter.com/ChrisAldrich/status/1144987295927304192\"> <span style=\"max-width:1rem;margin:2px;\" title=\"twitter\">Twitter icon</span></a></li></ul>"
    },
    "author": {
        "type": "card",
        "name": "Chris Aldrich",
        "url": "https://boffosocko.com/",
        "photo": "https://aperture-proxy.p3k.io/07a56dfeaeb22fa994a161bf21a4b2110aa17def/68747470733a2f2f7365637572652e67726176617461722e636f6d2f6176617461722f64356662346534393866653630396363323962303465356237616436383863343f733d343926643d6964656e7469636f6e26723d7067"
    },
    "post-type": "note",
    "_id": "4234468",
    "_source": "2785"
}

https://jgregorymcverry.com twitter.com/jgmac1106

{
    "type": "entry",
    "published": "2019-06-29T20:27:56+00:00",
    "url": "https://twitter.com/jgmac1106/status/1145066389528559616",
    "content": {
        "text": "Jacob McWilliams-on successful blogposts, successful blogs, and skilled bloggers: jacobmcwilliams.com/2009/10/03/on-\u2026",
        "html": "Jacob McWilliams-on successful blogposts, successful blogs, and skilled bloggers: <a href=\"http://www.jacobmcwilliams.com/2009/10/03/on-successful-blogposts-successful-blogs-and-skilled-bloggers/\">jacobmcwilliams.com/2009/10/03/on-\u2026</a>"
    },
    "author": {
        "type": "card",
        "name": "https://jgregorymcverry.com",
        "url": "https://twitter.com/jgmac1106",
        "photo": "https://aperture-proxy.p3k.io/5163db442c9bc69839ca550f18eb71e1b0ca8162/68747470733a2f2f7062732e7477696d672e636f6d2f70726f66696c655f696d616765732f3536353232373731303130343838333230302f67344d4463546e782e6a706567"
    },
    "post-type": "note",
    "_id": "4234439",
    "_source": "2773"
}

jackyalcine 🇭🇹 ➡️ PDX twitter.com/jackyalcine

{
    "type": "entry",
    "published": "2019-06-29T20:25:20+00:00",
    "url": "https://twitter.com/jackyalcine/status/1145065734348902400",
    "photo": [
        "https://aperture-proxy.p3k.io/b0fd87c67e872e516593c963cf6e536b222f83c8/68747470733a2f2f7062732e7477696d672e636f6d2f6d656469612f442d51584e345957344159555359682e6a7067"
    ],
    "content": {
        "text": "What kind of cookie is this??! (v2.jacky.wtf/post/a867fe4a-\u2026)",
        "html": "What kind of cookie is this??! (<a href=\"https://v2.jacky.wtf/post/a867fe4a-7061-4dce-8c17-a1664fb70ad1\">v2.jacky.wtf/post/a867fe4a-\u2026</a>)"
    },
    "author": {
        "type": "card",
        "name": "jackyalcine \ud83c\udded\ud83c\uddf9 \u27a1\ufe0f PDX",
        "url": "https://twitter.com/jackyalcine",
        "photo": "https://aperture-proxy.p3k.io/285abb261b2d6537bd09fc38bd2c20091ae02214/68747470733a2f2f7062732e7477696d672e636f6d2f70726f66696c655f696d616765732f313133393637353630373731353831353432342f616a3852726879372e6a7067"
    },
    "post-type": "photo",
    "refs": {
        "https://aperture-proxy.p3k.io/b0fd87c67e872e516593c963cf6e536b222f83c8/68747470733a2f2f7062732e7477696d672e636f6d2f6d656469612f442d51584e345957344159555359682e6a7067": {
            "type": "image",
            "ratio": 0.75,
            "bytes": 160777
        }
    },
    "_id": "4234440",
    "_source": "2773"
}

Jacky Alciné v2.jacky.wtf

{
    "type": "entry",
    "published": "2019-06-29T13:25:00.00000-07:00",
    "url": "https://v2.jacky.wtf/post/a867fe4a-7061-4dce-8c17-a1664fb70ad1",
    "photo": [
        "https://aperture-proxy.p3k.io/41230451fa3f92e61d8543195259fe81761f3ae9/68747470733a2f2f76322e6a61636b792e7774662f6d656469612f696d6167652f656e74727925323461383637666534612d373036312d346463652d386331372d6131363634666237306164312f313536313833393931343636342e6a70673f763d6f726967696e616c"
    ],
    "content": {
        "text": "What kind of cookie is this??!",
        "html": "<p>What kind of cookie is this??!</p>"
    },
    "author": {
        "type": "card",
        "name": "Jacky Alcin\u00e9",
        "url": "https://v2.jacky.wtf",
        "photo": "https://aperture-proxy.p3k.io/9f6c6c125a7640abc3c67f876753b4bf233d06d6/68747470733a2f2f76322e6a61636b792e7774662f6d656469612f70726f66696c652d696d616765"
    },
    "post-type": "photo",
    "refs": {
        "https://aperture-proxy.p3k.io/41230451fa3f92e61d8543195259fe81761f3ae9/68747470733a2f2f76322e6a61636b792e7774662f6d656469612f696d6167652f656e74727925323461383637666534612d373036312d346463652d386331372d6131363634666237306164312f313536313833393931343636342e6a70673f763d6f726967696e616c": {
            "type": "image",
            "ratio": 0.75,
            "bytes": 166374
        }
    },
    "_id": "4234336",
    "_source": "1886"
}