46c8faf10c
- Replace unpkg CDN with npm package import in application.js - Add global initialization for all Lucide icons on page load and Turbo events - Remove dependency on lucide_controller.js and data-controller wrapper - Icons now work anywhere with simple <i data-lucide="icon-name"></i> syntax - Bundle size increased to include full icon set but removes controller overhead 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
52 lines
1.9 KiB
Plaintext
Executable File
52 lines
1.9 KiB
Plaintext
Executable File
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title><%= content_for(:title) || "Aperonight" %></title>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="mobile-web-app-capable" content="yes">
|
|
<%= csrf_meta_tags %>
|
|
<%= csp_meta_tag %>
|
|
<%= yield :head %>
|
|
|
|
<!-- Fonts -->
|
|
<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=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
|
|
|
|
<!-- Lucide Icons loaded via npm package -->
|
|
|
|
<%# Enable PWA manifest for installable apps (make sure to enable in config/routes.rb too!) %>
|
|
<%#= tag.link rel: "manifest", href: pwa_manifest_path(format: :json) %>
|
|
<link rel="icon" href="/icon.png" type="image/png">
|
|
<link rel="icon" href="/icon.svg" type="image/svg+xml">
|
|
<link rel="apple-touch-icon" href="/icon.png">
|
|
|
|
<%# Includes all stylesheet files in app/assets/stylesheets %>
|
|
<%# stylesheet_link_tag :app, "data-turbo-track": "reload" %>
|
|
<%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
|
|
<%= javascript_include_tag "application", "data-turbo-track": "reload", type: "module" %>
|
|
|
|
</head>
|
|
<body data-user-authenticated="<%= user_signed_in? %>" data-event-slug="<%= @event&.slug %>">
|
|
<div class="app-wrapper">
|
|
<%= render "components/header" %>
|
|
|
|
<!-- Flash messages positioned between header and content -->
|
|
<%= render "shared/flash_messages" %>
|
|
|
|
<main class="">
|
|
<div class="yield">
|
|
<%= yield %>
|
|
</div>
|
|
</main>
|
|
|
|
<footer class="bg-neutral-800 text-neutral-300 py-8 pb-4">
|
|
<div class="container">
|
|
<%= render "components/footer" %>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html>
|