commit 4349284a0e84a64408171055bf8b79b11f53b955 · bmann.ca/bmannconsulting.com

+17 -4

_includes/head.html

···

       24
       24
        
         <meta property="og:title" content="{{ site.title }}">

     

       25
       25
        
         <meta property="og:type" content="website">

     

       26
       26
        
         {% endif %}

     

       27
       27
       -
       

     

       28
       28
       -
         {% if page.date %}

     

       27
       27
       +
         

     

       28
       28
       +
         {% if page.published %}

     

       29
       29
       +
         <link rel="canonical" href="{{ page.link }}" />

     

       30
       30
       +
         <meta property="article:published_time" content="{{ page.published | date_to_xmlschema }}">

     

       31
       31
       +
         <meta property="article:author" content="{{ page.author }}">

     

       32
       32
       +
         {% elsif page.date %}

     

       29
       33
        
         <meta property="article:published_time" content="{{ page.date | date_to_xmlschema }}">

     

       30
       34
        
         <meta property="article:author" content="{{ site.url }}/">

     

       31
       35
        
         {% endif %}

     
···

       42
       46
        
         <meta property="fc:frame:image:aspect_ratio" content="1:1">

     

       43
       47
        
         {% endif %}

     

       44
       48
        
       

     

       45
       45
       -
         <!-- Open Frames -->

     

       49
       49
       +
       {% if page.frame %}

     

       50
       50
       +
         <!-- Open Frames Custom -->

     

       51
       51
       +
         <meta property="fc:frame" content="vNext">

     

       52
       52
       +
         {% if page.frame.button1 %}

     

       53
       53
       +
         <meta property="fc:frame:button:1" content="{{ page.frame.button1.label }}">

     

       54
       54
       +
         <meta property="fc:frame:button:1:action" content="{{ page.frame.button1.action }}">

     

       55
       55
       +
         <meta property="fc:frame:button:1:target" content="{{ page.frame.button1.target }}">

     

       56
       56
       +
         {% endif %}

     

       57
       57
       +
       {% else %}

     

       58
       58
       +
         <!-- Open Frames Default -->

     

       46
       59
        
         <meta property="fc:frame" content="vNext">

     

       47
       60
        
         <meta property="fc:frame:button:1" content="🌱 Home">

     

       48
       61
        
         <meta property="fc:frame:button:1:action" content="link">

     
···

       53
       66
        
         <meta property="fc:frame:button:3" content="💬 Drips">

     

       54
       67
        
         <meta property="fc:frame:button:3:action" content="link">

     

       55
       68
        
         <meta property="fc:frame:button:3:target" content="https://www.drips.network/app/bmann.eth">

     

       56
       56
       -
         

     

       69
       69
       +
       {% endif %}

     

       57
       70
        
         <title>

     

       58
       71
        
           {% if page.id == "home" %}

     

       59
       72
        
             {{ site.title }}

+53

_journals/2024-04-21_1024.md

