<!DOCTYPE html>
<html>
<head>
<title>
Wordsmith
</title>
<style type="text/css">
h2 {
font-weight : normal;
}
#pricing.content-container div.form-container #payment-form {
display : block !important;
}
#pricing #signup-form table {
max-width : inherit !important;
width : 100%;
}
#pricing #payment-form table {
margin-top : 0 !important;
max-width : inherit !important;
width : 100%;
}
tr.subscription {
border-spacing : 0;
}
#pricing.content-container tr.subscription button {
margin-top : 0 !important;
margin-bottom : 0 !important;
width : 100%;
}
#pricing tr.subscription td {
padding : 0 0.5em;
}
#pricing table.billing > tbody > tr > td:first-child {
vertical-align : middle !important;
}
.billing-section {
display : none;
}
.billing-section.bill-me {
display : table-row;
}
#btn-create {
color : white !important;
}
#total-price {
padding-left : 0.5em;
}
#alias-site.demo {
color : #999;
}
#alias-site {
text-align : left;
margin : 0.5em 0;
}
form dd {
margin : 0;
}
.banner-container {
text-align : left;
}
.banner-container h1 {
margin-top : 0;
max-width : 8em;
}
</style>
<link href="https://wordsmith.social/css/write.css?da045513e1019f1d25784" rel="stylesheet" type="text/css">
<link href="https://wordsmith.social/favicon.ico" rel="shortcut icon">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="Wordsmith" name="application-name">
<meta content="https://wordsmith.social" name="application-url">
<meta content="Wordsmith" property="og:site_name">
</head>
<body>
<div id="overlay">
</div>
<header>
<h2>
<a href="/">
Wordsmith
</a>
</h2>
<nav id="user-nav">
<nav class="tabs">
<a href="/about">
About
</a>
<a href="/read">
Reader
</a>
<a href="/login">
Log in
</a>
</nav>
</nav>
</header>
<div id="official-writing">
<div class="content-container wide-form" id="pricing">
<div class="row">
<div class="banner-container">
<h1 id="start-your-blog-in-the-fediverse">
Start your blog in the fediverse
</h1>
<p>
<a href="#more">
Learn more...
</a>
</p>
</div>
<div style="padding: 2em 0;">
<p style="font-size: 1.3em; margin: 1rem 0;">
Registration is currently closed.
</p>
<p>
You can always sign up on
<a href="https://writefreely.org/instances">
another instance
</a>
.
</p>
</div>
</div>
<a name="more">
</a>
<hr style="margin: 1em auto 3em;">
</div>
<div class="content-container snug">
<h2 id="join-the-fediverse">
Join the Fediverse
</h2>
<p>
The fediverse is a large network of platforms that all speak a common language. Imagine if you could reply to Instagram posts from Twitter, or interact with your favorite Medium blogs from Facebook — federated alternatives like
<a href="https://pixelfed.org" rel="nofollow">
PixelFed
</a>
,
<a href="https://joinmastodon.org" rel="nofollow">
Mastodon
</a>
, and WriteFreely enable you to do these types of things.
</p>
<div style="text-align:center">
<iframe allowfullscreen="" frameborder="0" src="https://video.writeas.org/videos/embed/cc55e615-d204-417c-9575-7b57674cc6f3" style="width: 560px; height: 315px; max-width: 100%;">
</iframe>
</div>
<h2 id="write-more-socially">
Write More Socially
</h2>
<p>
WriteFreely can communicate with other federated platforms like Mastodon, so people can follow your blogs, bookmark their favorite posts, and boost them to their followers. Sign up above to create a blog and join the fediverse.
</p>
</div>
<script src="/js/h.js" type="text/javascript">
</script>
<script type="text/javascript">
function signup() {
var $pass = document.getElementById('password');
if (!aliasOK) {
var $a = $alias;
$a.el.className = 'error';
$a.el.focus();
$a.el.scrollIntoView();
return false;
}
if ($pass.value == "") {
var $a = $pass;
$a.className = 'error';
$a.focus();
$a.scrollIntoView();
return false;
}
var $btn = document.getElementById('btn-create');
$btn.disabled = true;
$btn.value = 'Creating...';
return true;
}
var $alias = H.getEl('alias');
var $aliasSite = document.getElementById('alias-site');
var aliasOK = true;
var typingTimer;
var doneTypingInterval = 750;
var doneTyping = function() {
var alias = $alias.el.value;
if (alias != "") {
var params = {
username: alias
};
var http = new XMLHttpRequest();
http.open("POST", '/api/alias', true);
http.setRequestHeader("Content-type", "application/json");
http.onreadystatechange = function() {
if (http.readyState == 4) {
data = JSON.parse(http.responseText);
if (http.status == 200) {
aliasOK = true;
$alias.removeClass('error');
$aliasSite.className = $aliasSite.className.replace(/(?:^|\s)demo(?!\S)/g, '');
$aliasSite.className = $aliasSite.className.replace(/(?:^|\s)error(?!\S)/g, '');
$aliasSite.innerHTML = '@<strong>' + data.data + '</strong>@wordsmith.social';
} else {
aliasOK = false;
$alias.setClass('error');
$aliasSite.className = 'error';
$aliasSite.textContent = data.error_msg;
}
}
};
http.send(JSON.stringify(params));
} else {
$aliasSite.className += ' demo';
$aliasSite.innerHTML = '@<strong>your-username</strong>@wordsmith.social';
}
};
$alias.on('keyup input', function() {
clearTimeout(typingTimer);
typingTimer = setTimeout(doneTyping, doneTypingInterval);
});
</script>
</div>
<footer class="contain-me">
<hr>
<div class="marketing-section">
<div class="clearfix blurbs">
<div class="half">
<h3>
<a class="home" href="/">
Wordsmith
</a>
</h3>
<ul>
<li>
<a href="/about">
about
</a>
</li>
<a href="/read">
reader
</a>
<li>
<a href="/privacy">
privacy
</a>
</li>
</ul>
</div>
<div class="half">
<h3>
<a href="https://writefreely.org" style="color:#444;text-transform:lowercase;">
WriteFreely
</a>
</h3>
<ul>
<li>
<a href="https://writefreely.org/guide/v0.12.0" target="guide">
writer's guide
</a>
</li>
<li>
<a href="https://developers.write.as/" title="Build on WriteFreely with our open developer API.">
developers
</a>
</li>
<li>
<a href="https://github.com/writeas/writefreely">
source code
</a>
</li>
<li style="margin-top:0.8em">
v0.12.0
</li>
</ul>
</div>
</div>
</div>
</footer>
<script type="text/javascript">
try {
WebFontConfig = {
custom: {
families: ['Lora:400,700:latin','Open+Sans:400,700:latin'],
urls: ['/css/fonts.css']
}
};
(function() {
var wf = document.createElement('script');
wf.src = '/js/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})();
} catch (e) {
}
</script>
</body>
</html>