diff --git a/client/pages/Payment.svelte b/client/pages/Payment.svelte
index 6152e38..b361b6e 100644
--- a/client/pages/Payment.svelte
+++ b/client/pages/Payment.svelte
@@ -390,7 +390,7 @@
 
         <invoice-totals>
           <table>
-            <tr><th>{ product.description }</th><td>{product.currency_symbol}{ product.price }</td></tr>
+            <tr><th>{ product.title }</th><td>{product.currency_symbol}{ product.price }</td></tr>
 
             {#if discount > 0}
               <tr><th>Discount</th><td>{ discount }</td></tr>
@@ -404,7 +404,7 @@
         </invoice-totals>
 
         <br><hr>
-        <p>Thank you for purchasing <b>Learn JavaScript the Hard Way.</b> If you have problems with the purchase please email me at <a href="mailto:payments@learnjsthehardway.com">payments@learnjsthehardway.com</a> and tell what went wrong.</p>
+        <p>Thank you for purchasing <b>{ product.title }</b> If you have problems with the purchase please email me at <a href="mailto:payments@learnjsthehardway.com">payments@learnjsthehardway.com</a> and tell what went wrong.</p>
       </invoice>
     </right>
   </payment>
diff --git a/commands/templates/client/Footer.svelte b/commands/templates/client/Footer.svelte
index 3ae64c0..4910784 100644
--- a/commands/templates/client/Footer.svelte
+++ b/commands/templates/client/Footer.svelte
@@ -38,7 +38,7 @@
   <a id="logo" style="color: var(--value9);" href="/">BIG CO</a>
 
   <p>
-    Learn JavaScript the Hard Way, a
+    BIG CO, a
     complete course in full stack web
     development.
   </p>
diff --git a/commands/templates/client/Header.svelte b/commands/templates/client/Header.svelte
index d61c8ba..aefca5e 100644
--- a/commands/templates/client/Header.svelte
+++ b/commands/templates/client/Header.svelte
@@ -28,7 +28,7 @@
         <a href="/"><Icon name="home" size="36" /></a>
         <ul>
           {#if register_enabled}
-            <li><a id="register-button" href="/register/top/">
+            <li><a id="register-button" href="/client/#/register/">
               <span class="mobile">
                 <Icon name="dollar-sign" tooltip="Register."/>
               </span>
diff --git a/commands/templates/rendered/Footer.svelte b/commands/templates/rendered/Footer.svelte
index aa1b47a..6490df3 100644
--- a/commands/templates/rendered/Footer.svelte
+++ b/commands/templates/rendered/Footer.svelte
@@ -39,7 +39,7 @@
   <a id="logo" style="color: var(--value9);" href="/blockstart/demos/">LJSTHW</a>
 
   <p>
-    Learn JavaScript the Hard Way, a
+    BIG CO, a
     complete course in full stack web
     development.
   </p>
diff --git a/commands/templates/rendered/Header.svelte b/commands/templates/rendered/Header.svelte
index 53007b1..2192869 100644
--- a/commands/templates/rendered/Header.svelte
+++ b/commands/templates/rendered/Header.svelte
@@ -19,7 +19,7 @@ img.logo {
       <ul>
         {#if register_enabled}
           <li>
-            <a id="register-button" href="/register/top-static/">
+            <a id="register-button" href="/client/#/register/">
               <span class="mobile">
                 <Icon name="dollar-sign" tooltip="Register." />
               </span>
diff --git a/rendered/feed_index.json b/rendered/feed_index.json
index 4c7ebd0..14ce29e 100644
--- a/rendered/feed_index.json
+++ b/rendered/feed_index.json
@@ -1,6 +1,6 @@
 {
-  "title": "Learn JavaScript the Blog Way",
-  "description": "Recent updates about the `Learn JavaScript the Hard Way` project.",
+  "title": "Bandolier Template",
+  "description": "Recent updates about the `Bandolier Template` project.",
   "id": "https://learnjsthehardway.com/",
   "link": "https://learnjsthehardway.com/",
   "language": "en",
diff --git a/rendered/pages/about/index.svelte b/rendered/pages/about/index.svelte
index f9125c8..e074824 100644
--- a/rendered/pages/about/index.svelte
+++ b/rendered/pages/about/index.svelte
@@ -9,7 +9,7 @@
   <main>
     <h1>About</h1>
 
-    <p><b>Learn JavaScript the Hard Way</b> is the work of one person named Zed
+    <p><b>The Bandolier</b> is the work of one person named Zed
       A. Shaw. He created Learn Python the Hard Way, Learn Ruby the Hard Way,
       and Learn C the Hard Way and has been an accomplished programmer for
       close to 30 years.  In his spare time he enjoys <a href="https://instagram.com/zedshaw">painting</a>,
diff --git a/rendered/src/template.html b/rendered/src/template.html
index b75c2f3..e58ebf8 100644
--- a/rendered/src/template.html
+++ b/rendered/src/template.html
@@ -1,7 +1,7 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <title>Learn JavaScript the Hard Way</title>
+    <title>Bandolier Template</title>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width,initial-scale=1" />
     <link rel="icon" type="image/png" href="/favicon.png" />
diff --git a/static/admin/index.html b/static/admin/index.html
index 15935a9..dcd9233 100644
--- a/static/admin/index.html
+++ b/static/admin/index.html
@@ -2,11 +2,11 @@
 <html lang="en">
 <head>
   <meta charset='utf-8'>
-  <meta name="description" content="Learn JavaScript the Hard Way">
+  <meta name="description" content="Bandolier Template">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta content='text/html; charset=UTF-8' http-equiv='Content-Type' />
 
-  <title>Learn JavaScript the Hard Way</title>
+  <title>Bandolier Template</title>
 
   <link rel='icon' type='image/png' href='/favicon.png'>
   <link rel='stylesheet' href='/global.css'>
diff --git a/static/blockstart.css b/static/blockstart.css
index a1c12d8..c230ac5 100644
--- a/static/blockstart.css
+++ b/static/blockstart.css
@@ -1,8 +1,28 @@
 :root {
-  --color-border: hsl(0, 0%, 50%);
+  --color-border: hsl(0, 0%, 0%);
   --border-radius: 5px;
   --text: 0;
+  --value: 9;
   --value-scale: 12%;
+  --pad: 10px;
+  --bottom-margin: 2rem;
+  --w: initial;
+  --h: initial;
+  --value0: hsl(0, 0%, calc(0 * var(--value-scale)));
+  --value1: hsl(0, 0%, calc(1 * var(--value-scale)));
+  --value2: hsl(0, 0%, calc(2 * var(--value-scale)));
+  --value3: hsl(0, 0%, calc(3 * var(--value-scale)));
+  --value4: hsl(0, 0%, calc(4 * var(--value-scale)));
+  --value5: hsl(0, 0%, calc(5 * var(--value-scale)));
+  --value6: hsl(0, 0%, calc(6 * var(--value-scale)));
+  --value7: hsl(0, 0%, calc(7 * var(--value-scale)));
+  --value8: hsl(0, 0%, calc(8 * var(--value-scale)));
+  --value9: hsl(0, 0%, calc(9 * var(--value-scale)));
+}
+
+body {
+  padding: 0px;
+  margin: 0px;
 }
 
 blockstart {
@@ -20,9 +40,16 @@ blockstart {
   min-height: 100%;
 }
 
-blockstart block > content {
-  display: flex;
-  flex-direction: column;
+blockstart * {
+  font-size: 1.1em;
+}
+
+blockstart > * + * {
+  margin-bottom: var(--bottom-margin);
+}
+
+blockstart > *:last-child {
+  margin-bottom: 0px;
 }
 
 blockstart a {
@@ -31,47 +58,41 @@ blockstart a {
 
 blockstart block {
   --spacing: space-evenly;
-  --value: 9;
-  --w: unset;
-  --h: unset;
-  --pad: unset;
-
 
   display: flex;
   background-color: hsl(0, 0%, calc(var(--value) * var(--value-scale)));
   color: hsl(0, 0%, calc(var(--text) * var(--value-scale)));
   justify-content: var(--spacing);
   flex-direction: column;
+  padding: var(--pad);
   width: var(--w);
   min-width: var(--w);
   max-width: var(--w);
   height: var(--h);
   min-height: var(--h);
   max-height: var(--h);
-  padding: var(--pad);
 }
 
 blockstart block > * {
   --spacing: flex-start;
-  --value: 9;
-  --w: unset;
-  --h: unset;
-  --pad: unset;
+  --pad: 10px;
+  --w: initial;
+  --h: initial;
 
   background-color: hsl(0, 0%, calc(var(--value) * var(--value-scale)));
   color: hsl(0, 0%, calc(var(--text) * var(--value-scale)));
   display: flex;
-  flex: 1 1 auto;
   justify-content: var(--spacing);
   align-self: stretch;
   flex-direction: column;
+  margin: 2px;
+  padding: var(--pad);
   width: var(--w);
   min-width: var(--w);
   max-width: var(--w);
   height: var(--h);
   min-height: var(--h);
   max-height: var(--h);
-  padding: var(--pad);
 }
 
 blockstart stack {
@@ -111,8 +132,10 @@ blockstart .center {
   align-self: center;
 }
 
-blockstart .center-text > * {
+blockstart .center-text {
   text-align: center;
+  justify-content: center;
+  align-items: center;
 }
 
 blockstart .center-self {
@@ -128,7 +151,7 @@ blockstart .horizontal {
 }
 
 blockstart grid {
-  --cols: 1fr 1fr;
+  --cols: auto;
   --rows: auto;
   --gap: 0.5rem;
 
@@ -152,8 +175,6 @@ blockstart hr.huge {
 }
 
 blockstart shape {
-  --w: unset;
-  --h: unset;
   --value: 2;
   --text: 9;
   --pad: 1rem;
@@ -183,7 +204,7 @@ blockstart .debug > * {
 }
 
 blockstart .border {
-  border: 1px solid var(--color-border);
+  border: 2px solid var(--color-border);
   border-radius: var(--border-radius);
 }
 
@@ -194,3 +215,26 @@ blockstart .compact {
 blockstart .compact > * {
   flex: unset;
 }
+
+.solid {
+  --value: 4;
+  --text: 9;
+}
+
+.fill {
+  flex: 1 1 auto;
+}
+
+button {
+  --value: 7;
+  --text: 0;
+
+  background-color: hsl(0, 0%, calc(var(--value) * var(--value-scale)));
+  color: hsl(0, 0%, calc(var(--text) * var(--value-scale)));
+  border: 2px solid var(--color-border);
+  border-radius: var(--border-radius);
+}
+
+button:hover {
+  filter: brightness(90%);
+}
diff --git a/static/client/index.html b/static/client/index.html
index f8582a3..87151cc 100644
--- a/static/client/index.html
+++ b/static/client/index.html
@@ -2,11 +2,11 @@
 <html lang="en">
 <head>
   <meta charset='utf-8'>
-  <meta name="description" content="Learn JavaScript the Hard Way">
+  <meta name="description" content="Bandolier Template">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta content='text/html; charset=UTF-8' http-equiv='Content-Type' />
 
-  <title>Learn JavaScript the Hard Way</title>
+  <title>Bandolier Template</title>
 
   <link rel='icon' type='image/png' href='/favicon.png'>
   <link rel='stylesheet' href='/global.css'>