Improve header spacing for nav pages, apply grid-gutter-background to nav links

diff --git a/_lib/breadcrumbs.jst b/_lib/breadcrumbs.jst
index d822672..59517a6 100644 (file)
--- a/_lib/breadcrumbs.jst
+++ b/_lib/breadcrumbs.jst
@@ -7,7 +7,7 @@ return async (env, _out) => {
   let component_titles = env.component_titles
 
   // present component_titles as breadcrumbs, except last one as text
-  h2.page-header.grid-gutter-background.py-2 {
+  h2.page-header.grid-gutter-background.'py-2'.mb-0 {
     for (let i = 0; i < component_names.length; ++i) {
       a.h4(
         href=

diff --git a/_lib/navbar.jst b/_lib/navbar.jst
index d324fbf..e6f2131 100644 (file)
--- a/_lib/navbar.jst
+++ b/_lib/navbar.jst
@@ -200,14 +200,14 @@ return async (env, head, body, scripts) => {
     
                     if (arrays_equal(menu_prefix, component_prefix))
                       li.nav-item.active {
-                        a.nav-link.nav-link2(href=menu_prefix_path) {
+                        a.nav-link.nav-link2.grid-gutter-background(href=menu_prefix_path) {
                           `${menu_titles[i]}`
                           span.sr-only {' (current)'}
                         }
                       }
                     else
                       li.nav-item {
-                        a.nav-link.nav-link2(href=menu_prefix_path) {
+                        a.nav-link.nav-link2.grid-gutter-background(href=menu_prefix_path) {
                           `${menu_titles[i]}`
                         }
                       }
@@ -238,7 +238,7 @@ return async (env, head, body, scripts) => {
                 //}
                 //ul.navbar-nav.ml-auto {
                   li.nav-item.mt-4 {
-                    a.nav-link.nav-link2#navbar-give-feedback(href="#") {'Give feedback'}
+                    a.nav-link.nav-link2.grid-gutter-background#navbar-give-feedback(href="#") {'Give feedback'}
                   }
                 }
               //}

diff --git a/blog/index.html.jst b/blog/index.html.jst
index cacd4a1..8637094 100644 (file)
--- a/blog/index.html.jst
+++ b/blog/index.html.jst
@@ -22,7 +22,7 @@ return async env => {
             let q = await children.get(name)
 
             li.nav-item {
-              a.nav-link(href=`${name}/index.html`) {
+              a.nav-link.grid-gutter-background(href=`${name}/index.html`) {
                 table.icon-and-text {
                   tr {
                     td {

diff --git a/contact/index.html.jst b/contact/index.html.jst
index c12edde..ec615b2 100644 (file)
--- a/contact/index.html.jst
+++ b/contact/index.html.jst
@@ -36,7 +36,7 @@ return async env => {
     async _out => {
       await breadcrumbs(env, _out)
 
-      p {'Do you require more information, or assistance with integrating the projects on this site? We’d love to hear from you.'}
+      p.mt-3 {'Do you require more information, or assistance with integrating the projects on this site? We’d love to hear from you.'}
 
       form#form {
         div.row {

diff --git a/index.html.jst b/index.html.jst
index c806094..3306d2c 100644 (file)
--- a/index.html.jst
+++ b/index.html.jst
@@ -10,7 +10,7 @@ return async env => {
     async _out => {
       await breadcrumbs(env, _out)
 
-      h4 {'About Dr. Nick'}
+      h4.mt-3 {'About Dr. Nick'}
 
       p {'The NDCODE project founder is Dr. Nick Downing. Nick has always been a technical guy, and he is usually found building something—unless he is spending quality time with his wife Laura or parenting a large brood of children. Nick enjoys working with his hands, and equally his mind.'}
 

diff --git a/my_account/index.html.jst b/my_account/index.html.jst
index 11b72f1..3bc9a12 100644 (file)
--- a/my_account/index.html.jst
+++ b/my_account/index.html.jst
@@ -66,7 +66,7 @@ return async env => {
 
       if (signed_in_as !== undefined) {
         // signed in
-        p {'Your given names are visible to other users if you comment on our blog. Your email and family name remain private. If your name is one word or does not fit given names/family name pattern, then please enter given names only.'}
+        p.mt-3 {'Your given names are visible to other users if you comment on our blog. Your email and family name remain private. If your name is one word or does not fit given names/family name pattern, then please enter given names only.'}
 
         div.accordion#accordion(role="tablist" aria-multiselectable="true") {
           div.card#card-1 {
@@ -225,7 +225,7 @@ return async env => {
       }
       else {
         // signed out
-        p {'For account maintenance, please click on one of the options below.'}
+        p.mt-3 {'For account maintenance, please click on one of the options below.'}
 
         let transaction = await env.site.database.Transaction()
         try {
@@ -240,7 +240,7 @@ return async env => {
               let q = await children.get(name)
   
               li.nav-item {
-                a.nav-link(href=`${name}/index.html`) {
+                a.nav-link.grid-gutter-background(href=`${name}/index.html`) {
                   table.icon-and-text {
                     tr {
                       td {

diff --git a/my_account/password_reset/index.html.jst b/my_account/password_reset/index.html.jst
index e06abce..f87a51e 100644 (file)
--- a/my_account/password_reset/index.html.jst
+++ b/my_account/password_reset/index.html.jst
@@ -38,7 +38,7 @@ return async env => {
     async _out => {
       await breadcrumbs(env, _out)
 
-      p {'To reset your password, please enter new details below and we will send you a password reset link.'}
+      p.mt-3 {'To reset your password, please enter new details below and we will send you a password reset link.'}
 
       form#form {
         div.row {

diff --git a/my_account/send_verification_email/index.html.jst b/my_account/send_verification_email/index.html.jst
index 935071e..101f265 100644 (file)
--- a/my_account/send_verification_email/index.html.jst
+++ b/my_account/send_verification_email/index.html.jst
@@ -38,7 +38,7 @@ return async env => {
     async _out => {
       await breadcrumbs(env, _out)
 
-      p {'Your email is not yet verified. Check your email for next steps, or re-send the verification email below.'}
+      p.mt-3 {'Your email is not yet verified. Check your email for next steps, or re-send the verification email below.'}
 
       form#form {
         div.row.align-items-center {

diff --git a/my_account/sign_up/index.html.jst b/my_account/sign_up/index.html.jst
index 27eb438..a592a45 100644 (file)
--- a/my_account/sign_up/index.html.jst
+++ b/my_account/sign_up/index.html.jst
@@ -39,7 +39,7 @@ return async env => {
     async _out => {
       await breadcrumbs(env, _out)
 
-      p {'Signing up allows you to leave comments on our blog and receive communications from us.'}
+      p.mt-3 {'Signing up allows you to leave comments on our blog and receive communications from us.'}
 
       p {'Your given names are visible to other users if you comment on our blog. Your email and family name remain private. If your name is one word or does not fit given names/family name pattern, then please enter given names only.'}
 

diff --git a/my_account/verify_email/index.html.jst b/my_account/verify_email/index.html.jst
index e618f33..438f214 100644 (file)
--- a/my_account/verify_email/index.html.jst
+++ b/my_account/verify_email/index.html.jst
@@ -45,7 +45,7 @@ return async env => {
     async _out => {
       await breadcrumbs(env, _out)
 
-      p {'You will need to verify your email address via an emailed link before you can sign in to your account.'}
+      p.mt-3 {'You will need to verify your email address via an emailed link before you can sign in to your account.'}
 
       form#form {
         div.row {

diff --git a/my_account/verify_password/index.html.jst b/my_account/verify_password/index.html.jst
index 7b42eb1..db9b773 100644 (file)
--- a/my_account/verify_password/index.html.jst
+++ b/my_account/verify_password/index.html.jst
@@ -45,7 +45,7 @@ return async env => {
     async _out => {
       await breadcrumbs(env, _out)
 
-      p {'You will need to verify your new password via an emailed link before you can use it to sign in to your account.'}
+      p.mt-3 {'You will need to verify your new password via an emailed link before you can use it to sign in to your account.'}
 
       form#form {
         div.row {

diff --git a/search/index.html.jst b/search/index.html.jst
index a066789..f3c5cc2 100644 (file)
--- a/search/index.html.jst
+++ b/search/index.html.jst
@@ -42,9 +42,9 @@ return async env => {
 
       await breadcrumbs(env, _out)
 
-      h4 {
+      h4.mt-3 {
         'Query: '
-        strong {`${query}`}
+        b {`${query}`}
       }
 
       if (search.results.length) {