[BLOG][Milestone] Web Monetization

v3/feed.rss

@@ -2,10 +2,54 @@
 <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
 <channel><title>GNU social V3</title><link>https://gnusocial.rocks/v3/index.html</link>
 <description>Development blog where we announce our progress.</description><language>en</language>
-<lastBuildDate>Tue, 18 Jan 2022 01:23:44 +0000</lastBuildDate>
+<lastBuildDate>Tue, 18 Jan 2022 01:57:52 +0000</lastBuildDate>
-<pubDate>Tue, 18 Jan 2022 01:23:44 +0000</pubDate>
+<pubDate>Tue, 18 Jan 2022 01:57:52 +0000</pubDate>
 <atom:link href="https://gnusocial.rocks/v3/feed.rss" rel="self" type="application/rss+xml" />
 <item><title>
+Milestone: Web Monetization
+</title><description><![CDATA[
+
+<p><a href="https://webmonetization.org/">Web Monetization</a> is being proposed as a W3C
+standard at the Web Platform Incubator Community Group.</p>
+
+<p>GNU social now supports that initiative with the <a href="https://code.undefinedhackers.net/GNUsocial/gnu-social/src/branch/v3/plugins/WebMonetization">Web Monetization plugin</a>.</p>
+
+<p>With this, we also introduce an ActivityPub (FEP pending) GS extension
+<code>gs:webmonetizationWallet</code>. This enables actors to support other actors with Web
+Monetization in the fediverse.</p>
+
+<p>It looks like this:</p>
+
+<h2>Own profile</h2>
+
+<p><img src="assets/web_monetization/address.png" alt="" title="" /></p>
+
+<h2>In the profile of other actors</h2>
+
+<p><img src="assets/web_monetization/donate.png" alt="" title="" /></p>
+
+
+<!-- text end -->
+]]></description><link>https://gnusocial.rocks/v3/milestone-web-monetization.html</link>
+<guid>https://gnusocial.rocks/v3/./milestone-web-monetization.html</guid>
+<dc:creator>GNU social development team</dc:creator>
+<pubDate>Tue, 18 Jan 2022 01:57:40 +0000</pubDate></item>
+<item><title>
+Milestone: Mute notifications from a conversation
+</title><description><![CDATA[
+
+<p>If a conversation in which you have interacted becomes very active and you wish
+to stop receiving notifications derived from that, it is now possible:
+<img src="assets/conversation/mute.png" alt="" title="" /></p>
+
+
+
+<!-- text end -->
+]]></description><link>https://gnusocial.rocks/v3/milestone-mute-notifications-from-a-conversation.html</link>
+<guid>https://gnusocial.rocks/v3/./milestone-mute-notifications-from-a-conversation.html</guid>
+<dc:creator>GNU social development team</dc:creator>
+<pubDate>Tue, 18 Jan 2022 01:39:10 +0000</pubDate></item>
+<item><title>
 Milestone: Albums
 </title><description><![CDATA[
 
@@ -31,6 +75,8 @@ specialisation of a collection.</p>
 <p><img src="assets/collection/attachments.png" alt="" title="" /></p>
 
 
+
+
 <!-- text end -->
 ]]></description><link>https://gnusocial.rocks/v3/milestone-albums.html</link>
 <guid>https://gnusocial.rocks/v3/./milestone-albums.html</guid>
@@ -85,6 +131,8 @@ automatically</a>.</p>
 <p><img src="assets/search/actor_options.png" alt="" title="" /></p>
 
 
+
+
 <!-- text end -->
 ]]></description><link>https://gnusocial.rocks/v3/milestone-collections.html</link>
 <guid>https://gnusocial.rocks/v3/./milestone-collections.html</guid>
@@ -109,6 +157,8 @@ plugin? How is it better than v2's?</p>
 
 
 
+
+
 <!-- text end -->
 ]]></description><link>https://gnusocial.rocks/v3/milestone-activitypub.html</link>
 <guid>https://gnusocial.rocks/v3/./milestone-activitypub.html</guid>
@@ -212,6 +262,8 @@ tag.</p>
 
 
 
+
+
 <!-- text end -->
 ]]></description><link>https://gnusocial.rocks/v3/milestone-tags.html</link>
 <guid>https://gnusocial.rocks/v3/./milestone-tags.html</guid>
@@ -287,6 +339,8 @@ Given a valid colour, it's the actor's responsibility whether or not the colours
 
 
 
+
+
 <!-- text end -->
 ]]></description><link>https://gnusocial.rocks/v3/milestone-actor-colour-theme-plugin.html</link>
 <guid>https://gnusocial.rocks/v3/./milestone-actor-colour-theme-plugin.html</guid>
