Commit 6286ced1 authored by Eugen Rochko's avatar Eugen Rochko

Add newsletter form to the iOS article

parent dd7f8ada
Pipeline #1082 passed with stages
in 30 seconds
web: hugo server -D
sass: cd static && sass -w style.scss
sass: cd static && sass -w style.scss:style.css
......@@ -10,16 +10,18 @@ resources:
src: hero.jpg
---
One of the ways Mastodon sets itself apart from current-day Twitter is its API-first approach (every function available through the web interface is available through the API, in fact, our web client is just an API client that runs in the browser). A third-party app ecosystem contributed in large part to Twitter's success at the beginning, with many innovative features like retweets coming originally from unofficial apps, and it is serving a similarly instrumental role for Mastodon. It is great that Mastodon users can choose from a variety of apps with distinct approaches to user experience.
One of the ways Mastodon sets itself apart from current-day Twitter is its API-first approach (every function available through the web interface is available through the API, in fact, our web client is just an API client that runs in the browser). A third-party app ecosystem contributed in large part to Twitter's success at the beginning, with many innovative features like retweets coming originally from unofficial apps, and it is serving a similarly instrumental role for Mastodon. It is great that Mastodon users can choose from a variety of apps with distinct approaches to user experience.
However, there is a gap in this ecosystem, illustrated best by the amount and frequency with which new users ask us where to find the "Mastodon" app, why there is no "Mastodon" app, and when we will release a "Mastodon" app. Irrespective of our efforts of promoting third-party apps at every turn -- from joinmastodon.org, from the web interface, from the frontpage of every Mastodon server -- **the lack of an app that carries our name in the app stores trips up newcomers**.
However, there is a gap in this ecosystem, illustrated best by the amount and frequency with which new users ask us where to find the "Mastodon" app, why there is no "Mastodon" app, and when we will release a "Mastodon" app. Irrespective of our efforts of promoting third-party apps at every turn -- from joinmastodon.org, from the web interface, from the frontpage of every Mastodon server -- **the lack of an app that carries our name in the app stores trips up newcomers**.
This hampers our chances of converting people browsing app stores for a few reasons: We're less likely to get on trending lists even when Mastodon is in the spotlight, since people either fail to find a native app or are split between multiple ones; most if not all contemporary third-party Mastodon apps do not prioritize first-time user onboarding, with many not offering sign-up functionality; and while it is fair that some of the apps are paid and not free, somebody looking to try out a new social network is not going to take the chance on their credit card.
This hampers our chances of converting people browsing app stores for a few reasons: We're less likely to get on trending lists even when Mastodon is in the spotlight, since people either fail to find a native app or are split between multiple ones; most if not all contemporary third-party Mastodon apps do not prioritize first-time user onboarding, with many not offering sign-up functionality; and while it is fair that some of the apps are paid and not free, somebody looking to try out a new social network is not going to take the chance on their credit card.
That is all to say, **we need an official Mastodon app that is free to download and that is specialized in helping new users get started on the platform**. The end-goal is also to reach feature-parity with the web interface and spearhead new API features. The more new users we can successfully convert to Mastodon, the bigger the pool of potential users for all third-party apps will be, and if app developers are motivated to implement previously missing features to stay competetive, all the better.
That is all to say, **we need an official Mastodon app that is free to download and that is specialized in helping new users get started on the platform**. The end-goal is also to reach feature-parity with the web interface and spearhead new API features. The more new users we can successfully convert to Mastodon, the bigger the pool of potential users for all third-party apps will be, and if app developers are motivated to implement previously missing features to stay competetive, all the better.
**We will focus on developing an official, open-source iOS app first**. I have compiled a roadmap of features that a Mastodon app ought to have, with the first milestone being a Minimum Viable Product which we could get out on the App Store by summer. I am teaming up with engineers from [Sujitech](https://sujitech.com/), who have a long history with the fediverse, and UX designers from the NYC agency [Lickability](https://lickability.com/), whose track record includes iOS apps for Meetup and the New Yorker.
The work begins on February 8, 2021.
To help offset the costs of this undertaking, I have created a new milestone on [Mastodon's Patreon profile](https://patreon.com/mastodon). If you've got a business, you can now [sponsor Mastodon directly](https://sponsor.joinmastodon.org) without going through Patreon, with much smaller processing fees and tax-compliant invoices. **Thanks to everyone who is already sponsoring Mastodon, and stay tuned for updates!**
\ No newline at end of file
To help offset the costs of this undertaking, I have created a new milestone on [Mastodon's Patreon profile](https://patreon.com/mastodon). If you've got a business, you can now [sponsor Mastodon directly](https://sponsor.joinmastodon.org) without going through Patreon, with much smaller processing fees and tax-compliant invoices. **Thanks to everyone who is already sponsoring Mastodon, and stay tuned for updates!**
{{< newsroom >}}
<form method="post" action="https://newsroom.joinmastodon.org/subscription/form" class="listmonk-form">
<input id="8b9d9" type="hidden" name="l" value="8b9d90ad-9997-4ef9-92df-c1941a1da492" />
<div>
<h3>✉️ Join the waiting list</h3>
<p>Get an e-mail when the app launches</p>
<div class="input-with-button">
<input type="email" name="email" placeholder="Your e-mail address" required="required" />
<button type="submit">Join the list</button>
</div>
</div>
</form>
This diff is collapsed.
This diff is collapsed.
......@@ -679,3 +679,105 @@ body {
font-size: 16px;
}
}
.listmonk-form {
border: 1px solid lighten($darkest, 8%);
border-radius: 4px;
text-align: center;
padding: 40px;
margin-bottom: 26px;
h3 {
margin-top: 0;
color: #fff;
}
p {
color: #fff;
}
.input-with-button {
position: relative;
input[type=email] {
box-sizing: border-box;
font-size: 16px;
color: $white;
display: block;
width: 100%;
outline: 0;
font-family: inherit;
resize: vertical;
background: darken($darkest, 10%);
border: 1px solid lighten($darkest, 8%);
border-radius: 4px;
padding: 17px 15px;
padding-right: 120px;
&::placeholder {
color: lighten(lighten($darkest, 30%), 4%);
}
&:invalid {
box-shadow: none;
}
&:focus:invalid:not(:placeholder-shown),
&:required:invalid:not(:placeholder-shown) {
border-color: lighten($error, 12%);
}
&:required:valid {
border-color: $success;
}
&:hover {
border-color: lighten($darkest, 20%);
}
&:active,
&:focus {
border-color: $vibrant;
background: darken($darkest, 8%);
}
}
button {
position: absolute;
top: 5px;
right: 6px;
display: inline-block;
border: 0;
border-radius: 4px;
font-size: 16px;
font-family: inherit;
line-height: 36px;
padding: 4px 16px;
font-weight: 500;
background: darken($success, 8%);
color: $white;
text-decoration: none;
text-align: center;
box-sizing: border-box;
cursor: pointer;
outline: 0;
&:last-child {
margin-right: 0;
}
&:hover {
background-color: $success;
}
&:active,
&:focus {
background-color: darken($success, 5%);
}
&:disabled:hover {
background-color: $lighter;
}
}
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment