-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
192 lines (185 loc) · 8.53 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
/>
<title>The Akita Project</title>
<link rel="stylesheet" href="style.css" />
<meta name="monetization" content="$ilp.uphold.com/aEYQyH47UYPY">
<meta name="description" content="Introducing Web Monetization through storytelling, easy-to-use tools and community outreach">
<link rel="icon" sizes="any" type="image/svg+xml" href="assets/icon.svg">
<!--------------------->
<!-- Social Previews -->
<!--------------------->
<meta itemprop="name" content="The Akita Project">
<meta itemprop="description" content="Introducing Web Monetization through storytelling, easy-to-use tools and community outreach">
<meta itemprop="image" content="https://esse-dev.github.io/akita-project-site/assets/preview_1280x640.png">
<meta property="og:title" content="The Akita Project">
<meta property="og:site_name" content="The Akita Project">
<meta property="og:type" content="website">
<meta property="og:description" content="Introducing Web Monetization through storytelling, easy-to-use tools and community outreach">
<meta property="og:image" content="https://esse-dev.github.io/akita-project-site/assets/preview_1280x640.png">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="640">
<meta property="og:url" content="https://esse-dev.github.io/akita-project-site/">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@esse_dev">
<meta name="twitter:creator" content="@esse_dev">
<meta name="twitter:url" content="https://esse-dev.github.io/akita-project-site/">
<meta name="twitter:title" content="The Akita Project">
<meta name="twitter:description" content="Introducing Web Monetization through storytelling, easy-to-use tools and community outreach">
<meta name="twitter:image" content="https://esse-dev.github.io/akita-project-site/assets/preview_1280x640.png">
</head>
<body>
<section class="intro">
<h1>The Akita Project</h1>
<p>
<a href="https://webmonetization.org/">Web Monetization</a> is an emerging idea
that's paving the way for a more open, fair and inclusive web, to better support
both users and creators. Web Monetization provides a way for micropayments to be
streamed anonymously from users to websites.
</p>
<p>
In May 2020, we learned about Web Monetization. A few keywords stood out to us:
open, fair and inclusive. These words weren't something we were used to seeing amongst
monetization on the web, which generally involves targeted ads, paywalls and other
unfortunate things.
</p>
<p>
But we found ourselves struggling to understand and find resources to learn about
Web Monetization. To tackle this problem, we began the Akita project. We are creating
resources which introduce Web Monetization through storytelling, easy-to-use tools and
community outreach.</p>
</p>
<p>
Created by <a href="https://sharons.site">Sharon</a>
& <a href="https://elliot.website">Elliot</a>.</p>
<p>
<a href="https://twitter.com/esse_dev">Twitter</a>
<a href="https://github.com/esse-dev">GitHub</a>
<a href="https://dev.to/esse-dev">DEV</a>
<a href="https://www.linkedin.com/company/esse-dev">LinkedIn</a>
<a href="https://community.interledger.org/akita">community.interledger.org</a>
</p>
</section>
<!------------------------------------->
<!-- Akita Browser Extension Section -->
<!------------------------------------->
<section>
<img
src="assets/banner1_browser_extension.svg"
alt="Akita Browser Extension Banner"
/>
<h2 id="akita-browser-extension">Akita Browser Extension</h2>
<p>
Whether or not you're using a Web Monetization Provider such as Coil, you
can get started with Akita to find out how you engage with Web
Monetization on the internet.
</p>
<ul>
<li>
<a href="https://github.com/esse-dev/akita">GitHub</a> — Our open-source code repository for the extension.
</li>
<li>
<a href="https://chrome.google.com/webstore/detail/akita/phcipgphomfgkenfmjnbmajdiejnlmgg">Install on Chrome</a>
</li>
<li>
<a href="https://addons.mozilla.org/en-US/firefox/addon/akita/">Install on Firefox</a>
</li>
<li>
<a href="https://microsoftedge.microsoft.com/addons/detail/akita/halamaefcdjalhjgkbefalmhpnboncoc">Install on Edge</a>
</li>
<li>
<a href="https://www.youtube.com/watch?v=9cCqfMJjAWQ">Demo Video</a>
</li>
<li>
<a href="https://community.interledger.org/akita/support-us-by-taking-the-akita-beta-release-survey-2fk4">Request for Feedback</a> — Please let us know what you think of the extension!
</li>
</ul>
</section>
<!------------------------------------------------>
<!-- 'A Web Monetization Story' Website Section -->
<!------------------------------------------------>
<section>
<img
src="assets/banner2_a_web_monetization_story.svg"
alt="'A Web Monetization Story' Website Banner"
/>
<h2 id="-a-web-monetization-story-website">'A Web Monetization Story' Website</h2>
<p>
Check out our interactive Web Monetization tutorial for online creators.
We give you the basics of how to add Web Monetization to a site through
the story of Auden and Chicken.
</p>
<ul>
<li>
<a href="https://esse-dev.github.io/a-web-monetization-story/">Website</a> — Try out the interactive tutorial!
</li>
<li>
<a href="https://github.com/esse-dev/a-web-monetization-story">GitHub</a> — Our open-source code repository for the website.
</li>
<li>
<a href="https://devpost.com/software/borzoi">Process</a> — How we built the website.
</li>
<li>
<a href="https://www.youtube.com/watch?v=EqZIcUXLZgs">Demo Video</a>
</li>
</ul>
</section>
<!-------------------------------->
<!-- Community Outreach Section -->
<!-------------------------------->
<section>
<img src="assets/banner3_outreach.svg" alt="Outreach Banner" />
<h2 id="community-outreach">Community Outreach</h2>
<p>
We've spoken at two conferences; posted articles on DEV.to, Hackernoon and
the Web Monetization Forem; and engaged with the community on a bunch of platforms.
We hope to see you around the community!
</p>
<ul>
<li>
<a href="https://caseorganic.medium.com/grant-for-the-web-feedback-from-8-creators-1-year-in-676f9fb505cf">"Grant for the Web — Feedback from 8 Creators 1 Year In"</a> — <a href="https://twitter.com/caseorganic">Amber Case</a>'s collection of grantee interviews, reflections and takeaways — including some thoughts from us!
</li>
<li>
<a href="https://hackernoon.com/doing-my-bit-to-help-build-the-web-monetization-community-f5153wh6">"Doing My Bit To Help Build the Web Monetization Community"</a> — Blog post on Sharon's Web Monetization journey.
</li>
<li>
<a href="https://www.youtube.com/watch?v=RqvS1MhNu5I">"Cultivating awareness and understanding around Web Monetization"</a> — Elliot's talk on our efforts in the micropayments space.
</li>
<li>
<a href="https://community.interledger.org/akita">Interledger Forem</a> — Our grant reports and discussions with the Interledger (formerly Web Monetization) Community.
</li>
<li>
<a href="https://twitter.com/esse_dev">Twitter</a> — We post updates here!
</li>
<li>
<a href="https://dev.to/esse-dev">DEV Community</a> — We blogged about our early stage Web Monetization efforts here.
</li>
</ul>
</section>
<!------------------------------>
<!-- Friends of Akita Section -->
<!------------------------------>
<section>
<img src="assets/banner4_friends.svg" alt="Friends of Akita Banner" />
<h2 id="friends-of-akita">Friends of Akita</h2>
<p>
Being a part of Web Monetization is awesome for a lot of reasons, but the
supportive and welcoming people are a big reason we love it. Check out
<a href="https://github.com/thomasbnt">Thomas</a>'s
<a href="https://github.com/thomasbnt/awesome-web-monetization">list of Web Monetization resources</a>
if you're interested in what the community is getting up to!
</p>
<p>
A big thanks to <a href="https://www.grantfortheweb.org/">Grant for the Web</a> for funding our project.
If you're interested, you can find the other projects funded by the grant
<a href="https://www.grantfortheweb.org/grantees">here</a>.
</p>
</section>
</body>
<script src="main.js"></script>
</html>