[BLOG][Milestone] Web Monetization

This commit is contained in:
Diogo Peralta Cordeiro 2022-01-18 01:58:44 +00:00
parent fce2d52b21
commit c906957499
Signed by: diogo
GPG Key ID: 18D2D35001FBFAB0
22 changed files with 168 additions and 128 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

View File

@ -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/"> <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> <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> <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" /> <atom:link href="https://gnusocial.rocks/v3/feed.rss" rel="self" type="application/rss+xml" />
<item><title> <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 Milestone: Albums
</title><description><![CDATA[ </title><description><![CDATA[
@ -31,6 +75,8 @@ specialisation of a collection.</p>
<p><img src="assets/collection/attachments.png" alt="" title="" /></p> <p><img src="assets/collection/attachments.png" alt="" title="" /></p>
<!-- text end --> <!-- text end -->
]]></description><link>https://gnusocial.rocks/v3/milestone-albums.html</link> ]]></description><link>https://gnusocial.rocks/v3/milestone-albums.html</link>
<guid>https://gnusocial.rocks/v3/./milestone-albums.html</guid> <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> <p><img src="assets/search/actor_options.png" alt="" title="" /></p>
<!-- text end --> <!-- text end -->
]]></description><link>https://gnusocial.rocks/v3/milestone-collections.html</link> ]]></description><link>https://gnusocial.rocks/v3/milestone-collections.html</link>
<guid>https://gnusocial.rocks/v3/./milestone-collections.html</guid> <guid>https://gnusocial.rocks/v3/./milestone-collections.html</guid>
@ -109,6 +157,8 @@ plugin? How is it better than v2's?</p>
<!-- text end --> <!-- text end -->
]]></description><link>https://gnusocial.rocks/v3/milestone-activitypub.html</link> ]]></description><link>https://gnusocial.rocks/v3/milestone-activitypub.html</link>
<guid>https://gnusocial.rocks/v3/./milestone-activitypub.html</guid> <guid>https://gnusocial.rocks/v3/./milestone-activitypub.html</guid>
@ -212,6 +262,8 @@ tag.</p>
<!-- text end --> <!-- text end -->
]]></description><link>https://gnusocial.rocks/v3/milestone-tags.html</link> ]]></description><link>https://gnusocial.rocks/v3/milestone-tags.html</link>
<guid>https://gnusocial.rocks/v3/./milestone-tags.html</guid> <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 --> <!-- text end -->
]]></description><link>https://gnusocial.rocks/v3/milestone-actor-colour-theme-plugin.html</link> ]]></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> <guid>https://gnusocial.rocks/v3/./milestone-actor-colour-theme-plugin.html</guid>
@ -312,6 +366,8 @@ Updates: Interface Structure and Flexibility improved
<!-- text end --> <!-- text end -->
]]></description><link>https://gnusocial.rocks/v3/updates-interface-structure-and-flexibility-improved.html</link> ]]></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> <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 --> <!-- text end -->
]]></description><link>https://gnusocial.rocks/v3/milestone-notes-and-actors-with-languages.html</link> ]]></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> <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> <guid>https://gnusocial.rocks/v3/./milestone-activitystreams-20-and-webfinger.html</guid>
<dc:creator>GNU social development team</dc:creator> <dc:creator>GNU social development team</dc:creator>
<pubDate>Wed, 03 Nov 2021 01:48:35 +0000</pubDate></item> <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> </channel></rss>

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -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>

View File

@ -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)

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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