learn-javascript-the-hard-way
/
bandolier-template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
main
Zed A. Shaw 1 year ago
parent 003f798060
commit 9671419da7
11 changed files with 79 additions and 35 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 4
      client/pages/Payment.svelte
  2. 2
      commands/templates/client/Footer.svelte
  3. 2
      commands/templates/client/Header.svelte
  4. 2
      commands/templates/rendered/Footer.svelte
  5. 2
      commands/templates/rendered/Header.svelte
  6. 4
      rendered/feed_index.json
  7. 2
      rendered/pages/about/index.svelte
  8. 2
      rendered/src/template.html
  9. 4
      static/admin/index.html
  10. 86
      static/blockstart.css
  11. 4
      static/client/index.html

4
client/pages/Payment.svelte
Unescape View File

@ -390,7 +390,7 @@
<invoice-totals> <invoice-totals>
<table> <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} {#if discount > 0}
<tr><th>Discount</th><td>{ discount }</td></tr> <tr><th>Discount</th><td>{ discount }</td></tr>
@ -404,7 +404,7 @@
</invoice-totals> </invoice-totals>
<br><hr> <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> </invoice>
</right> </right>
</payment> </payment>

2
commands/templates/client/Footer.svelte
Unescape View File

@ -38,7 +38,7 @@
<a id="logo" style="color: var(--value9);" href="/">BIG CO</a> <a id="logo" style="color: var(--value9);" href="/">BIG CO</a>
<p> <p>
Learn JavaScript the Hard Way, a BIG CO, a
complete course in full stack web complete course in full stack web
development. development.
</p> </p>

2
commands/templates/client/Header.svelte
Unescape View File

@ -28,7 +28,7 @@
<a href="/"><Icon name="home" size="36" /></a> <a href="/"><Icon name="home" size="36" /></a>
<ul> <ul>
{#if register_enabled} {#if register_enabled}
<li><a id="register-button" href="/register/top/"> <li><a id="register-button" href="/client/#/register/">
<span class="mobile"> <span class="mobile">
<Icon name="dollar-sign" tooltip="Register."/> <Icon name="dollar-sign" tooltip="Register."/>
</span> </span>

2
commands/templates/rendered/Footer.svelte
Unescape View File

@ -39,7 +39,7 @@
<a id="logo" style="color: var(--value9);" href="/blockstart/demos/">LJSTHW</a> <a id="logo" style="color: var(--value9);" href="/blockstart/demos/">LJSTHW</a>
<p> <p>
Learn JavaScript the Hard Way, a BIG CO, a
complete course in full stack web complete course in full stack web
development. development.
</p> </p>

2
commands/templates/rendered/Header.svelte
Unescape View File

@ -19,7 +19,7 @@ img.logo {
<ul> <ul>
{#if register_enabled} {#if register_enabled}
<li> <li>
<a id="register-button" href="/register/top-static/"> <a id="register-button" href="/client/#/register/">
<span class="mobile"> <span class="mobile">
<Icon name="dollar-sign" tooltip="Register." /> <Icon name="dollar-sign" tooltip="Register." />
</span> </span>

4
rendered/feed_index.json
Unescape View File

@ -1,6 +1,6 @@
{ {
"title": "Learn JavaScript the Blog Way", "title": "Bandolier Template",
"description": "Recent updates about the `Learn JavaScript the Hard Way` project.", "description": "Recent updates about the `Bandolier Template` project.",
"id": "https://learnjsthehardway.com/", "id": "https://learnjsthehardway.com/",
"link": "https://learnjsthehardway.com/", "link": "https://learnjsthehardway.com/",
"language": "en", "language": "en",

2
rendered/pages/about/index.svelte
Unescape View File

@ -9,7 +9,7 @@
<main> <main>
<h1>About</h1> <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, 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 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>, close to 30 years. In his spare time he enjoys <a href="https://instagram.com/zedshaw">painting</a>,

2
rendered/src/template.html
Unescape View File

@ -1,7 +1,7 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<title>Learn JavaScript the Hard Way</title> <title>Bandolier Template</title>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" /> <meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="icon" type="image/png" href="/favicon.png" /> <link rel="icon" type="image/png" href="/favicon.png" />

4
static/admin/index.html
Unescape View File

@ -2,11 +2,11 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset='utf-8'> <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 name="viewport" content="width=device-width, initial-scale=1.0">
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type' /> <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='icon' type='image/png' href='/favicon.png'>
<link rel='stylesheet' href='/global.css'> <link rel='stylesheet' href='/global.css'>

86
static/blockstart.css
Unescape View File

@ -1,8 +1,28 @@
:root { :root {
--color-border: hsl(0, 0%, 50%); --color-border: hsl(0, 0%, 0%);
--border-radius: 5px; --border-radius: 5px;
--text: 0; --text: 0;
--value: 9;
--value-scale: 12%; --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 { blockstart {
@ -20,9 +40,16 @@ blockstart {
min-height: 100%; min-height: 100%;
} }
blockstart block > content { blockstart * {
display: flex; font-size: 1.1em;
flex-direction: column; }
blockstart > * + * {
margin-bottom: var(--bottom-margin);
}
blockstart > *:last-child {
margin-bottom: 0px;
} }
blockstart a { blockstart a {
@ -31,47 +58,41 @@ blockstart a {
blockstart block { blockstart block {
--spacing: space-evenly; --spacing: space-evenly;
--value: 9;
--w: unset;
--h: unset;
--pad: unset;
display: flex; display: flex;
background-color: hsl(0, 0%, calc(var(--value) * var(--value-scale))); background-color: hsl(0, 0%, calc(var(--value) * var(--value-scale)));
color: hsl(0, 0%, calc(var(--text) * var(--value-scale))); color: hsl(0, 0%, calc(var(--text) * var(--value-scale)));
justify-content: var(--spacing); justify-content: var(--spacing);
flex-direction: column; flex-direction: column;
padding: var(--pad);
width: var(--w); width: var(--w);
min-width: var(--w); min-width: var(--w);
max-width: var(--w); max-width: var(--w);
height: var(--h); height: var(--h);
min-height: var(--h); min-height: var(--h);
max-height: var(--h); max-height: var(--h);
padding: var(--pad);
} }
blockstart block > * { blockstart block > * {
--spacing: flex-start; --spacing: flex-start;
--value: 9; --pad: 10px;
--w: unset; --w: initial;
--h: unset; --h: initial;
--pad: unset;
background-color: hsl(0, 0%, calc(var(--value) * var(--value-scale))); background-color: hsl(0, 0%, calc(var(--value) * var(--value-scale)));
color: hsl(0, 0%, calc(var(--text) * var(--value-scale))); color: hsl(0, 0%, calc(var(--text) * var(--value-scale)));
display: flex; display: flex;
flex: 1 1 auto;
justify-content: var(--spacing); justify-content: var(--spacing);
align-self: stretch; align-self: stretch;
flex-direction: column; flex-direction: column;
margin: 2px;
padding: var(--pad);
width: var(--w); width: var(--w);
min-width: var(--w); min-width: var(--w);
max-width: var(--w); max-width: var(--w);
height: var(--h); height: var(--h);
min-height: var(--h); min-height: var(--h);
max-height: var(--h); max-height: var(--h);
padding: var(--pad);
} }
blockstart stack { blockstart stack {
@ -111,8 +132,10 @@ blockstart .center {
align-self: center; align-self: center;
} }
blockstart .center-text > * { blockstart .center-text {
text-align: center; text-align: center;
justify-content: center;
align-items: center;
} }
blockstart .center-self { blockstart .center-self {
@ -128,7 +151,7 @@ blockstart .horizontal {
} }
blockstart grid { blockstart grid {
--cols: 1fr 1fr; --cols: auto;
--rows: auto; --rows: auto;
--gap: 0.5rem; --gap: 0.5rem;
@ -152,8 +175,6 @@ blockstart hr.huge {
} }
blockstart shape { blockstart shape {
--w: unset;
--h: unset;
--value: 2; --value: 2;
--text: 9; --text: 9;
--pad: 1rem; --pad: 1rem;
@ -183,7 +204,7 @@ blockstart .debug > * {
} }
blockstart .border { blockstart .border {
border: 1px solid var(--color-border); border: 2px solid var(--color-border);
border-radius: var(--border-radius); border-radius: var(--border-radius);
} }
@ -194,3 +215,26 @@ blockstart .compact {
blockstart .compact > * { blockstart .compact > * {
flex: unset; 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%);
}

4
static/client/index.html
Unescape View File

@ -2,11 +2,11 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset='utf-8'> <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 name="viewport" content="width=device-width, initial-scale=1.0">
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type' /> <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='icon' type='image/png' href='/favicon.png'>
<link rel='stylesheet' href='/global.css'> <link rel='stylesheet' href='/global.css'>

Write Preview
Loading…
Cancel
Save