@@ -312,6 +366,8 @@ Updates: Interface Structure and Flexibility improved
 
 
 
+
+
 <!-- text end -->
 ]]></description><link>https://gnusocial.rocks/v3/updates-interface-structure-and-flexibility-improved.html</link>
 <guid>https://gnusocial.rocks/v3/./updates-interface-structure-and-flexibility-improved.html</guid>
@@ -367,6 +423,8 @@ for actual internationalization of the free network.</p>
 
 
 
+
+
 <!-- text end -->
 ]]></description><link>https://gnusocial.rocks/v3/milestone-notes-and-actors-with-languages.html</link>
 <guid>https://gnusocial.rocks/v3/./milestone-notes-and-actors-with-languages.html</guid>
@@ -415,6 +473,8 @@ Milestone: ActivityStreams 2.0 and WebFinger
 
 
 
+
+
 
 
 
@@ -423,130 +483,4 @@ Milestone: ActivityStreams 2.0 and WebFinger
 <guid>https://gnusocial.rocks/v3/./milestone-activitystreams-20-and-webfinger.html</guid>
 <dc:creator>GNU social development team</dc:creator>
 <pubDate>Wed, 03 Nov 2021 01:48:35 +0000</pubDate></item>
-<item><title>
-Updates: Interface and accessibility
-</title><description><![CDATA[
-
-<p>Hello everyone! Throughout the past year there has been a lot of work in creating a polished, modern looking UI. 
-This update has been in the works for a long time... Many considerations had to be done, and given the current state of 
-modern browsers (and their over-reliance in JS) many more surfaced, leading to further testing and fixes. </p>
-
-<p>We hope you like it!</p>
-
-<h3>The prime directive</h3>
-
-<blockquote>
-  <p>Modern looking, consistent and accessible UI across all browsers. 
-Non-JS version as the primary focus, <strong>JS is optional</strong> and should be regarded as such.</p>
-</blockquote>
-
-<p>The Web is 95% typography, the art and technique of arranging type to make text more readable and pleasing.
-To achieve this, a textual hierarchy is fundamental, text should present a clear, readable structure to the reader. 
-In much of the same fashion, the way we perceive Web pages relies upon the same fundamentals. As such, by focusing on the
-markup, we hope to achieve an accessible, fast and polished structure by which any browser and screen reader relies upon.</p>
-
-<h3>Features</h3>
-
-<ul>
-<li>Accessible
-<ul>
-<li>Easy to use keyboard only navigation</li>
-<li>Feedback on focused elements</li>
-<li>Keyboard shortcuts to access main regions</li>
-<li>Vi-like shortcuts</li>
-<li>Screen reader tested</li>
-<li>Notifies the user when focusing on key elements, such as the feed, notes and actions</li>
-<li>Brief description of navigation links</li>
-<li>Using semantic HTML whenever possible</li>
-<li>Special care given for styling solutions that could break accessibility</li>
-<li>Colors and type sizes in accordance to W3C contrast guidelines</li>
-<li>Chosen specifically blue-ish and grey-ish hues for faster page loading perception</li>
-</ul></li>
-<li>Fast, the content provided to the user really is just markup and some CSS rules
-<ul>
-<li>Optionally there will be some small use cases where JS makes sense (it's the only thing modern browsers understand e.e)</li>
-<li>For example, cropping your avatar before uploading a new one.</li>
-<li>This is the only example until now.</li>
-</ul></li>
-<li>Dark and light default themes available (according to your system theme)</li>
-<li>Graceful degradation for unsupported HTML elements</li>
-<li>Achieving modern user interface patterns without JS</li>
-<li>Various layout engines tested and work as they should
-<ul>
-<li>Qt WebEngine (Qutebrowser, Falkon, Otter Browser, etc...)</li>
-<li>WebkitGTK (Epiphany, Midori, etc...)</li>
-<li>Gecko (Firefox and derivatives)</li>
-<li>Goanna (Palemoon, Basilisk, etc...)</li>
-<li>Internet Explorer</li>
-</ul></li>
-</ul>
-
-<h3>Video</h3>
-
-<h4>Keyboard tests</h4>
-
-<iframe width="560" height="315" sandbox="allow-same-origin allow-scripts allow-popups" title="GNU social v3 Accessibility: Orca reading the Public feed" src="https://tube.tchncs.de/videos/embed/9a16e84c-4150-4849-ac63-019c9a3782d9" frameborder="0" allowfullscreen></iframe>
-
-<hr>
-]]></description><link>https://gnusocial.rocks/v3/updates-interface-and-accessibility.html</link>
-<guid>https://gnusocial.rocks/v3/./updates-interface-and-accessibility.html</guid>
-<dc:creator>GNU social development team</dc:creator>
-<pubDate>Mon, 13 Sep 2021 17:32:55 +0100</pubDate></item>
-<item><title>
-Updates: V3 blog
-</title><description><![CDATA[
-
-<p>We initially thought that the milestones list would be enough to
-announce the development progress. But it's a little too vague
-and doesn't really let us express all the on going changes and efforts.</p>
-
-<p>The <a href="https://code.undefinedhackers.net/GNUsocial/gnu-social/commits/branch/v3">git
-history</a> is clear (we believe), but it can be challenging and obscure to outsiders and non-technical people.</p>
-
-<p>With the introduction of this blog made with
-<a href="https://github.com/cfenollosa/bashblog">bashblog</a>, we hope to make all the progress more visible and easier of following :)</p>
-
-<p>It has a <a href="https://www.gnusocial.rocks/v3/feed.rss">RSS feed</a> so, don't
-forget to subscribe!</p>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<!-- text end -->
-]]></description><link>https://gnusocial.rocks/v3/updates-v3-blog.html</link>
-<guid>https://gnusocial.rocks/v3/./updates-v3-blog.html</guid>
-<dc:creator>GNU social development team</dc:creator>
-<pubDate>Mon, 16 Aug 2021 13:37:42 +0100</pubDate></item>
 </channel></rss>

