✨ feat: add support for webmentions#485
Merged
Merged
Conversation
- create webmentions partial template for page head integration - add webmentions shortcode template to position webmentions on the page
✅ Deploy Preview for tabi-demo ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
- introduce webmention.io configuration for enhanced comment integration - add connect-src directive for webmention.io to CSP policy
- add webmention.js to enable client-side embedding of webmentions from webmention.io - support multiple configuration parameters for customization - based on PlaidWeb/webmention.js ✨ feat(webmention): add minified version of webmention.js - include webmention.min.js as a minified version for optimized loading - mirror functionality of the unminified webmention.js
- introduce webmention.css for styling web mention elements - create minified version webmention.min.css for optimized load times
- adjust indentation and spacing for better readability ✨ feat(header): add webmentions support - include webmentions partial if enabled in config
- introduce a section for displaying webmentions for posts - include subsections for mentions of posts and sites mentioned in posts 📝 docs(shortcodes): correct typos and improve clarity - fix spacing and punctuation issues in Mermaid diagrams - correct typo in "Provides" within the swap image section - update Markdown syntax in admonition examples - change "tranquility" to "tranquillity" in multilingual quote - correct movie title from "Beoning" to "Burning" - add usage examples for webmentions section
- introduce webmentions as per W3C standard - provide configuration and usage instructions - include links for further reading
- eliminate unwanted space at the end of a sentence for style consistency
- add color and background color variables for consistent styling - update margins and padding for better layout ♻️ refactor(css): migrate and rename webmention CSS to SCSS - move webmention.css to sass/parts/_webmention.scss - remove unused webmention.min.css - update template to remove old stylesheet link
- delete repeated updated date entry from the blog post metadata
feat(webmentions): add webmentions support templates
Owner
|
Hi! Thanks so much for working on this! I know this is a draft, but I took a quick look and I think it's worth mentioning this… Rather than ask users to update their CSP, I believe we should handle the case where webmentions is enabled and automatically enable the necessary directives in https://github.com/welpo/tabi/blob/main/templates/partials/content_security_policy.html, like we do for other built-in systems. If you need help with this CSP bit or anything else, don't hesitate to reach out! |
comment out page_url
- comment out page_url to prevent its usage and rely on default behavior
- include webmention.io in connect-src when webmention system is enabled - ensure compatibility with webmention services by updating CSP directives
- change "enable" to "enabled" for correct configuration key - uncomment and set webmentions configurations for correct functionality ✨ feat(blog): add webmentions shortcode - insert webmentions shortcode in blog shortcode index for display 🐛 fix(theme): update webmentions configuration in theme - change "enable" to "enabled" for correct configuration key in theme - uncomment and set webmentions configurations for correct functionality
- adjust heading level for webmentions section - simplify webmentions configuration instructions - remove redundant CSP directive explanation 🐛 fix(blog): correct webmentions enabled parameter - change "enable" to "enabled" in config.toml example
- fix typo in config.toml example from 'enable' to 'enabled' to ensure proper functionality
Webmentions
- correct spelling of "whether" in search index format description
- change page_url to point to the new blog update and release page - ensure the configuration reflects the latest URL for webmention script usage
- add webmention_dark.webp and webmention_light.webp for dual theme support - update webmentions section with an anchor and image display code
- include dual theme image example for webmentions - provide live example based on page_url configuration
- introduce h-entry, p-name, u-url, u-uid, p-author, dt-published, p-category, dt-updated, and e-content classes - enhance HTML with semantic and machine-readable attributes for better accessibility and SEO
This was referenced Dec 1, 2025
This was referenced Dec 15, 2025
This was referenced Jan 5, 2026
This was referenced Feb 9, 2026
This was referenced Feb 23, 2026
This was referenced Mar 16, 2026
This was referenced Jun 1, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
4 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Related issue
Webmentions are part of the Indieweb suite of protocols references in issue #463.
Changes
Accessibility
Screenshots
Type of change
Checklist
theme.tomlwith a sane default for the featureconfig.tomlin tabi-startconfig.tomlcommentstheme.tomlcomments