Hi,
Somehow out of the blue, my website https://nieuwbouwbewust.nl is unavailable - as it does not get past the loading screen.
This has never been an issue before and I have not - is there a problem with Softr? Can anyone please help with a solution?
Thanks,
Thijs
For clarity:
- the pages are visible to all users
- this is the (entire) custom code in the header - again, until now this always worked very well:
<meta name="google-site-verification" content="xxx" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.11.2/cdn/themes/light.css" />
<script type="module" src="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.11.2/cdn/shoelace-autoloader.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"/>
<div id="loading-spinner">
<i class="fa-solid fa-heart fa-beat" style="--fa-animation-duration: 1.5s;" ></i>
<p class="loading-text">Pagina laden..</p>
</div>
<style>
#loading-spinner {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #FFFFFF;
opacity: 1;
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
}
#loading-spinner i {
font-size: 30px;
color: #C5C9FF;
}
.loading-text {
font-family: Julius sans one;
font-size: 20px;
font-weight: bold;
color: #616161;
margin-right: 30px;
margin-top: 20px;
}
</style>
<script>
window.addEventListener('load', function() {
var spinner = document.getElementById('loading-spinner');
spinner.style.display = 'none';
});
var loadingText = '';
var url = window.location.href.toLowerCase();
if (url.includes('/optie-varianten')) {
loadingText = 'Keuzemogelijkheden laden...';
} else if (url.includes('/1-ontwerpkeuzes-categorie')) {
loadingText = 'Opties laden...';
} else if (url.includes('/keuzedetails-en-alternatieven')) {
loadingText = 'Gemaakte keuzes laden...';
} else if (url.includes('/optie-details')) {
loadingText = 'Details laden';
} else {
loadingText = 'Pagina laden...';
}
document.querySelector('.loading-text').textContent = loadingText;
</script>