rdrew 2 months ago
parent
commit
2fcda9ae54
  1. 0
      images/bdh_logo_02.png
  2. 0
      images/dirt_road.png
  3. 13
      js/facet-hide.js
  4. 0
      junk_drawer/.DS_Store
  5. 2
      olivesbdh.libraries.yml
  6. 4
      templates/includes/lp-banner.html.twig
  7. 1
      templates/layout/region--sidebar.html.twig

0
images/bdh_logo_02.png

Before

Width:  |  Height:  |  Size: 33 KiB

After

Width:  |  Height:  |  Size: 33 KiB

0
images/dirt_road.png

Before

Width:  |  Height:  |  Size: 1.0 MiB

After

Width:  |  Height:  |  Size: 1.0 MiB

13
js/facet-hide.js

@ -0,0 +1,13 @@
document.addEventListener('DOMContentLoaded', function() {
const toggleButton = document.getElementById('toggle-facets');
const facets = document.querySelectorAll('.region--sidebar .block'); // Scope to sidebar
toggleButton.addEventListener('click', function() {
const isHidden = facets[0].style.display === 'none' || !facets[0].style.display; // Assume initial 'none' from CSS
const newDisplay = isHidden ? 'block' : 'none';
facets.forEach(facet => {
facet.style.display = newDisplay;
});
});
});

0
junk_drawer/.DS_Store vendored

2
olivesbdh.libraries.yml

@ -56,7 +56,7 @@ global-styling:
js:
js/checkbox.js: {}
js/facet-hide.js: {}
dependencies:
- core/drupal
- core/once

4
templates/includes/lp-banner.html.twig

@ -3,7 +3,9 @@
<div class="hero-section" style="background:url(/themes/custom/olivesbdh/images/dirt_road.png) 50% no-repeat;">
<div class="logo-wrapper">
<figure class="logo--ilivesbdh">
<img src="{{ logo }}" alt="bdh logo">
<!--<img src="{{ logo }}" alt="bdh logo">-->
<h1>Bowing Down Home</h1>
<h2>Fiddle Music of Prince Edward Island</h2>
</figure>
</div>
</div>

1
templates/layout/region--sidebar.html.twig

@ -23,6 +23,7 @@
{% if content %}
<aside{{ attributes.addClass(classes) }}>
<button id="toggle-facets">Toggle Facets</button>
{{ content }}
</aside>
{% endif %}

Loading…
Cancel
Save