kbe/aperonight
1
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

fix: CSS asset loading and convert footer to Tailwind

Browse Source 
- 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>
This commit is contained in:
kbe
2025-09-04 00:57:44 +02:00
parent 839120f2f4
commit ee4399aa46
3 changed files with 33 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
app/views/components/_footer.html.erb
View File

@@ -1,41 +1,41 @@
<div class="footer-content">
<div class="footer-section">
<h3>Events</h3>
<ul class="footer-links">
<li><a href="#">Find Events</a></li>
<li><a href="#">Host an Event</a></li>
<li><a href="#">Event Categories</a></li>
<li><a href="#">Premium Events</a></li>
<div class="grid gap-6 mb-6 md:grid-cols-2 lg:grid-cols-4">
<div>
<h3 class="font-bold text-lg text-white mb-3">Events</h3>
<ul class="space-y-2">
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Find Events</a></li>
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Host an Event</a></li>
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Event Categories</a></li>
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Premium Events</a></li>
</ul>
</div>
<div class="footer-section">
<h3>Community</h3>
<ul class="footer-links">
<li><a href="#">Join Us</a></li>
<li><a href="#">Member Benefits</a></li>
<li><a href="#">Success Stories</a></li>
<li><a href="#">Ambassador Program</a></li>
<div>
<h3 class="font-bold text-lg text-white mb-3">Community</h3>
<ul class="space-y-2">
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Join Us</a></li>
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Member Benefits</a></li>
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Success Stories</a></li>
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Ambassador Program</a></li>
</ul>
</div>
<div class="footer-section">
<h3>Support</h3>
<ul class="footer-links">
<li><a href="#">Help Center</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Safety Guidelines</a></li>
<li><a href="#">Cancellation Policy</a></li>
<div>
<h3 class="font-bold text-lg text-white mb-3">Support</h3>
<ul class="space-y-2">
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Help Center</a></li>
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Contact Us</a></li>
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Safety Guidelines</a></li>
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Cancellation Policy</a></li>
</ul>
</div>
<div class="footer-section">
<h3>Company</h3>
<ul class="footer-links">
<li><a href="#">About Aperonight</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">Press & Media</a></li>
<li><a href="#">Partner With Us</a></li>
<div>
<h3 class="font-bold text-lg text-white mb-3">Company</h3>
<ul class="space-y-2">
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">About Aperonight</a></li>
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Careers</a></li>
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Press & Media</a></li>
<li><a href="#" class="text-neutral-400 text-sm hover:text-accent-400 transition-colors duration-300">Partner With Us</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>&copy; 2024 Aperonight. All rights reserved. • <a href="#" style="color: var(--color-accent-400);">Privacy Policy</a> • <a href="#" style="color: var(--color-accent-400);">Terms of Service</a></p>
<div class="border-t border-neutral-700 pt-4 text-center text-neutral-400 text-sm">
<p>&copy; 2024 Aperonight. All rights reserved. • <a href="#" class="text-accent-400 hover:text-accent-300 transition-colors">Privacy Policy</a> • <a href="#" class="text-accent-400 hover:text-accent-300 transition-colors">Terms of Service</a></p>
</div>

12
app/views/layouts/application.html.erb
View File

@@ -24,6 +24,7 @@
<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" %>
@@ -41,20 +42,11 @@
</div>
</main>
<footer class="footer">
<footer class="bg-neutral-800 text-neutral-300 py-8 pb-4">
<div class="container">
<%= render "components/footer" %>
</div>
</footer>
</div>
<script>
// Initialize Lucide icons
document.addEventListener("DOMContentLoaded", function() {
if (typeof lucide !== 'undefined') {
lucide.createIcons();
}
});
</script>
</body>
</html>