readme

README.md

@@ -1,24 +1,39 @@
 # vre2024 - Drupal 10 Base Theme.
 
-## Sassless theme
+## Sassless Theme
 Native css has progressed to include variables and property nesting so this theme does not reqire preprocessing an make liberal used of css variables
 
-## Theme configuration varables
+## Theme Configuration Varables
 Many of the stylist details are set in `site-variables.css`
 
-## Subtheme creation script
+## Subtheme Creation Script
 
     php core/scripts/drupal generate-theme --starterkit vre2024 name_of_subtheme
 
-## Proxy server for local theme dev against live site
+## Proxy Server For Local Theme Dev Against Live Site
 edit variables in `bs.js` and run:
 
     node bs.js
 
 this runs a proxy server using Browser-sync, serving your local files against the live proxied site. Css file are watched or changes and are automatically reloaded on file save.
 
-## Icon libraries
+## Suckerfish Main Menu
+when placed in the 'primary menu' region, suckerfish.js is enabled for the dropdrowns
+
+## Mobile Header Nav
+On mobile, the header-top regions stack and the primary-menu region becomes a pop-out vertical menu
+
+## Icon Libraries
 enable/disable fontawesome4,5 or Bootstrap Icons in vre2024.info.yml
 
 ## Logos
 Both the white and colored UPEI shields are included as svgs
+
+## Landing Page Regions
+top & bottom content regions that only appear on the landing page
+
+## Header Search Form
+Search box region enables a dropdown search box
+
+## Scroll To Top Bottom
+automatic on long pages

bs.js

@@ -2,6 +2,7 @@ var browserSync = require('browser-sync');
 var themeName = 'vre2024';
 var siteUrl = 'https://library_local.lndo.site';
 var cssWatchDir =  'css/**/*.css';
+var themePath = '/themes/custom/vre2024';
 var filesToServe = '.';
 
 browserSync({
@@ -11,8 +12,10 @@ browserSync({
   serveStatic: [filesToServe],
   rewriteRules: [
           {
-              match: /\/themes\/custom\/vre2024/g,
+              match: themePath,
               replace: ''
+              //match: /\/themes\/custom\/vre2024/g,
+              //replace: ''
           }
       ]
 });

config/optional/block.block.vre2024_account_menu.yml

@@ -9,7 +9,7 @@ dependencies:
     - vre2024
 id: vre2024_account_menu
 theme: vre2024
-region: hidden
+region: header_top_right
 weight: -7
 provider: null
 plugin: 'system_menu_block:account'

config/optional/block.block.vre2024_main_menu.yml

@@ -9,7 +9,7 @@ dependencies:
     - vre2024
 id: vre2024_main_menu
 theme: vre2024
-region: hidden
+region: primary_menu
 weight: -8
 provider: null
 plugin: 'system_menu_block:main'

css/base.css

@@ -307,6 +307,12 @@ button,
   -webkit-appearance: button;
   background: var(--upei-green);
   color: #fff;
+  border-radius: 4px;
+  font-family: var(--tabs-font);
+  font-optical-sizing: auto;
+  font-weight: 300;
+  font-style: normal;
+  /*font-variation-settings: "wdth" 75;*/
 }
 button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,

templates/layout/page--front.html.twig

@@ -0,0 +1,41 @@
+{% if page.header_top_left or page.header_top_right %}
+  {% include '@vre2024/template-parts/header/header-top.html.twig' %}
+{% endif %}
+{% include '@vre2024/template-parts/header/header.html.twig' %}
+{% if not is_front and page.page_header %}
+  {% include '@vre2024/template-parts/header/header-page.html.twig' %}
+{% endif %}
+{% if page.highlighted %}
+  {% include '@vre2024/template-parts/highlighted.html.twig' %}
+{% endif %}
+<div class="main-wrapper">
+  <div class="container">
+    <a id="main-content" tabindex="-1"></a>
+    <div class="main-container">
+      <main id="main" class="main-content">
+        {% if page.content_home_top %}
+          {% include '@vre2024/template-parts/content-parts/content_home_top.html.twig' %}
+        {% endif %}
+        {% if page.content_top %}
+          {% include '@vre2024/template-parts/content-parts/content_top.html.twig' %}
+        {% endif %}
+        <div class="node-content">
+          {{ page.content }}
+        </div>
+        {% if page.content_bottom %}
+          {% include '@vre2024/template-parts/content-parts/content_bottom.html.twig' %}
+        {% endif %}
+        {% if page.content_home_bottom %}
+          {% include '@vre2024/template-parts/content-parts/content_home_bottom.html.twig' %}
+        {% endif %}
+      </main>
+    {% if page.sidebar_first %}
+      {% include '@vre2024/template-parts/sidebar/sidebar_left.html.twig' %}
+    {% endif %}
+    {% if page.sidebar_second %}
+      {% include '@vre2024/template-parts/sidebar/sidebar_right.html.twig' %}
+    {% endif %}
+    </div><!--/main-container -->
+  </div><!--/container -->
+</div><!--/main-wrapper -->
+{% include '@vre2024/template-parts/footer/footer.html.twig' %}