v3/index.html

@@ -45,6 +45,7 @@ Our objective is to further differentiate GNU social from the alternative softwa
 <h3>Blog</h3>
 <h4 class='allposts_header'>January 2022</h4>
 <ul>
+<li><a href="./milestone-web-monetization.html">Milestone: Web Monetization</a> &mdash; January 18, 2022</li>
 <li><a href="./milestone-mute-notifications-from-a-conversation.html">Milestone: Mute notifications from a conversation</a> &mdash; January 18, 2022</li>
 <li><a href="./milestone-albums.html">Milestone: Albums</a> &mdash; January 18, 2022</li>
 <li><a href="./milestone-collections.html">Milestone: Collections</a> &mdash; January 18, 2022</li>

v3/milestone-activitypub.html

@@ -58,6 +58,7 @@ plugin? How is it better than v2's?</p>
 
 
 
+
 <!-- text end -->
 <!-- entry end -->
 </div>

v3/milestone-activitystreams-20-and-webfinger.html

@@ -83,6 +83,7 @@ GNU social development team
 
 
 
+
 
 
 <!-- text end -->

v3/milestone-actor-colour-theme-plugin.html

@@ -109,6 +109,7 @@ Given a valid colour, it's the actor's responsibility whether or not the colours
 
 
 
+
 <!-- text end -->
 <!-- entry end -->
 </div>

v3/milestone-albums.html

@@ -65,6 +65,7 @@ specialisation of a collection.</p>
 
 
 
+
 <!-- text end -->
 <!-- entry end -->
 </div>

v3/milestone-collections.html

@@ -88,6 +88,7 @@ automatically</a>.</p>
 
 
 
+
 <!-- text end -->
 <!-- entry end -->
 </div>

v3/milestone-documentation-and-tests-infrastructure.html

@@ -109,6 +109,7 @@ is properly tested, we have the
 
 
 
+
 
 
 <!-- text end -->

v3/milestone-mute-notifications-from-a-conversation.html

@@ -47,6 +47,7 @@ to stop receiving notifications derived from that, it is now possible:
 <img src="assets/conversation/mute.png" alt="" title="" /></p>
 
 
+
 <!-- text end -->
 <!-- entry end -->
 </div>

v3/milestone-notes-and-actors-with-languages.html

@@ -89,6 +89,7 @@ for actual internationalization of the free network.</p>
 
 
 
+
 <!-- text end -->
 <!-- entry end -->
 </div>

v3/milestone-port-media-handling-from-v2.html

@@ -113,6 +113,7 @@ The key ones are:</p>
 
 
 
+
 
 
 <!-- text end -->

v3/milestone-tags.html

@@ -137,6 +137,7 @@ tag.</p>
 
 
 
+
 <!-- text end -->
 <!-- entry end -->
 </div>

v3/milestone-web-monetization.html

