https://www.rinconpres.org/js/override.js

1/*window.onload = function() {
2  // Select the container where you want to add the buttons
3  const blurbsContainer = document.querySelector('.header-text-wrapper .blurbs');
4
5  // Create left button
6  const buttonLeft = document.createElement('a');
7  buttonLeft.href = "https://maps.app.goo.gl/Yjwe7jdGQQVfhGrN8";
8  buttonLeft.classList.add('button-hp', 'button-left');
9  buttonLeft.textContent = "How to Get Here";
10
11  // Create right button
12  const buttonRight = document.createElement('a');
13  buttonRight.href = "https://z-herald-rincon-mountain-presbyterian-church-tucson-az.preview-our-site.com/what-to-expect-at-rincon";
14  buttonRight.classList.add('button-hp', 'button-right');
15  buttonRight.textContent = "What to Expect at RMPC";
16
17  // Append the buttons directly under the .blurbs container
18  if (blurbsContainer) {
19    // Create a new container for the buttons (keeping them in the same visual style)
20    const buttonWrapper = document.createElement('div');
21    buttonWrapper.classList.add('button-wrapper'); // Adding a wrapper to keep structure intact
22    
23    buttonWrapper.appendChild(buttonLeft);
24    buttonWrapper.appendChild(buttonRight);
25
26    // Insert buttonWrapper directly after .blurbs
27    blurbsContainer.insertAdjacentElement('afterend', buttonWrapper);
28  }
29};