Join or Log in
×

<!DOCTYPE html>
<html>

<head>
<title>paragraph.club</title>

<link rel="apple-touch-icon" sizes="57x57" href="/static/favicons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/static/favicons/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/static/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/static/favicons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/static/favicons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/static/favicons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/static/favicons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/static/favicons/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/static/favicons/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="/static/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/static/favicons/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/static/favicons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/static/favicons/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/static/favicons/manifest.json">
<link rel="mask-icon" href="/static/favicons/safari-pinned-tab.svg" color="#5bbad5">
<meta name="apple-mobile-web-app-title" content="Paragraph.Club">
<meta name="application-name" content="Paragraph.Club">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<meta name="theme-color" content="#ffffff">

<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300">
<link rel="stylesheet" href="/static/main.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-75678414-1', 'auto');ga('send', 'pageview');

</script>
</head>

<body class="padding">
<div class="content-region content-region--tall">
<h1 class="content-region__title">⁋</h1>
</div>
<div class="mode mode--9">
<div class="letter stretch stretch--0">
<div class="mode__unit mode__unit0">
<div class="letter__row letter__row--field">
<div class="letter__row-entry letter__row-left">Name</div>
<div class="letter__row-entry letter__row-right">paragraph.club</div>
<button class="js-signup btn" name="signup">Sign Up</button>
</div>
<div class="letter__row letter__row--field">
<div class="letter__row-entry letter__row-left">Subject</div>
<div class="letter__row-entry letter__row-right">an experiment in keeping in touch</div>
</div>
<div class="letter__row letter__row--main">
<p>Hi friend,</p>
<p>If you're like us you've been experiencing the challenge of keeping in touch with the people you really care about.</p>
<p>We've been thinking about how to create something that might help us <b>feel closer to the people who matter in our lives</b> and came to feel that getting a little message from our friends every couple weeks might go a long way toward doing just that.</p>
<p>To try this out, we built something we're calling paragraph.club. It lets you <b>receive messages every other week from friends</b> you’d like to hear from and write messages to those who want to hear from you. You follow friends, friends follow you, and paragraph.club makes it super easy to receive “paragraphs” and way less scary to write your own. <b>It all takes place over email</b>, so there are no new apps to download.</p>
<p>We've been using it with a handful of friends for the past few months, tweaking and optimizing for love along the way. It’s been wonderful. And now we'd love for you to join us.</p>
<p>
<p>♥!</p>
</div>
</div>
<div class="mode__unit mode__unit1">
<div class="letter__row letter__row--field">
<label class="letter__row-entry letter__row-left letter__row-left--wide"
for="firstName">First Name</label>
<div class="letter__row-entry letter__row-right">
<input type="text"
class="js-firstName input"
id="firstName"
placeholder="Will"
data-error-class="letter__row--error"
data-error-parent="letter__row">
</input>
</div>
</div>
<div class="letter__row letter__row--field">
<label class="letter__row-entry letter__row-left letter__row-left--wide"
for="lastName">Last Name</label>
<div class="letter__row-entry letter__row-right">
<input type="text"
class="js-lastName input"
id="lastName"
placeholder="Shakespeare"
data-error-class="letter__row--error"
data-error-parent="letter__row">
</input>
</div>
</div>
<div class="letter__row letter__row--field">
<label class="letter__row-entry letter__row-left letter__row-left--wide "
for="email">Email</label>
<div class="letter__row-entry letter__row-right">
<input type="email"
class="js-email input"
id="email"
placeholder="willshakesallday@hotmail.com"
data-error-class="letter__row--error"
data-error-parent="letter__row">
</input>
</div>
</div>
<button class="js-save btn btn--fill"
data-save='{
"firstName":"js-firstName",
"lastName":"js-lastName",
"email": "js-email"
}'
data-save-assertion='{
"firstName":"notBlank",
"lastName":"notBlank",
"email": "isEmail"
}'
data-url="/api/users"
data-success-state="thanks"
data-loading-class="btn--loading">Sign Up</button>
</div>
<div class="mode__unit mode__unit2">
<div class="letter__row">
<p>K, now check your email!</p>
<p>Thanks for letting us get in touch with you — that’s an opportunity we don’t take lightly, and we promise to respect your inbox and take up space only when we need to. For the most part you’ll be receiving paragraphs from friends, and <b>we just sent you an email that will let you start doing just that.</b></p>
</div>
</div>
</div>
</div>

<script src="/static/main.js"></script>

</body>
</html>

Added by Lukas W
Updated 14 days ago

Nothing here yet...

Go to Lukas W's profile or explore recent public channels from other users