@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=0.86, maximum-scale=5.0, minimum-scale=0.86">
+<link rel="shortcut icon" href="/favicon.ico">
+<link rel="stylesheet" href="https://www.gnusocial.rocks//assets/css/reset.css">
+<link rel="stylesheet" href="https://www.gnusocial.rocks//assets/css/blog.css">
+<link rel='stylesheet' type='text/css' href="https://www.gnusocial.rocks//assets/fonts/opensans/opensans.css"><title>Milestone: Web Monetization - GNU social V3</title>
+</head><body>
+<header>
+<div class="home-menu menu menu-horizontal menu-fixed">
+<a class="menu-heading" href="https://gnusocial.rocks/">
+<img src="../assets/img/gnu-social-logo-invert.svg" alt="GNU social">
+<b>gnu</b>social
+</a>
+</div>
+<div class="sidebar">
+<ul class="menu-list">
+<li class="menu-item menu-selected"><a href="index.html" class="menu-link">Blog Index</a></li>
+<li class="menu-item"><a href="https://code.gnusocial.rocks/" class="menu-link">Repository</a></li>
+<li class="menu-item"><a href="https://coverage.gnusocial.rocks/" class="menu-link">Code Coverage</a></li>
+<li class="menu-item"><a href="https://docs.gnusocial.rocks/" class="menu-link">Documentation</a></li>
+<li class="menu-item"><a href="https://agile.gnusocial.rocks/" class="menu-link">Wiki</a></li>
+<li class="menu-item"><a href="https://kanban.undefinedhackers.net/?controller=BoardViewController&action=readonly&token=d2293e55cabae7cceff9fb496c651328195357d392b9e61a9f229ed6d463" class="menu-link">Roadmap</a></li>
+</ul>
+</div>
+</header>
+
+<div class="content-wrapper">
+<div class="content">
+</div></div></div>
+<div id="template-wrapper"><div class="template-unit">
+<!-- entry begin -->
+<h3><a class="ablack" href="milestone-web-monetization.html">
+Milestone: Web Monetization
+</a></h3>
+<!-- bashblog_timestamp: #202201180157.40# -->
+<div class="subtitle">January 18, 2022 &mdash; 
+GNU social development team
+</div>
+<!-- text begin -->
+
+<p><a href="https://webmonetization.org/">Web Monetization</a> is being proposed as a W3C
+standard at the Web Platform Incubator Community Group.</p>
+
+<p>GNU social now supports that initiative with the <a href="https://code.undefinedhackers.net/GNUsocial/gnu-social/src/branch/v3/plugins/WebMonetization">Web Monetization plugin</a>.</p>
+
+<p>With this, we also introduce an ActivityPub (FEP pending) GS extension
+<code>gs:webmonetizationWallet</code>. This enables actors to support other actors with Web
+Monetization in the fediverse.</p>
+
+<p>It looks like this:</p>
+
+<h2>Own profile</h2>
+
+<p><img src="assets/web_monetization/address.png" alt="" title="" /></p>
+
+<h2>In the profile of other actors</h2>
+
+<p><img src="assets/web_monetization/donate.png" alt="" title="" /></p>
+
+
+<!-- text end -->
+<!-- entry end -->
+</div>
+ </div></div>
+<footer class="footer l-box is-center">
+This site's source is
+<a href="https://code.undefinedhackers.net/GNUsocial/gnusocial.rocks">hosted here</a>.
+</footer></body></html>

v3/milestone-web-monetization.md

@@ -0,0 +1,17 @@
+Milestone: Web Monetization
+
+[Web Monetization](https://webmonetization.org/) is being proposed as a W3C
+standard at the Web Platform Incubator Community Group.
+
+GNU social now supports that initiative with the [Web Monetization plugin](https://code.undefinedhackers.net/GNUsocial/gnu-social/src/branch/v3/plugins/WebMonetization).
+
+With this, we also introduce an ActivityPub (FEP pending) GS extension
+`gs:webmonetizationWallet`. This enables actors to support other actors with Web
+Monetization in the fediverse.
+
+It looks like this:
+## Own profile
+![](assets/web_monetization/address.png)
+## In the profile of other actors
+![](assets/web_monetization/donate.png)
+

v3/updates-finish-the-avatar-component.html

@@ -145,6 +145,7 @@ GNU social development team
 
 
 
+
 
 
 <!-- text end -->

v3/updates-implement-storeremotemedia-for-v3-and-port-embed.html

@@ -81,6 +81,7 @@ attempts to generate a page preview from open graph and oembed. I.e., acts when
 
 
 
+
 
 
 <!-- text end -->

v3/updates-improve-the-attachments-system.html

@@ -114,6 +114,7 @@ any remote URL being shared in a note.</li>
 
 
 
+
 
 
 <!-- text end -->

v3/updates-interface-and-accessibility.html

@@ -146,6 +146,7 @@ markup, we hope to achieve an accessible, fast and polished structure by which a
 
 
 
+
 
 
 <!-- text end -->

v3/updates-interface-structure-and-flexibility-improved.html

@@ -59,6 +59,7 @@ GNU social development team
 
 
 
+
 <!-- text end -->
 <!-- entry end -->
 </div>

v3/updates-v3-blog.html

@@ -89,6 +89,7 @@ forget to subscribe!</p>
 
 
 
+
 
 
 <!-- text end -->