···

       1
       1
       +
       ---

     

       2
       2
       +
       title: "April 21st, 2024"

     

       3
       3
       +
       date: "2024-04-21, 10:24:06 -07:00"

     

       4
       4
       +
       section: journal

     

       5
       5
       +
       aliases: []

     

       6
       6
       +
       ---

     

       7
       7
       +
       Going through some open tabs and made a bunch of updates. Now took myself to the coffee shop to work on some blog coding.

     

       8
       8
       +
       

     

       9
       9
       +
       **Custom Frames Support**

     

       10
       10
       +
       

     

       11
       11
       +
       I added [[Farcaster Frames]] support to the site, using just default settings similar to what is already inserted into page headers for [[OpenGraph]].

     

       12
       12
       +
       

     

       13
       13
       +
       Using the [[Ghost]] page as an example, I'm modifying the [head template](https://github.com/bmann/bmcgarden/blob/archivetrim/_includes/head.html#L45) so that I can put in custom frame data per notes page.

     

       14
       14
       +
       

     

       15
       15
       +
       ```yaml

     

       16
       16
       +
       frame:

     

       17
       17
       +
         image: /assets/2024/ghost_logo_black.jpg

     

       18
       18
       +
         image-aspect-ratio: "1:1"

     

       19
       19
       +
         button2:

     

       20
       20
       +
           label: "Github"

     

       21
       21
       +
           action: "link"

     

       22
       22
       +
           target: https://github.com/TryGhost/Ghost

     

       23
       23
       +
         button1:

     

       24
       24
       +
           label: "Home"

     

       25
       25
       +
           action: "link"

     

       26
       26
       +
           target: "https://ghost.org"

     

       27
       27
       +
       ```

     

       28
       28
       +
       

     

       29
       29
       +
       [[Obsidian]] doesn't support these kind of nested header properties, so I need to do it in source code view.

     

       30
       30
       +
       

     

       31
       31
       +
       Yes, there would be some way to create this in a way that loops through a button array.

     

       32
       32
       +
       

     

       33
       33
       +
       **Canonical Link**

     

       34
       34
       +
       

     

       35
       35
       +
       I take notes on articles. I keep a local copy of the article and capture when it was published, who the author was, and usually clip some quotes and make some comments of my own.

     

       36
       36
       +
       

     

       37
       37
       +
       I want people to go read the original! And I don't want to "steal" search traffic or attention from the original. In fact, I want to boost it! Reading [Wikipedia on the canonical link](https://en.wikipedia.org/wiki/Canonical_link_element), this not really what it's meant for.

     

       38
       38
       +
       

     

       39
       39
       +
       Regardless, adding some header meta data. This is the part of thinking for [[Community Search Engines]] that has to happen.

     

       40
       40
       +
       

     

       41
       41
       +
       **Articles Page**

     

       42
       42
       +
       

     

       43
       43
       +
       Turns out I had an unfinished [articles](/articles/) page! Fixed a couple of things with it, including getting year sorting done correctly. Design of it still needs a lot of work.

     

       44
       44
       +
       

     

       45
       45
       +
       **Code Page**

     

       46
       46
       +
       

     

       47
       47
       +
       Let's make a page with all the notes that have a code repository / git link! Here's [code](/code/).

     

       48
       48
       +
       

     

       49
       49
       +
       Oh fun, of course I have some people entries, and if I have their Github profile filled out, they'll show up on this page.

     

       50
       50
       +
       

     

       51
       51
       +
       There aren't that many entries on here because I have more in the old Logseq notes with [github](https://notes.bmannconsulting.com/#/page/github) and [git](https://notes.bmannconsulting.com/#/page/git) properties.

     

       52
       52
       +
       

     

       53
       53
       +
       And separately, I'd like to capture my [1.4K starred repos on Github](https://github.com/bmann?tab=stars). The "signal" of me adding a notes page is stronger than "merely" starring on Github, but it should at least contribute to a personal search index (which again leads into [[Community Search Engines]] too).

+7 -3

_layouts/note.html

···

       8
       8
        
           {% if page.link %}

     

       9
       9
        
           <strong><a href="{{ page.link }}">{{ page.link | remove: "https://" | truncate: 42 }}</a></strong>{% if page.author %}, by {{ page.author }}{% endif %}{% if page.published %}, {{ page.published | date: "%B %-d, %Y" }}{% endif %}<br />

     

       10
       10
        
           {% endif %}

     

       11
       11
       -
           {% if page.github %}

     

       12
       12
       -
           <strong>Github: <a href="{{ page.github }}">@{{ page.github | remove: "https://github.com/" }}</a></strong><br />

     

       13
       13
       -
           {% endif %}

     

       11
       11
       +
       

     

       14
       12
        
           {% unless page.published %}

     

       15
       13
        
           <time datetime="{{ page.last_modified_at | date_to_xmlschema }}">

     

       16
       14
        
             Last updated on {{ page.last_modified_at | date: "%B %-d, %Y" }}

     

       17
       15
        
           </time>

     

       18
       16
        
           {% endunless %}

     

       17
       17
       +
       

     

       18
       18
       +
           <ul>

     

       19
       19
       +
           {% if page.github %}

     

       20
       20
       +
           <li><strong>github:</strong>&nbsp;<a href="{{ page.github }}">@{{ page.github | remove: "https://github.com/" }}</a></li>

     

       21
       21
       +
           {% endif %}

     

       22
       22
       +
           </ul>

     

       19
       23
        
         </div>

     

       20
       24
        
       

     

       21
       25
        
         <div id="notes-entry-container">

+1

_notes/Dark Forest and Cozy Web.md

···

       8
       8
        
       published: 2020-02-08

     

       9
       9
        
       author:

     

       10
       10
        
         - Maggie Appleton

     

       11
       11
       +
       image: /assets/2024/darkforest-cozyweb-maggie-appleton.png

     

       11
       12
        
       ---

     

       12
       13
        
       Maggie Appleton’s illustration of this term is amazing - visit her article to check it out. 

     

       13
       14

