Files
aperonight/app/views/layouts/application.html.erb
kbe ee4399aa46 fix: CSS asset loading and convert footer to Tailwind
- Fix asset loading issues by removing commented footer.css import
- Convert footer component from custom CSS to Tailwind classes
- Add dark background styling to footer wrapper
- Maintain responsive grid layout and hover effects
- Remove unused CSS styles and simplify asset pipeline

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-04 00:57:44 +02:00

53 lines
2.0 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 -->
<script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
<%# 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>