edit some copy

cloudybutnorain · Dec 19, 2023 · 0e1eee8 · 0e1eee8
1 parent 7e9993e
commit 0e1eee8
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 12 deletions.
diff --git a/site/assets/css/markdown.css b/site/assets/css/markdown.css
@@ -26,6 +26,7 @@ p, blockquote, ul, ol, dl, table, pre, article {
 h1 {
   font-weight: 600;
   font-size: 64px;
+  line-height: 72px;
   margin: 18px 0 18px 0;
 }
 
@@ -38,6 +39,7 @@ h2 {
 h3 {
   font-weight: 600;
   font-size: 24px;
+  line-height: 30px;
   margin: 18px 0 0 0;
 }
 
@@ -50,6 +52,7 @@ h4 {
 li {
   list-style: initial;
   margin-left: 28px;
+  padding-top: 16px;
 }
 
 hr {

diff --git a/site/assets/css/tailwind.css b/site/assets/css/tailwind.css
@@ -674,6 +674,11 @@ video {
   padding-right: 16rem;
 }
 
+.px-8 {
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
+
 .py-16 {
   padding-top: 4rem;
   padding-bottom: 4rem;
@@ -689,6 +694,10 @@ video {
   padding-bottom: 2rem;
 }
 
+.text-center {
+  text-align: center;
+}
+
 .text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;

diff --git a/site/index.html b/site/index.html
@@ -12,29 +12,30 @@
 <body class="text-stone-900">
   <div class="w-screen flex flex-col">
     <div class="w-full bg-[#161253] flex flex-col items-center justify-center py-8">
-      <h1 class="text-[#C6DFEF]">Cloudy But No Rain</h1>
+      <h1 class="text-[#C6DFEF] text-center">Cloudy&nbsp;But No&nbsp;Rain</h1>
       <div class="text-[#C6DFEF]">
         <img class="text-[#C6DFEF]" height="226px" width="226px" src="/assets/pictures/weathervane.svg"/>
       </div>
-      <h3 class="text-[#C6DFEF]">--- Static Sites for the Small Web ---</h2>
+      <h3 class="text-[#C6DFEF] text-center">Static&nbsp;Sites for the Small&nbsp;Web</h2>
     </div>
     <div class="w-full bg-white flex flex-row items-center justify-center">
-      <div class="max-w-[768px] py-8">
+      <div class="max-w-[768px] px-8 py-8">
         <h2>About</h2>
-        <p>Most ways of hosting a simple static site on the Internet today suck for individuals. They're often bloated, lock necessary features behind expensive pricing tiers, or are just plain too much work to set up and maintain -- all consequences of how they were funded by and built for <i>enterprises</i>, not you.</p>
-        <p>I wanted to change this, and create a platform for hosting websites for the "small web" -- something cheap and as easy as possible for real humans to get started with on day one, while also providing the table-stakes features you'd otherwise need to set up yourself (and pay for) on day two.</p>
-        <p>The result is Cloudy But No Rain -- a perfect home for personal blogs, organization homepages, single-page application frontends, and anything else you can stuff into an <code>index.html</code>.</p>
+        <p>The "<a href="#">small web</a>" is a term for the less corporate, more independent side of the Internet -- the personal blogs, organization homepages, passion projects, and so on. The parts that aren't on Facebook, the parts people own themselves.</p>
+        <p>The thing is, to have a website like this, there aren't a ton of great options. Self-hosting is, for most people, prohibitively difficult or expensive. Free services, like Github Pages, are good but barebones, and others start free but lock table-stakes features behind "pro" tiers.</p>
+        <p>This is ultimately a consequence of these other platforms' business models. They were funded by and built for <i>enterprises</i>, not you.</p>
+        <p>I wanted an alternative, so I built one myself! This is Cloudy But No Rain -- a batteries-included, anti-corporate, small-tech solution for anything you can stuff into an <code>index.html</code>.</p>
       </div>
     </div>
     <div class="w-full bg-[#C6DFEF] flex flex-row items-center justify-center">
-      <div class="max-w-[768px] py-8">
+      <div class="max-w-[768px] px-8 py-8">
         <h2 class="text-[#161253]">Features</h2>
         <ul>
-          <li><b>A fast, globally-replicated CDN</b> -- foo</li>
-          <li><b>SSL certificates and DDOS protection</b> -- including for custom domain names!</li>
-          <li><b>Built-in analytics (and soon, monitoring)</b> -- and because we use server-side access logs for this, it just works out of the box. No need for tracking pixels, any javascript at all, 3rd party services, or GDPR cookie-consent banners.</li>
-          <li><b>A familiar git-based workflow</b> -- if you've ever used Heroku, you know how nice it is to deploy your code with a simple `git push`. And if you haven't, it's just a single command from a tool probably already installed on your computer.</li>
-          <li><b>Zero big-tech bullshit</b> -- this was all made by one person (me, Brandon)! I am not Amazon, Microsoft, or Google, and CBNR deliberately avoids using any of their services, at least directly. Sleep better knowing that less of your money is going into the pockets of Jeff Bezos.</li>
+          <li><b>A fast, globally-replicated CDN</b><br/>foo</li>
+          <li><b>SSL certificates and DDOS protection</b><br/>including for custom domain names!</li>
+          <li><b>Built-in analytics (and soon, monitoring)</b><br/>and because we use server-side access logs for this, it just works out of the box. No need for tracking pixels, 3rd party services, or GDPR cookie-consent banners. Run your site Javascript-free if you want!</li>
+          <li><b>A familiar git-based workflow</b><br/>if you've ever used Heroku, you know how nice it is to deploy your code with a simple <code>git push</code>. And if you haven't, it's just a single command from a tool probably already installed on your computer.</li>
+          <li><b>Zero big-tech bullshit</b><br/>this was all made by one person (me, Brandon)! I am not Amazon, Microsoft, or Google, and CBNR deliberately avoids using any of their services, at least directly. Sleep better knowing that less of your money is going into the pockets of Jeff Bezos.</li>
         </ul>
       </div>
     </div>