Mostly fixing the registration links and removing more LJSTHW left overs.

2 years ago · 9671419da7
parent 003f798060
commit 9671419da7
11 changed files with 79 additions and 35 deletions
--- 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>
--- 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>
--- 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>
--- 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>
--- 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>
--- 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",
--- 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>,
--- 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" />
--- 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'>
--- 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%);
+}
--- 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'>