Allow user to define header and footer background style

philwareham · philwareham · commit 4b6c4476abdf · 2021-03-08T17:22:16.000Z
diff --git a/templates/forms/misc/--variables.txp b/templates/forms/misc/--variables.txp
@@ -18,6 +18,18 @@ Value of '0' for no, '1' for yes.
 <txp:variable name="--site-head-rss" value="0" />
 <txp:variable name="--site-head-atom" value="0" />
 
+<txp:hide>
+HEADER BACKGROUND NONE, LIGHT OR DARK? -----------------------------------------
+Value of '0' for no colour, '1' for light colour, '2' for dark colour.
+</txp:hide>
+<txp:variable name="--site-header-background" value="1" />
+
+<txp:hide>
+FOOTER BACKGROUND NONE, LIGHT OR DARK? -----------------------------------------
+Value of '0' for no colour, '1' for light colour, '2' for dark colour.
+</txp:hide>
+<txp:variable name="--site-footer-background" value="1" />
+
 <txp:hide>
 SITE LOGO IN HEADER? -----------------------------------------------------------
 Value of '0' for no, '1' for yes.
diff --git a/templates/forms/misc/header.txp b/templates/forms/misc/header.txp
@@ -1,6 +1,6 @@
 <a class="a--skip-link" href="#main"><txp:text item="go_content" /></a>
 <txp:if_variable name="--site-header-search" value="1"><a class="a--skip-link" href="#search"><txp:text item="go_search" /></a></txp:if_variable>
-<div id="dynamic-header">
+<div class="dynamic-header<txp:if_variable name="--site-header-background" value="1"> box--subtle</txp:if_variable><txp:if_variable name="--site-header-background" value="2"> box--strong</txp:if_variable>">
     <header class="site-header" itemscope itemtype="https://schema.org/WPHeader">
         <txp:if_variable name="--site-header-logo" value="1">
              <txp:if_variable name="--site-nav-home" value="1"><h2 class="site-logo"><txp:site_name /></h2><txp:else /><h2><a class="site-logo" href="<txp:site_url />" title="<txp:text item="home" />"><txp:site_name /></a></h2></txp:if_variable>
diff --git a/templates/pages/archive.txp b/templates/pages/archive.txp
@@ -79,7 +79,7 @@
         </txp:if_category>
     </txp:if_author>
 </head>
-<body class="<txp:if_article_list>blog-listing-page<txp:else />blog-article-page</txp:if_article_list>" itemscope itemtype="https://schema.org/WebPage">
+<body class="<txp:if_article_list>blog-listing-page<txp:else />blog-article-page</txp:if_article_list><txp:if_variable name="--site-footer-background" value="1"> box--subtle</txp:if_variable><txp:if_variable name="--site-footer-background" value="2"> box--strong</txp:if_variable>" itemscope itemtype="https://schema.org/WebPage">
     <txp:output_form form="header" />
     <div class="wrapper">
         <txp:output_form form="breadcrumbs" />
diff --git a/templates/pages/article-non-blog.txp b/templates/pages/article-non-blog.txp
@@ -55,7 +55,7 @@
         </txp:if_category>
     </txp:if_author>
 </head>
-<body class="<txp:if_article_list>listing-page<txp:else />article-page</txp:if_article_list>" itemscope itemtype="https://schema.org/WebPage">
+<body class="<txp:if_article_list>listing-page<txp:else />article-page</txp:if_article_list><txp:if_variable name="--site-footer-background" value="1"> box--subtle</txp:if_variable><txp:if_variable name="--site-footer-background" value="2"> box--strong</txp:if_variable>" itemscope itemtype="https://schema.org/WebPage">
     <txp:output_form form="header" />
     <div class="wrapper">
         <txp:output_form form="breadcrumbs" />
diff --git a/templates/pages/contact.txp b/templates/pages/contact.txp
@@ -24,7 +24,7 @@
         <meta name="robots" content="none">
     </txp:if_article_list>
 </head>
-<body class="contact-page" itemscope itemtype="https://schema.org/ContactPage">
+<body class="contact-page<txp:if_variable name="--site-footer-background" value="1"> box--subtle</txp:if_variable><txp:if_variable name="--site-footer-background" value="2"> box--strong</txp:if_variable>" itemscope itemtype="https://schema.org/ContactPage">
     <txp:output_form form="header" />
     <div class="wrapper">
         <txp:output_form form="breadcrumbs" />
diff --git a/templates/pages/default.txp b/templates/pages/default.txp
@@ -41,7 +41,7 @@
         </txp:if_author>
     </txp:if_search>
 </head>
-<body class="<txp:variable name="page-type" />" itemscope itemtype="<txp:if_variable name="page-type" value="front-page">https://schema.org/WebPage<txp:else /><txp:if_variable name="page-type" value="search-page">https://schema.org/SearchResultsPage<txp:else />https://schema.org/CollectionPage</txp:if_variable></txp:if_variable>">
+<body class="<txp:variable name="page-type" /><txp:if_variable name="--site-footer-background" value="1"> box--subtle</txp:if_variable><txp:if_variable name="--site-footer-background" value="2"> box--strong</txp:if_variable>" itemscope itemtype="<txp:if_variable name="page-type" value="front-page">https://schema.org/WebPage<txp:else /><txp:if_variable name="page-type" value="search-page">https://schema.org/SearchResultsPage<txp:else />https://schema.org/CollectionPage</txp:if_variable></txp:if_variable>">
     <txp:output_form form="header" />
     <txp:if_variable name="page-type" value="front-page">
         <txp:output_form form="-content--homepage" />
diff --git a/templates/pages/error_default.txp b/templates/pages/error_default.txp
@@ -6,7 +6,7 @@
     <meta name="robots" content="none">
     <txp:variable name="page-type" value="error-page" />
 </head>
-<body class="error-page" itemscope itemtype="https://schema.org/WebPage">
+<body class="error-page<txp:if_variable name="--site-footer-background" value="1"> box--subtle</txp:if_variable><txp:if_variable name="--site-footer-background" value="2"> box--strong</txp:if_variable>" itemscope itemtype="https://schema.org/WebPage">
     <txp:output_form form="header" />
     <div class="wrapper">
         <txp:output_form form="breadcrumbs" />
