feat: enhance styling and layout for improved user experience

- Added custom fonts 'Blade Knight' and 'Coligra' for a unique aesthetic
- Updated background color and styling for body and app components
- Improved content card design with glass morphism effects and hover states
- Enhanced mobile navigation with a floating glass effect and updated button styles
- Adjusted header layout for better responsiveness and visual appeal

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Dorian
2026-02-02 23:18:35 +00:00
parent ea03167da8
commit 90c55883f2
14 changed files with 289 additions and 71 deletions

View File

@@ -22,11 +22,20 @@ export const useContentStore = defineStore('content', () => {
error.value = null
try {
// Simulate loading delay for UX
await new Promise(resolve => setTimeout(resolve, 300))
// Set featured content immediately - God Bless Bitcoin
const godBlessBitcoin = bitcoinFilms.find(f => f.title === 'God Bless Bitcoin') || bitcoinFilms[0]
if (godBlessBitcoin) {
// Override backdrop to use the downloaded image
featuredContent.value = {
...godBlessBitcoin,
backdrop: '/assets/images/god-bless-bitcoin-backdrop.jpg'
}
} else {
featuredContent.value = indeeHubFilms[0]
}
// Set featured content (first Bitcoin doc)
featuredContent.value = bitcoinFilms[0] || indeeHubFilms[0]
// Small delay for content rows only
await new Promise(resolve => setTimeout(resolve, 100))
// Organize content into rows
contentRows.value = {