diff --git a/README.md b/README.md index c233d93..a1d4928 100644 --- a/README.md +++ b/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 diff --git a/bs.js b/bs.js index 6f84e78..fdba2f0 100644 --- a/bs.js +++ b/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: '' } ] }); diff --git a/config/optional/block.block.vre2024_account_menu.yml b/config/optional/block.block.vre2024_account_menu.yml index ae295cc..e0df985 100644 --- a/config/optional/block.block.vre2024_account_menu.yml +++ b/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' diff --git a/config/optional/block.block.vre2024_main_menu.yml b/config/optional/block.block.vre2024_main_menu.yml index 027a06e..5466637 100644 --- a/config/optional/block.block.vre2024_main_menu.yml +++ b/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' diff --git a/css/base.css b/css/base.css index 6b27132..e608a19 100644 --- a/css/base.css +++ b/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, diff --git a/screenshot.png b/screenshot.png index 09a00a3..2080363 100644 Binary files a/screenshot.png and b/screenshot.png differ diff --git a/templates/layout/page--front.html.twig b/templates/layout/page--front.html.twig new file mode 100644 index 0000000..d686411 --- /dev/null +++ b/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 %} +