-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path404.html
98 lines (89 loc) · 13 KB
/
404.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<!DOCTYPE html><html lang="404" dir="ltr" class="h-full dark no-js"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="icon" type="image/x-icon" href="/images/favicon/favicon.ico"><title> | find.bible</title><meta name="description" itemprop="description" property="og:description" content=""><meta itemprop="name" content=""><meta itemprop="description" content=""><meta property="og:type" content="website"><meta property="og:title" content=""><meta property="og:description" content=""><meta name="theme-color" content="#059669"><meta name="astro-view-transitions-enabled" content="true"><meta name="astro-view-transitions-fallback" content="animate"><script>
const setDarkMode = () => {
const isDarkModePreferred = () => {
return localStorage.theme === "dark" ||
(!("theme" in localStorage) && window.matchMedia("(prefers-color-scheme: dark)").matches);
};
const toggleClasses = (element, condition, classesOn, classesOff) => {
classesOn.forEach(cls => element.classList.toggle(cls, condition));
classesOff.forEach(cls => element.classList.toggle(cls, !condition));
};
const toggleDarkMode = () => {
const isDark = document.documentElement.classList.toggle("dark");
updateTogglerUI(isDark);
localStorage.theme = isDark ? "dark" : "light";
};
const preferredDarkMode = isDarkModePreferred();
document.documentElement.classList.toggle("dark", preferredDarkMode);
attachEvent("[data-aw-toggle-color-scheme]", "click", toggleDarkMode);
};
document.addEventListener("DOMContentLoaded", setDarkMode);
document.addEventListener("astro:after-swap", setDarkMode);
const clearNoJsFeatures = () => {
document.documentElement.classList.remove("no-js");
}
document.addEventListener("DOMContentLoaded", clearNoJsFeatures);
document.addEventListener("astro:after-swap", clearNoJsFeatures);
function attachEvent(selector, event, fn) {
const matches = document.querySelectorAll(selector)
if (matches && matches.length) {
matches.forEach((elem) => {
elem.addEventListener(
event,
function () {
fn(elem)
},
false
)
})
}
}
</script><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=undefined:[email protected]&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_astro/add.BBxi-l07.css">
<link rel="stylesheet" href="/_astro/add.DB8c9oUm.css">
<style>.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0}}@keyframes astroFadeOut{to{opacity:0}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}
</style><script type="module" src="/_astro/hoisted.UDKN0QyT.js"></script>
<script type="module" src="/_astro/page.CPvyyiTs.js"></script><style>[data-astro-transition-scope="astro-vey6yenu-1"] { view-transition-name: astro-vey6yenu-1; }@layer astro { ::view-transition-old(astro-vey6yenu-1) {
animation-duration: 180ms;
animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
animation-fill-mode: both;
animation-name: astroFadeOut; }::view-transition-new(astro-vey6yenu-1) {
animation-duration: 180ms;
animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
animation-fill-mode: both;
animation-name: astroFadeIn; }[data-astro-transition=back]::view-transition-old(astro-vey6yenu-1) {
animation-duration: 180ms;
animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
animation-fill-mode: both;
animation-name: astroFadeOut; }[data-astro-transition=back]::view-transition-new(astro-vey6yenu-1) {
animation-duration: 180ms;
animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
animation-fill-mode: both;
animation-name: astroFadeIn; } }[data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-vey6yenu-1"],
[data-astro-transition-fallback="old"][data-astro-transition-scope="astro-vey6yenu-1"] {
animation-duration: 180ms;
animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
animation-fill-mode: both;
animation-name: astroFadeOut; }[data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-vey6yenu-1"],
[data-astro-transition-fallback="new"][data-astro-transition-scope="astro-vey6yenu-1"] {
animation-duration: 180ms;
animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
animation-fill-mode: both;
animation-name: astroFadeIn; }[data-astro-transition=back][data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-vey6yenu-1"],
[data-astro-transition=back][data-astro-transition-fallback="old"][data-astro-transition-scope="astro-vey6yenu-1"] {
animation-duration: 180ms;
animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
animation-fill-mode: both;
animation-name: astroFadeOut; }[data-astro-transition=back][data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-vey6yenu-1"],
[data-astro-transition=back][data-astro-transition-fallback="new"][data-astro-transition-scope="astro-vey6yenu-1"] {
animation-duration: 180ms;
animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
animation-fill-mode: both;
animation-name: astroFadeIn; }</style></head> <body class="antialiased text-stone-900 dark:text-stone-300 tracking-tight h-screen dark:bg-none dark:bg-black"> <div class="flex grow flex-col justify-between m-auto h-screen"> <header data-astro-transition-persist="header" class="sticky top-0 z-40 flex-none mx-auto w-full bg-stone-100/80 dark:bg-stone-900/90 backdrop-blur-sm border-stone-300 dark:border-stone-600 border-b"> <div class="py-1 px-3 md:px-4 flex flex-wrap lg:flex-nowrap justify-around max-w-6xl mx-auto"> <div> <a href="/404/"> <img class="hidden md:block size-16" src="/images/logo.svg" alt="Find.Bible"> </a> </div> <div id="search-wrapper" class="relative w-full"> <div class="block sm:w-1/2 md:w-3/4 mx-auto lg:w-full max-w-xl my-1 md:py-1 lg:py-2"> <div class="relative ml-12 mr-6"> <div class="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3 text-stone-400"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"></path> </svg> </div> <input id="search-input" type="search" placeholder="Type Anything ..." aria-label="Search" autocomplete="off" data-locale="404" data-scope="all" data-t="[object Object]" class="block w-full rounded-md border border-stone-400 py-2 pl-10 text-sm text-stone-800 shadow-lg placeholder-stone-800 dark:border-stone-700 dark:bg-stone-600 dark:text-stone-100 dark:placeholder-stone-100"> </div> </div> <div id="search-results-wrapper" class="relative w-full"></div> </div> <ul class="flex flex-row pt-6 sm:pt-0 self-center w-auto mx-auto sm:text-sm md:text-base xl:text-lg whitespace-nowrap"> <li><a href="/404/bibles/" class="hover:text-stone-900 dark:hover:text-white px-2 md:px-4 py-1">Bibles</a></li> <li><a href="/404/languages" class="hover:text-stone-900 dark:hover:text-white px-2 md:px-4 py-1">Langauges</a></li> <li><a href="/404/countries" class="hover:text-stone-900 dark:hover:text-white px-2 md:px-4 py-1">Countries</a></li>
<li><a href="/404/organizations" class="hover:text-stone-900 dark:hover:text-white px-2 md:px-4 py-1">Organizations</a></li>
<li><a href="/404/about" class="hover:text-stone-900 dark:hover:text-white px-2 md:px-4 py-1">About</a></li> <li class="flex justify-center items-center"> <details class="relative mr-1"> <summary class="text-stone-500 dark:bg-stone-800 dark:text-stone-400 hover:bg-stone-100 dark:hover:bg-stone-700 focus:outline-none focus:ring-4 focus:ring-stone-200 dark:focus:ring-stone-700 rounded-lg text-sm py-2 px-2 inline-flex items-center"> <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="h-5 w-5 dark:placeholder-stone-400" viewBox="0 0 20 20"><path d="M7.75 2.75a.75.75 0 0 0-1.5 0v1.26a32.99 32.99 0 0 0-3.6.28.75.75 0 1 0 .2 1.48 31.55 31.55 0 0 1 5.85-.22 19.38 19.38 0 0 1-1.7 4A19.42 19.42 0 0 1 6 7.5a.75.75 0 0 0-1.39.58 20.93 20.93 0 0 0 1.5 2.9 19.61 19.61 0 0 1-3.83 4.16.75.75 0 1 0 .94 1.16A21.12 21.12 0 0 0 7 12.34l.29.4a.75.75 0 0 0 1.2-.92c-.21-.26-.4-.54-.6-.81a20.89 20.89 0 0 0 2.34-5.33l.92.1a.75.75 0 0 0 .2-1.48 32.83 32.83 0 0 0-3.6-.3V2.75z"></path><path fill-rule="evenodd" d="M13 8a.75.75 0 0 1 .67.41l4.25 8.5a.75.75 0 1 1-1.34.67l-.8-1.58h-5.57l-.79 1.58a.75.75 0 1 1-1.34-.66l4.25-8.5A.75.75 0 0 1 13 8zm2.04 6.5L13 10.43l-2.04 4.07h4.08z" clip-rule="evenodd"></path></svg> </summary> <nav class="absolute w-28 right-0 rtl:right-auto rtl:-left-10 top-12 z-50 rounded-md bg-white drop-shadow-lg dark:bg-stone-800"> <a href="/en//" class="block cursor-pointer py-2 px-4 text-sm text-stone-700 hover:bg-stone-100 dark:bg-stone-800 dark:text-stone-200 dark:hover:bg-stone-700 hover:rounded-lg">English</a><a href="/ar//" class="block cursor-pointer py-2 px-4 text-sm text-stone-700 hover:bg-stone-100 dark:bg-stone-800 dark:text-stone-200 dark:hover:bg-stone-700 hover:rounded-lg">عربي</a><a href="/es//" class="block cursor-pointer py-2 px-4 text-sm text-stone-700 hover:bg-stone-100 dark:bg-stone-800 dark:text-stone-200 dark:hover:bg-stone-700 hover:rounded-lg">Español</a><a href="/sw//" class="block cursor-pointer py-2 px-4 text-sm text-stone-700 hover:bg-stone-100 dark:bg-stone-800 dark:text-stone-200 dark:hover:bg-stone-700 hover:rounded-lg">Kiswahili</a><a href="/hn//" class="block cursor-pointer py-2 px-4 text-sm text-stone-700 hover:bg-stone-100 dark:bg-stone-800 dark:text-stone-200 dark:hover:bg-stone-700 hover:rounded-lg">Hindi</a><a href="/zh//" class="block cursor-pointer py-2 px-4 text-sm text-stone-700 hover:bg-stone-100 dark:bg-stone-800 dark:text-stone-200 dark:hover:bg-stone-700 hover:rounded-lg">汉语</a><a href="/ta//" class="block cursor-pointer py-2 px-4 text-sm text-stone-700 hover:bg-stone-100 dark:bg-stone-800 dark:text-stone-200 dark:hover:bg-stone-700 hover:rounded-lg">தமிழ்</a><a href="/te//" class="block cursor-pointer py-2 px-4 text-sm text-stone-700 hover:bg-stone-100 dark:bg-stone-800 dark:text-stone-200 dark:hover:bg-stone-700 hover:rounded-lg">తెలుగు</a><a href="/bn//" class="block cursor-pointer py-2 px-4 text-sm text-stone-700 hover:bg-stone-100 dark:bg-stone-800 dark:text-stone-200 dark:hover:bg-stone-700 hover:rounded-lg">বাংলা</a><a href="/mr//" class="block cursor-pointer py-2 px-4 text-sm text-stone-700 hover:bg-stone-100 dark:bg-stone-800 dark:text-stone-200 dark:hover:bg-stone-700 hover:rounded-lg">मराठी</a> </nav> </details> <button id="dark-mode-toggle" type="button" class="text-stone-500 dark:text-stone-400 dark:bg-stone-800 hover:bg-stone-100 dark:hover:bg-stone-700 rounded-lg text-sm p-1.5 hidden sm:inline-flex items-center" aria-label="Toggle between Dark and Light mode" data-aw-toggle-color-scheme> <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" width="24" height="24" viewBox="0 0 24 24" stroke-width="1.75" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <circle cx="12" cy="12" r="4"></circle> <path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"></path> </svg> </button> </li> </ul> </div> </header> <main class="pb-24 bg-white dark:bg-stone-800 w-full mx-auto grow border border-stone-300 dark:border-stone-600 border-t-0" data-astro-transition-scope="astro-vey6yenu-1"> <div class="container flex flex-col text-center items-center justify-center px-5 mx-auto mt-12"> <h2 class="mb-8 font-bold text-9xl"> <span class="sr-only">Error</span> <span class="bg-clip-text text-transparent bg-gradient-to-r from-primary-500 to-secondary-500">
404
</span> </h2> <p class="text-3xl font-semibold md:text-3xl mt-4 mb-8">Sorry, we couldn't find this page.</p> <a rel="noopener noreferrer" href="/" class="text-white bg-stone-900 hover:bg-stone-800 dark:bg-stone-700 dark:hover:bg-stone-800 ml-4 p-2 rounded-md">
Back to homepage
</a> </div> </main> <footer class="bg-white dark:bg-stone-900 block h-24 py-2 text-center text-sm text-gray-500">
Find a Bible is a collaborative project of the <a target="_blank" rel="noreferrer" class="text-emerald-800 dark:text-emerald-500 font-bold" href="https://forum-intl.org">Forum of Bible Agencies</a> and is created and maintained by the <a target="_blank" rel="noreferrer" class="text-blue-800 dark:text-blue-500 font-bold" href="https://dbs.org">Digital Bible Society</a>.
</footer> </div> </body></html>