+19

_notes/Farcaster Frames.md

···

       1
       1
       +
       ---

     

       2
       2
       +
       link: https://docs.farcaster.xyz/reference/frames/spec

     

       3
       3
       +
       tags:

     

       4
       4
       +
         - Farcaster

     

       5
       5
       +
         - specification

     

       6
       6
       +
         - frames

     

       7
       7
       +
       ---

     

       8
       8
       +
       > Frames are a standard for creating interactive and authenticated experiences on Farcaster, embeddable in any Farcaster client.

     

       9
       9
       +
       > 

     

       10
       10
       +
       > A frame is a set of `<meta>` tags returned within the `<head>` of an HTML page. If a page contains all required frame properties, Farcaster apps will render the page as a frame. The frame `<meta>` tags extend the [[OpenGraph|OpenGraph protocol]].

     

       11
       11
       +
       > 

     

       12
       12
       +
       > Frames can be linked together to create dynamic applications embedded inside casts.

     

       13
       13
       +
       

     

       14
       14
       +
       Inspired by [[David Furlough]]'s work on Mod, the Warpcast team created this Frames spec for the [[Farcaster]] protocol directly. David is working on [[Open Frames]] for use in Farcaster and beyond.

     

       15
       15
       +
       

     

       16
       16
       +
       ## Warpcast Testing Tools

     

       17
       17
       +
       

     

       18
       18
       +
       * [Preview a frame](https://warpcast.com/~/developers/embeds) without having to cast

     

       19
       19
       +
       * [Frame validator](https://warpcast.com/~/developers/frames) to check that it's formatted correctly

+5 -6

_notes/Farcaster.md

···

       17
       17
        
       > Since Farcaster is public and decentralized, anyone can build an app to read and write data. Users own their accounts and relationships with other users and are free to move between different apps.

     

       18
       18
        
       

     

       19
       19
        
       [[Warpcast]] is the original app built and run by the team that designed the Farcaster protocol. 

     

       20
       20
       -
       

     

       21
       20
        
       ## Frames

     

       22
       21
        
       

     

       23
       23
       -
       <https://warpcast.notion.site/Farcaster-Frames-4bd47fe97dc74a42a48d3a234636d8c5>

     

       22
       22
       +
       Frames extend the [[OpenGraph]] standard and turn static embeds into interactive experiences. 

     

       24
       23
        
       

     

       25
       25
       -
       Frames extend the [[OpenGraph]] standard and turn static embeds into interactive experiences. The diagram below shows the difference between a standard OG and a Frame OG inside Warpcast.

     

       26
       26
       -
       

     

       27
       27
       -
       ### Creating the initial frame

     

       24
       24
       +
       Example:

     

       28
       25
        
       

     

       29
       26
        
       ```html

     

       30
       27
        
       <meta property="fc:frame" content="vNext" />

     
···

       35
       32
        
       <meta property="fc:frame:button:4" content="Blue" />

     

       36
       33
        
       ```

     

       37
       34
        
       

     

       38
       38
       -
       If you share the URL in a cast, it will show up as a frame. To test that the frame works without casting, try the [Warpcast Embed Tools](https://warpcast.com/~/developers/embeds).
     

       35
       35
       +
       If you share the URL of a page in a cast that has these meta tags, it will show up as a frame. 

     

       36
       36
       +
       

     

       37
       37
       +
       See [[Farcaster Frames]] and [[Open Frames]]

+7

_notes/Feedback on Federating Ghost.md

···

       1
       1
       +
       ---

     

       2
       2
       +
       image: /assets/2024/ghost_logo_black.jpg

     

       3
       3
       +
       ---

     

       1
       4
        
       A [survey](https://tally.so/r/m67X4P) asking for feedback on Federating [[Ghost]]

     

       2
       5
        
       

     

       3
       6
        
       > ActivityPub support is one of our [most requested features](https://forum.ghost.org/t/federate-over-activitypub/1989) of all time, and so we're currently taking some time to think about how this could work inside Ghost.

     
···

       34
       37
        
       I would interact with more Ghost sites in the "comments" if I didn't have to create new accounts all the time!

     

       35
       38
        
       

     

       36
       39
        
       I already recommend [[Ghost]] and could now consider using it for use cases that look more like community servers use cases.

     

       40
       40
       +
       

     

       41
       41
       +
       ---

     

       42
       42
       +
       

     

       43
       43
       +
       I linked to [[2024-04-21_0804|Matthew Bogart's write up answering this survey]].

     

       37
       44
        
       

     

       38
       45

+12 -2

_notes/Ghost.md

···

       8
       8
        
         - app

     

       9
       9
        
       link: https://ghost.org

     

       10
       10
        
       github: https://github.com/TryGhost/Ghost

     

       11
       11
       +
       frame:

     

       12
       12
       +
         image: /assets/2024/ghost_logo_black.jpg

     

       13
       13
       +
         image-aspect-ratio: "1:1"

     

       14
       14
       +
         button2:

     

       15
       15
       +
           label: "Github"

     

       16
       16
       +
           action: "link"

     

       17
       17
       +
           target: https://github.com/TryGhost/Ghost

     

       18
       18
       +
         button1:

     

       19
       19
       +
           label: "Home"

     

       20
       20
       +
           action: "link"

     

       21
       21
       +
           target: "https://ghost.org"

     

       22
       22
       +
         

     

       11
       23
        
       ---

     

       12
       12
       -
       GitHub <https://github.com/TryGhost/Ghost>

     

       13
       13
       -
       

     

       14
       24
        
       A blogging and membership based newsletter app. [[MIT]] licensed open source. 

     

       15
       25
        
       

     

       16
       26
        
       Maintained by the [non-profit Ghost Foundation](https://ghost.org/about/), who also run a paid managed hosting service at <http://ghost.org>.

+1

_notes/How Algolia uses Electron to improve internal productivity.md

···

       5
       5
        
         - networkedorgs

     

       6
       6
        
         - Algolia

     

       7
       7
        
         - orgdesign

     

       8
       8
       +
         - article

     

       8
       9
        
       published: 2016-10-26

     

       9
       10
        
       author:

     

       10
       11
        
         - Algolia

+21

_notes/Open Frames.md

···

       1
       1
       +
       ---

     

       2
       2
       +
       github: https://github.com/open-frames

     

       3
       3
       +
       ---

     

       4
       4
       +
       An open specification for 

     

       5
       5
       +
       

     

       6
       6
       +
       From the [specification repo](https://github.com/open-frames/standard):

     

       7
       7
       +
       

     

       8
       8
       +
       > Since the launch of [[Farcaster Frames]], we’ve seen a number of protocols work to add Frames support independently. The original Frames spec was designed for Farcaster and wasn’t set up to handle interactions from different types of applications with unique capabilities. Open Frames is a lightweight extension to the Frames spec to help coordinate the many new applications and protocols adopting Frames.

     

       9
       9
       +
       > 

     

       10
       10
       +
       > Open Frames is an initiative with the following goals:

     

       11
       11
       +
       > 

     

       12
       12
       +
       > 1. Allow Frames developers to support interactions from different types of clients

     

       13
       13
       +
       > 2. Don’t screw up the best thing about Frames: how easy it is to build on

     

       14
       14
       +
       > 

     

       15
       15
       +
       > We expect the Open Frames specification to evolve, both through improvements to the Farcaster Specification and through the needs of Open Frames applications with different capabilities.

     

       16
       16
       +
       

     

       17
       17
       +
       ## About

     

       18
       18
       +
       

     

       19
       19
       +
       Frames are an interactive social object based around adding specific [[OpenGraph]] tags to any web page which are then rendered as an interactive "frame" made of images, text input, and some action buttons that are rendered in the host client application.

     

       20
       20
       +
       

     

       21
       21
       +
       The input of a Frame is nothing more than a link, e.g. `example.com/some/frame/path`, which makes them a little bit like an [[unfurl]] or [[OEmbed]] that a number of applications already support.

+11

_notes/OpenGraph.md

···

       1
       1
       +
       ---

     

       2
       2
       +
       link: https://ogp.me/

     

       3
       3
       +
       tags:

     

       4
       4
       +
         - specification

     

       5
       5
       +
         - metadata

     

       6
       6
       +
       aliases:

     

       7
       7
       +
         - OGP

     

       8
       8
       +
       ---

     

       9
       9
       +
       > The [Open Graph protocol](https://ogp.me/) enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook.

     

       10
       10
       +
       > 

     

       11
       11
       +
       > While many different technologies and schemas exist and could be combined together, there isn't a single technology which provides enough information to richly represent any web page within the social graph. The Open Graph protocol builds on these existing technologies and gives developers one thing to implement. Developer simplicity is a key goal of the Open Graph protocol which has informed many of [the technical design decisions](https://www.scribd.com/doc/30715288/The-Open-Graph-Protocol-Design-Decisions).

+4 -12

_pages/articles.html

···

       5
       5
        
       ---

     

       6
       6
        
       

     

       7
       7
        
       <p style="padding: 1.5em 1em; background: #f5f7ff; border-radius: 25px;">

     

       8
       8
       -
         Articles are important long reads where I have local comments and quotes I refer back to.

     

       8
       8
       +
         Articles are important long reads where I have local comments and quotes I refer back to. My general rule is that if I mention an article to two different people, I should probably make a local page for it.

     

       9
       9
        
       </p>

     

       10
       10
       -
       

     

       11
       11
       -
       

     

       12
       12
       -
         

     

       13
       10
        
         <main>

     

       14
       14
       -
             {% assign postsByYear = 

     

       15
       15
       -
             site.notes | group_by_exp:"post", "post.published | date: '%Y'" %}

     

       16
       16
       -
             

     

       11
       11
       +
             {% assign postsByYear = site.notes | group_by_exp:"post", "post.published | date: '%Y'" %}

     

       12
       12
       +
             {% assign postsByYear = postsByYear | sort: "name" | reverse %}

     

       13
       13
       +
       

     

       17
       14
        
             {% for year in postsByYear %}

     

       18
       15
        
               <h3 id="{{ year.name }}">{{ year.name }}</h3>

     

       19
       16
        
                   <ul>

     
···

       21
       18
        
                     {% unless post.tags contains "article" %}

     

       22
       19
        
                       {% break %}

     

       23
       20
        
                     {% endunless %}

     

       24
       24
       -
                     {% unless post.section == 'journal' %}

     

       25
       21
        
                     <li id="date-content" style="padding-bottom: 0.6em; list-style: none;">Source: <a href="{{ post.link }}">{{ post.title }}</a> by {{ post.author }} Local: <a href="{{ post.url }}" class="internal-link">#</a></li>

     

       26
       26
       -
                     {% endunless %}

     

       27
       22
        
                   {% endfor %}

     

       28
       23
        
                   </ul>

     

       29
       29
       -
                   {% if year.name == '2012' %}

     

       30
       30
       -
                     {% break %}

     

       31
       31
       -
                   {% endif %}

     

       32
       24
        
             {% endfor %}

     

       33
       25
        
             

     

       34
       26
        
                 <br/>

+25

_pages/code.html

···

       1
       1
       +
       ---

     

       2
       2
       +
       layout: page

     

       3
       3
       +
       title: Code Repositories 💾

     

       4
       4
       +
       permalink: /code/

     

       5
       5
       +
       ---

     

       6
       6
       +
       

     

       7
       7
       +
       <p style="padding: 1.5em 1em; background: #f5f7ff; border-radius: 25px;">

     

       8
       8
       +
         Notes on the site with a link to a code repository. Usually refers to apps and other open source code.

     

       9
       9
       +
       </p>

     

       10
       10
       +
         <main>

     

       11
       11
       +
             {% assign codenotes = site.notes %}

     

       12
       12
       +
             <ul>

     

       13
       13
       +
             {% for post in site.notes %}

     

       14
       14
       +
               {% if post.github %}

     

       15
       15
       +
               <li><a href="{{ post.url }}">{{ post.title }}</a> - <a href="{{ post.github }}">@{{ post.github | remove: "https://github.com/" }}</a>

     

       16
       16
       +
               </li>

     

       17
       17
       +
               {% elsif post.git %}

     

       18
       18
       +
               <li><a href="{{ post.url }}">{{ post.title }}</a> - <a href="{{ post.git }}">{{ post.git | remove: "https://" }}</a>

     

       19
       19
       +
               </li>

     

       20
       20
       +
               {% endif %}

     

       21
       21
       +
             {% endfor %}

     

       22
       22
       +
             </ul>      

     

       23
       23
       +
           <br/>

     

       24
       24
       +
           <br/>

     

       25
       25
       +
         </main>

assets/2024/darkforest-cozyweb-maggie-appleton.png

This is a binary file and will not be displayed.

assets/2024/ghost_logo_black.jpg

This is a binary file and will not be displayed.