We are a creative tech hub.
Design, music and tech projects are our jam.
#random-banner-container001 {
}
#random-banner-container001 img {
width: auto;
height: 100%;
display: block;
}
#random-banner-container001 img:hover {
}
// Array of banner objects – each contains image filename and corresponding link
const banners001 = [
{ image001: ‘wp-content/uploads/2026/02/hp-hdr-rt-260203.png’, link001: ” },
{ image001: ‘wp-content/uploads/2026/02/hp-hdr-rt-260203-2.png’, link001: ” }
];
// Function to display a random banner
function displayrandomBanner001() {
// Get a random index from the banners001 array
const randomIndex001 = Math.floor(Math.random() * banners001.length);
const randomBanner001 = banners001[randomIndex001];
// Create the HTML elements
const bannerContainer001 = document.getElementById(‘random-banner-container001’);
// Create anchor element
const linkElement001 = document.createElement(‘a’);
// Create image element
const imgElement001 = document.createElement(‘img’);
imgElement001.src = `/${randomBanner001.image001}`;
imgElement001.alt = `Banner ${randomIndex001 + 1}`;
imgElement001.style.maxWidth = ‘auto’; // Responsive image
imgElement001.style.height = ‘100%’;
// Append image to link, then link to container
linkElement001.appendChild(imgElement001);
bannerContainer001.innerHTML = ”; // Clear any existing content
bannerContainer001.appendChild(linkElement001);
}
// Call the function when the page loads
document.addEventListener(‘DOMContentLoaded’, displayrandomBanner001);




























































