Latest changes from the website development, nothing major.

client/components/Darkmode.svelte

@@ -5,6 +5,8 @@
   import {onMount} from 'svelte';
 
   export let theme = "light";
+  export let light_icon_color="var(--color)";
+  export let dark_icon_color="var(--color)"
 
   const set_theme = () => {
     document.documentElement.setAttribute('data-theme', theme);
@@ -28,10 +30,10 @@
 
 {#if theme == 'dark'}
   <span style="cursor: pointer;" on:click={ () => toggle() }>
-    <Icon name="sunrise" tip_position="bottom-left" tooltip="Light mode." size="32" />
+    <Icon name="sunrise" color={ dark_icon_color } tip_position="bottom-left" tooltip="Light mode." size="32" />
   </span>
 {:else}
   <span style="cursor: pointer;" on:click={ () => toggle() }>
-    <Icon name="sunset" size="32" tip_position="bottom-left" tooltip="Dark mode."/>
+    <Icon name="sunset" color={ light_icon_color } size="32" tip_position="bottom-left" tooltip="Dark mode."/>
   </span>
 {/if}

client/components/IconImage.svelte

@@ -9,14 +9,14 @@
   export let linejoin="round";
   export let name="";
   export let pattern="dots-sm";
-  export let height="200";
+  export let height="100%";
-  export let width="200";
+  export let width="100%";
   export let thickness="2";
   export let testid=`iconimage-default-${name}`;
   export let hue='orange';
   export let background_hue='blue';
   export let grayscale = 0;
-  export let aspect_ratio = "16/9";
+  export let aspect_ratio = "1/1";
 
   let random_background = rando({luminosity: 'light', hue: background_hue});
   let random_pattern = rando({luminosity: 'light', hue});

commands/deploy.js

@@ -7,33 +7,28 @@ export const options = [
   ['--dry-run', "Don't actually update, just pretend."],
   ['--no-content', "DO NOT deploy the render content, not the app."],
   ['--no-app', "DO NOT deploy the app, not the content."],
-  ['--target', "rsync the results to this directory", "/var/www/learnjsthehardway.com"],
 ];
 
-const config = {
+export const required = [
-  source_dir: "../ljsthw-private"
+  ['--target <dir>', "rsync the results to this directory"],
-};
+];
 
 export const main = (opts) => {
   exec_i("git pull");
 
-  // update the modules git too
-  const cwd = process.cwd();
-  process.chdir(config.source_dir);
-  exec_i("git pull");
-  process.chdir(cwd)
-
   const dry_run = opts.dryRun ? "--dry-run" : "";
 
   if(opts.app) {
     exec_i("npm run knex migrate:latest");
     exec_i("npm run build");
+    // reset the icons because we need them all for the demo
+    exec_i("node bando.js icons");
+    exec_i(`rsync -av --delete admin/bando public/`);
   }
 
   if(opts.content) {
     gen_players.main();
     exec_i("node ./bando.js rendered");
-    exec_i("node ./bando.js load");
   }
 
   const ext_list = ["html", "css", "js", "svg", "xml", "md"];

commands/templates/rendered/pages/index.svelte

@@ -133,7 +133,7 @@
     <img src="/images/header.svg"  />
   </figure>
   <cover class="pattern-dots-sm">
-    <h1>Learn JavaScript the Hard Way</h1>
+    <h1>The Bandolier</h1>
     <span id="slogan">Bandolier</span>
     <br/>
 

rendered/feed_index.json

@@ -1,21 +1,21 @@
 {
-  "title": "Bandolier Template",
+  "title": "The Bandolier Block",
-  "description": "Recent updates about the `Bandolier Template` project.",
+  "description": "Recent updates about the `The Bandolier` project.",
-  "id": "https://learnjsthehardway.com/",
+  "id": "https://bandolier.learnjsthehardway.com/",
-  "link": "https://learnjsthehardway.com/",
+  "link": "https://bandolier.learnjsthehardway.com/",
   "language": "en",
-  "image": "https://learnjsthehardway.com/favicon-32x32.png",
+  "image": "https://bandolier.learnjsthehardway.com/favicon-32x32.png",
-  "favicon": "https://learnjsthehardway.com/favicon.ico",
+  "favicon": "https://bandolier.learnjsthehardway.com/favicon.ico",
   "copyright": "All rights reserved 2020, Zed A. Shaw.",
   "generator": "ljsthw",
   "feedLinks": {
-    "json": "https://learnjsthehardway.com/feed.json",
+    "json": "https://bandolier.learnjsthehardway.com/feed.json",
-    "atom": "https://learnjsthehardway.com/feed.atom",
+    "atom": "https://bandolier.learnjsthehardway.com/feed.atom",
-    "rss": "https://learnjsthehardway.com/feed.rss"
+    "rss": "https://bandolier.learnjsthehardway.com/feed.rss"
   },
   "author": {
     "name": "Zed A. Shaw",
     "email": "help@learnjsthehardway.com",
-    "link": "https://learnjsthehardway.com/about"
+    "link": "https://bandolier.learnjsthehardway.com/about"
   }
 }

static/admin/index.html

@@ -2,11 +2,11 @@
 <html lang="en">
 <head>
   <meta charset='utf-8'>
-  <meta name="description" content="Bandolier Template">
+  <meta name="description" content="The Bandoler Admin">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="description" content="The Bandolier: A Learn JavaScript the Hard Way Project">
   <meta content='text/html; charset=UTF-8' http-equiv='Content-Type' />
 
-  <title>Bandolier Template</title>
+  <title>The Bandolier Admin</title>
 
   <link rel='icon' type='image/png' href='/favicon.png'>
   <link rel='stylesheet' href='/global.css'>