Reorganized site view directory

davidmerfield · Feb 12, 2018 · 0a1fd2c · 0a1fd2c
1 parent ff69ada
commit 0a1fd2c
Show file tree

Hide file tree

Showing 56 changed files with 1,821 additions and 3,623 deletions.
diff --git a/app/site/views/_footer.html b/app/site/views/_footer.html
@@ -0,0 +1,22 @@
+  <div class="cf"></div>
+  <div class="push"></div>
+</div>
+</div>
+
+{{#menu}}
+<div class="center mw8 footer ph4">
+  <div class="nav fl w-right-offset">
+    <a href="/terms" class="pr4 {{terms}}">Terms of use</a>
+    <a href="/privacy" class="pr4 pl4 {{privacy}}">Privacy policy</a>
+    <a href="/updates" class="pr4 pl4 {{updates}}">Updates</a>
+    <a href="/contact" class="pr4 pl4 {{contact}}">Contact</a>
+  </div>
+</div>
+{{/menu}}
+<!-- 
+The empty script tag below fixes this insane CSS animation bug for pages with forms...
+https://stackoverflow.com/questions/14389566/stop-css3-transition-from-firing-on-page-load
+-->
+<script type="text/javascript"> </script>
+</body>
+</html>
diff --git a/app/site/views/_head.html b/app/site/views/_head.html
@@ -1,9 +1,11 @@
-<head>
-  <meta charset="utf-8">
-  <title>{{title}}</title>
-  <link rel="icon" href="/images/favicon.png?{{cacheID}}" type="image/x-icon">
-  <link rel="stylesheet" media="all" href="/css/style.css?{{cacheID}}" />
-  {{#noRobots}}
-  <meta name="robots" content="noindex">
-  {{/noRobots}}
-</head>
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>{{title}}</title>
+    <link rel="stylesheet" href="/css/tachyons.css?{{cacheID}}">
+    <link rel="stylesheet" href="/css/finder.css?{{cacheID}}">
+    <link rel="stylesheet" href="/css/style.css?{{cacheID}}">
+  </head>
+  <body class="sans-serif f5 lh-copy">
diff --git a/app/site/views/_header.html b/app/site/views/_header.html
@@ -1,27 +1,30 @@
-    <nav>
-      <a href="/" id="logo">Blot is a blogging platform</a>
-      <right>
-      <a href="/log-in">Log in</a>
-      <a href="/sign-up" class="butt">Sign up</a>
-      </right>
-    </nav>
+{{#menu}}
+<div class="nav fixed">
+
+  <div class="center mw8 ph4">
 
-    <sidebar>
-      <a href="/" class="{{selected.home}}">Introduction</a>
-      <a href="/help" class="{{selected.help}}">Documentation</a>
-<!--       {{#selected.help}}<ul>
-        <li><a href="/help/getting-started">Getting started</a></li>
-        <li><a href="/help/configuring-your-site">Configuring your site</a></li>
-        <li><a href="/help/templates">Templates</a></li>
-      </ul>
-      {{/selected.help}} -->
-      <a href="/about" class="{{selected.about}}">Philosophy</a>
-      <a href="/changes" class="{{selected.changes}}">Updates</a>
-      <a href="/contact" class="{{selected.contact}}">Contact</a>
-      <footer>
-        <a href="/terms" class="{{selected.terms}}">Terms of use</a>
-        <a href="/privacy" class="{{selected.privacy}}">Privacy policy</a>
-<!--         <a href="/kleptography" class="{{selected.kleptography}}">Kleptography</a>
- -->        <a class="right" id="icon" href="/kleptography"></a> 
-      </footer>
-    </sidebar>
+    <a class="db fl pv4 w-left {{index}}" href="/">Blot is a blogging platform</a>
+
+    <div class="fl">
+    {{#sign-up}}
+    <a class="db fl pv4 {{index}}"><span style="color:black">Sign up</span><span style="color:#aaa">&nbsp;&nbsp;&nbsp;→&nbsp;&nbsp;&nbsp;Connect to Dropbox</span></a>
+    {{/sign-up}}
+
+    {{^sign-up}}
+    <a class="db fl pv4 pr5 {{help}}" href="/help">Documentation</a>        
+    <a class="db fl pv4 pr5 {{contact}}" href="/contact">Support</a>        
+    <a class="db fl pv4 pr5 {{log-in}}" href="/log-in">Log in</a>
+    <a class="db fl pv4 {{sign-up}}" href="/sign-up"><span class="s">Sign up</span></a>
+    {{/sign-up}}
+  </div>
+</div>
+
+  <!-- 
+  <div class="center" style="max-width:650px">
+  </div>
+ -->
+</div>
+{{/menu}}
+
+<div class="wrapper">
+<div class="center mw8 ph4"  style="padding-top:88px;">
diff --git a/app/site/views/_header_user.html b/app/site/views/_header_user.html
diff --git a/app/site/views/_sidebar.html b/app/site/views/_sidebar.html
@@ -0,0 +1,8 @@
+{{#menu}}
+<div class="pt4 mt4 fl sidebar fixed">
+  <ul><a href="/help/" class="{{started}}">Getting started</a></ul>
+  <ul><a href="/help/guides" class="{{guides}}">Guides and tutorials</a></ul>
+  <ul><a href="/help/templates" class="{{templates}}">Designing templates</a></ul>
+  <ul><a href="/help/account" class="{{account}}">Account and billing</a></ul>
+</div>
+{{/menu}}
diff --git a/app/site/views/_wrapper.html b/app/site/views/_wrapper.html
diff --git a/app/site/views/about.html b/app/site/views/about.html
diff --git a/app/site/views/changes.html b/app/site/views/changes.html
diff --git a/app/site/views/contact.html b/app/site/views/contact.html
@@ -1,3 +1,16 @@
+{{> head}}
+{{> header}}
 
-<h1>Contact</h1>
-You can email <a class="ysellow" href="mailto:support@blot.im">support@blot.im</a>. Please include plenty of information if you’ve caught a bug. Feel free to contact me on <a href="http://twitter.com/Blot__">Twitter</a> for short or less urgent inquiries. I'm <a href="https://llllll.li">David</a>, by the way.
+<div class="pt4 mt4">
+
+  <div class="w-right-offset">
+    <div class="measure pr5">
+    You can email <a href="mailto:support@blot.im">support@blot.im</a> directly. Feel free to send a message through <a href="https://twitter.com/blot__">Twitter</a> for short or less urgent inquiries. I’m <a href="https://llllll.li">David</a>, by the way.
+
+  </div>
+
+
+</div>
+</div>
+
+{{> footer}}
diff --git a/app/site/views/error.html b/app/site/views/error.html
@@ -1,14 +1,14 @@
-<!DOCTYPE html>
-<html>
-  {{> head}}
-  <body>
+{{> head}}
+{{> header}}
 
-   {{> header}}
+<div class="pt4 mt4">
 
+  <div class="w-right-offset">
+    <div class="measure pr5">
     Something has gone wrong. Blot was unable to load this page. Feel free to <a href="{{protocol}}{{host}}/contact">contact me</a> if this keeps happening.
-    <br><br>
-    <a href="{{protocol}}{{host}}" class="button">Go to the homepage &rarr;</a>
+    </div>
+  </div>
+
+</div>
 
-    {{> footer}}
-  </body>
-</html>
+{{> footer}}
diff --git a/app/site/views/help/account.html b/app/site/views/help/account.html
@@ -0,0 +1,48 @@
+{{> head}}
+{{> header}}
+{{> sidebar}}
+
+<div class="pt5 w-right-offset">
+
+<div class="measure">
+
+Blot charges an annual fee. You'll be billed when you sign up, and each year after, provided you keep your account open. You can cancel your subscription at any point. You can <a href="/account">manage your account</a> on your blog's dashboard.
+<br><br><br><br>
+<div class="fw6">How do you process payments?</div>
+Blot uses <a href="https://stripe.com/">Stripe</a> to process subscription payments. This means your payment details never touch Blot's servers.
+<br><br><br><br>
+<div class="fw6">Can I pay with PayPal, Bitcoin, Cash?</div>
+<a href="/contact">Contact me</a> and we'll try to sort something out.
+<br><br><br><br>
+<div class="fw6">Can I host multiple blogs?</div>
+Yes, you can host as many blogs as you like from the same account. Each blog costs {{price}} a year. You can also manage blogs in different Dropbox folders from the same Blot account.
+<br><br><br><br>
+<div class="fw6">Is there a discount for hosting multiple blogs?</div>
+No, I've tried to determine the fairest price at which I can sustainably provide hosting and support for a single blog. There are no discounts, coupon codes or one-time-offers.
+<br><br><br><br>
+<div class="fw6">Does Blot support any alternatives to Dropbox?</div>
+Not yet, but I plan to. First I will add support for Git, then something like FTP, and finally services like Google Drive.
+<br><br><br><br>
+<div class="fw6">Does Blot have a bandwidth or storage limit?</div>
+No, there’s no hard bandwidth or storage limit. However, if you use more than 1TB of bandwidth and storage combined per year, I will ask you to pay enough to meet the cost of hosting your site, or I will help you set up Blot on your own server.
+<br><br><br><br>
+<div class="fw6">Can Blot access all the files in my Dropbox?</div>
+Blot only requests access to your blog's folder in your Dropbox by default. However, if you choose, you can grant Blot <a href="/clients/dropbox">special access to your entire Dropbox</a>. You should only do this if you want to move your blog's folder, or share it with other people who use Dropbox.
+<br><br><br><br>
+<div class="fw6">Does Blot use up my Dropbox bandwidth?</div>
+No, <a href="https://www.dropbox.com/help/security/banned-links">Dropbox's traffic limits</a> do not apply to Blot. This is because Blot first transfers the contents of your folder to its server before delivering it to your readers. 
+<br><br><br><br>
+<div class="fw6">Does my subscription renew automatically?</div>
+Yes. I will email you one week before your subscription is renewed to give you time to cancel your subscription or update your billing information. I hate sneaky unwanted recurring bills as much as you do.
+<br><br><br><br>
+<div class="fw6">Canceling your subscription</div>
+You can cancel your subscription on the <a href="/account">account page</a>. You can choose to disable your account immediately, or wait until the end of your current subscription period. You can also permanently <a href="/account/disable-account">delete your account</a>.
+<br><br>
+<br><br>
+<br><br>
+<br><br>
+<br><br>
+<br><br>
+<br><br>
+</div></div>
+{{> footer}}