mirror of
https://github.com/php-flasher/php-flasher.git
synced 2026-03-31 15:07:47 +01:00
Simplify footer design with clean slate color scheme
- Remove gradient background and decorative SVG wave - Use consistent slate-900/400/500 color palette - Remove animated elements and decorative bars - Simplify social links and documentation navigation - Reduce author image size for cleaner layout
This commit is contained in:
Younes ENNAJI
@@ -1,5 +1,5 @@
|
||||
{
|
||||
"dist/main.css": "/dist/main.b961583e.css",
|
||||
"dist/main.css": "/dist/main.2ef7930f.css",
|
||||
"dist/main.js": "/dist/main.3b34e6a6.js",
|
||||
"dist/455.3a7b4474.css": "/dist/455.3a7b4474.css",
|
||||
"dist/455.095e6545.js": "/dist/455.095e6545.js",
|
||||
|
||||
+25
-47
@@ -1,87 +1,65 @@
|
||||
<footer class="bg-gradient-to-b from-indigo-900 to-indigo-950 mt-12 pt-12 pb-8 text-white relative">
|
||||
<div class="absolute top-0 left-0 w-full overflow-hidden leading-none">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none" class="text-slate-50 relative block w-full h-8">
|
||||
<path d="M985.66,92.83C906.67,72,823.78,31,743.84,14.19c-82.26-17.34-168.06-16.33-250.45.39-57.84,11.73-114,31.07-172,41.86A600.21,600.21,0,0,1,0,27.35V120H1200V95.8C1132.19,118.92,1055.71,111.31,985.66,92.83Z" fill="currentColor"></path>
|
||||
</svg>
|
||||
</div>
|
||||
|
||||
<footer class="bg-slate-900 mt-12 pt-12 pb-8 text-white">
|
||||
<div class="container max-w-7xl mx-auto px-4 lg:px-6">
|
||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-12">
|
||||
<!-- About Section -->
|
||||
<div>
|
||||
<h3 class="text-xl font-bold mb-4 flex items-center">
|
||||
<span class="italic transform -rotate-1 inline-block">PHP<span class="text-indigo-300">Flasher</span>
|
||||
<div class="inline-block ml-1 w-3 h-3 bg-indigo-400 rounded-full animate-pulse"></div>
|
||||
</span>
|
||||
<h3 class="text-lg font-semibold mb-4">
|
||||
PHPFlasher
|
||||
</h3>
|
||||
<p class="text-indigo-200 mb-4 text-sm leading-relaxed">
|
||||
<p class="text-slate-400 mb-6 text-sm leading-relaxed">
|
||||
A powerful & easy-to-use package for adding flash messages to Laravel or Symfony projects.
|
||||
Provides feedback to users, improves engagement & enhances user experience.
|
||||
</p>
|
||||
<div class="flex space-x-4 mt-6">
|
||||
<a href="https://github.com/php-flasher/php-flasher" class="text-indigo-300 hover:text-white transition-colors p-1.5 hover:bg-indigo-800/50 rounded-full">
|
||||
<i class="fa-brands fa-github text-xl"></i>
|
||||
<div class="flex space-x-4">
|
||||
<a href="https://github.com/php-flasher/php-flasher" class="text-slate-400 hover:text-white transition-colors">
|
||||
<i class="fa-brands fa-github text-lg"></i>
|
||||
</a>
|
||||
<a href="https://twitter.com/phpflasher" class="text-indigo-300 hover:text-white transition-colors p-1.5 hover:bg-indigo-800/50 rounded-full">
|
||||
<i class="fa-brands fa-twitter text-xl"></i>
|
||||
<a href="https://twitter.com/phpflasher" class="text-slate-400 hover:text-white transition-colors">
|
||||
<i class="fa-brands fa-twitter text-lg"></i>
|
||||
</a>
|
||||
<a href="https://www.linkedin.com/in/yoeunes/" class="text-indigo-300 hover:text-white transition-colors p-1.5 hover:bg-indigo-800/50 rounded-full">
|
||||
<i class="fa-brands fa-linkedin text-xl"></i>
|
||||
<a href="https://www.linkedin.com/in/yoeunes/" class="text-slate-400 hover:text-white transition-colors">
|
||||
<i class="fa-brands fa-linkedin text-lg"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Links -->
|
||||
<div>
|
||||
<h3 class="text-lg font-semibold mb-4 text-indigo-100 flex items-center">
|
||||
<span class="w-1 h-4 bg-indigo-400 inline-block mr-2 rounded"></span>
|
||||
Documentation
|
||||
</h3>
|
||||
<ul class="space-y-2 text-sm text-indigo-200 ml-3">
|
||||
<h3 class="text-lg font-semibold mb-4">Documentation</h3>
|
||||
<ul class="space-y-2 text-sm text-slate-400">
|
||||
<li>
|
||||
<a href="/" class="text-indigo-200 hover:text-white transition-colors flex items-center">
|
||||
<i class="fa-solid fa-chevron-right text-xs mr-2 text-indigo-400"></i> Introduction
|
||||
</a>
|
||||
<a href="/" class="text-slate-400 hover:text-white transition-colors">Introduction</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/laravel/" class="text-indigo-200 hover:text-white transition-colors flex items-center">
|
||||
<i class="fa-solid fa-chevron-right text-xs mr-2 text-indigo-400"></i> Laravel Integration
|
||||
</a>
|
||||
<a href="/laravel/" class="text-slate-400 hover:text-white transition-colors">Laravel Integration</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/symfony/" class="text-indigo-200 hover:text-white transition-colors flex items-center">
|
||||
<i class="fa-solid fa-chevron-right text-xs mr-2 text-indigo-400"></i> Symfony Integration
|
||||
</a>
|
||||
<a href="/symfony/" class="text-slate-400 hover:text-white transition-colors">Symfony Integration</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/livewire/" class="text-indigo-200 hover:text-white transition-colors flex items-center">
|
||||
<i class="fa-solid fa-chevron-right text-xs mr-2 text-indigo-400"></i> Livewire Integration
|
||||
</a>
|
||||
<a href="/livewire/" class="text-slate-400 hover:text-white transition-colors">Livewire Integration</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- Author -->
|
||||
<div class="text-center md:text-left">
|
||||
<h3 class="text-lg font-semibold mb-4 text-indigo-100 flex items-center md:justify-start justify-center">
|
||||
<span class="w-1 h-4 bg-indigo-400 inline-block mr-2 rounded"></span>
|
||||
Created By
|
||||
</h3>
|
||||
<div class="flex md:justify-start justify-center items-center">
|
||||
<div>
|
||||
<h3 class="text-lg font-semibold mb-4">Created By</h3>
|
||||
<div class="flex items-center">
|
||||
<img src="/static/images/younes-ennaji.jpeg" alt="Younes ENNAJI"
|
||||
class="h-16 w-16 rounded-full border-2 border-indigo-200 mr-4 shadow-lg">
|
||||
class="h-12 w-12 rounded-full mr-3">
|
||||
<div>
|
||||
<h4 class="font-medium">Younes ENNAJI</h4>
|
||||
<h4 class="font-medium text-white">Younes ENNAJI</h4>
|
||||
<a href="https://www.linkedin.com/in/yoeunes/"
|
||||
class="text-indigo-300 hover:text-white text-sm inline-flex items-center gap-1 mt-1 transition-colors">
|
||||
<i class="fa-brands fa-linkedin"></i> LinkedIn Profile
|
||||
class="text-slate-400 hover:text-white text-sm inline-flex items-center gap-1 mt-1 transition-colors">
|
||||
<i class="fa-brands fa-linkedin"></i> LinkedIn
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-12 pt-6 border-t border-indigo-800/50 text-center text-indigo-400 text-sm">
|
||||
<div class="mt-12 pt-6 border-t border-slate-800 text-center text-slate-500 text-sm">
|
||||
<p>© {{ 'now' | date: "%Y" }} PHPFlasher. Released under the MIT License.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Vendored
+1
-1
@@ -2,7 +2,7 @@
|
||||
"entrypoints": {
|
||||
"main": {
|
||||
"css": [
|
||||
"/dist/main.b961583e.css"
|
||||
"/dist/main.2ef7930f.css"
|
||||
],
|
||||
"js": [
|
||||
"/dist/main.3b34e6a6.js"
|
||||
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user