@@ -1,30 +1,38 @@ 
 ---
 template: page.html
 title: forlater.email
-subtitle: Email-based bookmarking service.
+subtitle: email-based bookmarking service
 ---
 
-Email-based bookmarking service.
+## what?
 
-**NOTICE**: it's not up yet!
+forlater is an email-based bookmarking service. You send us an
+email with a link (or links), and receive a readable, clutter-free
+version of the article in an email.
 
-### save it for later
+## how does it work?
 
-*TL;DR*: Send a link to `save@forlater.email` to get started!
+Easy. Do this:
 
-Simply send an email with a link (or links; one per line) to
-`save@forlater.email`, and you'll get a readable, clutter-free version
-of it in your inbox. No tracking, no bullshit.
+- Grab a link. Copy it to your clipboard, use your phone's share-menu,
+  whatever.
+- Compose an email using any mail client to `save@forlater.email` with
+  the link in the body. The subject doesn't matter.
+- Hit send and give it a moment.
 
-Don't like HTML email? Me neither, actually. I've got you covered: all
-emails have both `text/html` and `text/plain` parts; plaintext content
-is optimized for readability, with images and links as footnotes.
+All emails are both `text/html` and `text/plain`. The plaintext is
+optimized for maximum readability, with all images and links converted
+to footnotes. The HTML is minimally styled, and should look fine in just
+about any mail client.
 
-### organizing saved pages
+## but why email?
 
-All saved email come from `saved@forlater.email` (notice `saved`!). For
-example, here's a [sieve](http://sieve.info/) filter for sending mail
-from `saved@forlater.email` to a folder called `Read Later`.
+The reason is simple: you get organization for free. All mail sent by us
+originate from `saved@forlater.email` (notice `saved`!), and you can
+filter these however you like.
+
+For example, here's a [sieve](http://sieve.info/) filter for redirecting
+mail from `saved@forlater.email` to a folder called `Read Later`.
 
 ```sieve
 require ["fileinto", "mailbox"];
@@ -39,3 +47,57 @@ rules](https://support.google.com/mail/answer/6579?hl=en#zippy=%2Ccreate-a-filter)
 to automatically label mail from `saved@forlater.email`.
 
 In short: do it however you like! That's the beauty of email.
+
+## important notes
+
+forlater is still beta quality software. The web is hard, and so is
+email. Some pages might not get parsed properly; if you're trying to
+save pages that don't primarily have much text, it probably won't work
+very well.
+
+I might consider making this paid once I'm convinced I'm not the only
+user, but I really don't want to integrate payment code. If only
+Liberapay had an API!
+
+## FAQs
+
+They're not really that frequent.
+
+### how is this better than Pocket?
+
+Let's see...
+
+- You own your data. It lives right in your inbox!
+- You don't need yet another account or app. Just simple email.
+- We're open source!
+
+That said, Pocket has a full-fledged engineering team working on it, so
+their article parsing is probably better.
+
+### are you tracking me?!
+
+Nope. You can audit our code [here](https://github.com/forlater-email).
+However, for the moment, we're using [Mailjet](https://mailjet.com) for
+outbound email. All tracking is turned off, and we only use the SMTP
+relay.
+
+I'd really like to move away from them and host my own server, in
+the near future.
+
+### are you open source?
+
+Yes, as mentioned previously (twice!), we are open source -- licensed
+under (A)GPL. See:
+
+- https://github.com/forlater-email
+- https://git.icyphox.sh/forlater
+
+### you keep saying 'we'; how many of you are there?!
+
+I'm just [one guy](https://icyphox.sh). 'We' just sounds right.
+Feel free to email me at x@icyphox.sh to report any issues.
+
+### I'm super rich and I'd love to give you all my money!
+
+Sure thing. Click here:
+[![liberapay](https://liberapay.com/assets/widgets/donate.svg)](https://liberapay.com/icyphox/donate)

@@ -1,5 +1,5 @@ 
 :root {
-  --bg: #fff;
+  --bg: #f4f4f4;
   --cyan: #509c93;
   --light-gray: #eee;
   --gray: #6a6a6a;
@@ -43,10 +43,10 @@ padding: 20px 0 15px 0;
 }
 
 .logo {
-  width: 75%;
-  margin: 50px auto 50px auto;
-  padding: 50px 0 20px 0;
-  display: block;
+  width: 100%;
+  text-align: center;
+  padding: 0;
+  margin: 0;
 }
 
 .footer img {
@@ -61,7 +61,8 @@ }
 
 .footer span {
   display: inline-block;
-  padding: 0;
+  padding: 0 0 0 10px;
+  margin-top: 10px;
   word-wrap: break-word;
 }
 
@@ -69,11 +70,8 @@ a {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
+  text-decoration: none;
   word-wrap: break-word;
-}
-
-a::visited {
-  color: var(--cyan);
 }
 
 main a {
@@ -181,7 +179,7 @@ transform: translateY(30%);
 }
 
 header {
-  padding-bottom: 20px;
+  padding-bottom: 40px;
 }
 
 hr {
@@ -192,12 +190,8 @@ }
 
 footer {
   border-top: 1.5px solid;
-  margin: 20px 0 20px 10px;
-  padding-top: 10px;
-}
-
-footer a {
-  text-decoration: underline;
+  margin: 20px 0 40px 10px;
+  padding-top: 30px;
 }
 
 .post-date {
@@ -214,3 +208,13 @@ color: var(--darker);
   padding-left: 20px;
   border-left: 3px solid var(--gray);
 }
+
+.big {
+  font-size: 40px;
+  text-align: center;
+}
+
+.subbig {
+  font-size: 25px;
+  text-align: center;
+}

@@ -9,18 +9,23 @@ </title>
   <body>
   <main>
     <header>
+      <div class="logo">
       <a href=/>
-        <img src="/static/logo.png" alt="forlater.email logo" height="70" width="70"/>
+        <img src="/static/logo.png" alt="forlater.email logo" height="100" width="100"/>
       </a>
+      </div>
+      <h1 class="big">forlater<span style="color:
+                 #509c93">.email</span><span style="font-size:
+                         24px"> (beta)</span></h1>
+      <h2 class="subbig">{{ index .Meta "subtitle" }}</h2>
     </header>
     <article align="left">
-      <h1>{{ index .Meta "title" }}</h1>
       {{ .Body }}
     </article>
   </main>
-  <footer>
+  <!--  <footer>
     {{ template "footer.html" }}
-  </footer>
+    </footer>!-->
 </body>
 
 </html>