Added greek bible and centered title correctly and added date

This commit is contained in:
George Powell
2025-12-23 22:56:46 -05:00
parent f9f0928278
commit 0e3505b8e7
8 changed files with 33887 additions and 14 deletions

View File

@@ -29,7 +29,7 @@
</script>
<div
class="title-container relative inline-block cursor-pointer"
class="title-container relative flex justify-center cursor-pointer"
onmouseenter={handleMouseEnter}
onmouseleave={handleMouseLeave}
onclick={handleTap}
@@ -48,7 +48,7 @@
<!-- BIBLE DAILY (expanded state) -->
<div
class="title-expanded flex flex-row items-center justify-center transition-all duration-500 ease-in-out"
class="title-expanded absolute inset-0 items-center justify-center transition-all duration-500 ease-in-out"
class:opacity-0={!showExpanded}
class:opacity-100={showExpanded}
>
@@ -68,6 +68,7 @@
<style>
.title-container {
min-height: 1.5em;
width: 100%;
}
.title-word,
@@ -75,6 +76,7 @@
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.2em;
margin-right: -0.3em; /* Compensate for letter-spacing to center properly */
}
.title-expanded span {