design: improve UI consistency and footer layout
- Update text sizing to text-base throughout for consistency - Improve arrow icon visibility (gray-400 → gray-200 on hover) - Reorganize tool badges: Open Source first, specialty second, Free third - Update badge labels: Vert (Converter), Stirling (PDF), Units/Figlet (Open Source) - Redesign footer: single-row layout with brand pill, centered copyright, GitHub link - Update footer border: lighter gray-600, constrained to content width 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -10,7 +10,7 @@ const tools = [
|
||||
url: 'https://vert.kit.pivoine.art',
|
||||
gradient: 'gradient-green-teal',
|
||||
accentColor: '#10b981',
|
||||
badges: ['Privacy', 'Open Source', 'Free'],
|
||||
badges: ['Open Source', 'Converter', 'Free'],
|
||||
icon: (
|
||||
<svg className="w-12 h-12 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" />
|
||||
@@ -40,7 +40,7 @@ const tools = [
|
||||
url: 'https://stirling.kit.pivoine.art',
|
||||
gradient: 'gradient-purple-blue',
|
||||
accentColor: '#667eea',
|
||||
badges: ['Privacy', 'Open Source', 'Free'],
|
||||
badges: ['Open Source', 'PDF', 'Free'],
|
||||
icon: (
|
||||
<svg className="w-12 h-12 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z" />
|
||||
@@ -54,7 +54,7 @@ const tools = [
|
||||
url: 'https://units.kit.pivoine.art',
|
||||
gradient: 'gradient-cyan-purple',
|
||||
accentColor: '#2dd4bf',
|
||||
badges: ['Real-time', 'Free'],
|
||||
badges: ['Open Source', 'Real-time', 'Free'],
|
||||
icon: (
|
||||
<svg className="w-12 h-12 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4" />
|
||||
@@ -67,7 +67,7 @@ const tools = [
|
||||
url: 'https://draw.kit.pivoine.art',
|
||||
gradient: 'gradient-pink-rose',
|
||||
accentColor: '#ec4899',
|
||||
badges: ['Collaborative', 'Open Source', 'Free'],
|
||||
badges: ['Open Source', 'Collaborative', 'Free'],
|
||||
icon: (
|
||||
<svg className="w-12 h-12 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" />
|
||||
@@ -80,7 +80,7 @@ const tools = [
|
||||
url: 'https://figlet.kit.pivoine.art',
|
||||
gradient: 'gradient-yellow-amber',
|
||||
accentColor: '#eab308',
|
||||
badges: ['373 Fonts', 'ASCII Art', 'Free'],
|
||||
badges: ['Open Source', 'ASCII Art', 'Free'],
|
||||
icon: (
|
||||
<svg className="w-12 h-12 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3.5 13h6" />
|
||||
|
||||
Reference in New Issue
Block a user