feat: Inertia profile settings page, Studio edit redesign, EGS, Nova UI components\n\n- Redesign /dashboard/profile as Inertia React page (Settings/ProfileEdit)\n with SettingsLayout sidebar, Nova UI components (TextInput, Textarea,\n Toggle, Select, RadioGroup, Modal, Button), avatar drag-and-drop,\n password change, and account deletion sections\n- Redesign Studio artwork edit page with two-column layout, Nova components,\n integrated TagPicker, and version history modal\n- Add shared MarkdownEditor component\n- Add Early-Stage Growth System (EGS): SpotlightEngine, FeedBlender,\n GridFiller, AdaptiveTimeWindow, ActivityLayer, admin panel\n- Fix upload category/tag persistence (V1+V2 paths)\n- Fix tag source enum, category tree display, binding resolution\n- Add settings.jsx Vite entry, settings.blade.php wrapper\n- Update ProfileController with JSON response support for API calls\n- Various route fixes (profile.edit, toolbar settings link)"

This commit is contained in:
2026-03-03 20:57:43 +01:00
parent dc51d65440
commit b9c2d8597d
114 changed files with 8760 additions and 693 deletions

View File

@@ -0,0 +1,54 @@
{{--
Blog index uses ContentLayout.
--}}
@extends('layouts.nova.content-layout')
@php
$hero_title = 'Blog';
$hero_description = 'News, tutorials and community stories from the Skinbase team.';
@endphp
@section('page-content')
@if($posts->isNotEmpty())
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
@foreach($posts as $post)
<a href="{{ $post->url }}"
class="group block rounded-xl border border-white/[0.06] bg-white/[0.02] overflow-hidden hover:bg-white/[0.05] transition-colors">
@if($post->featured_image)
<div class="aspect-video bg-nova-800 overflow-hidden">
<img src="{{ $post->featured_image }}" alt="{{ $post->title }}" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300" loading="lazy" />
</div>
@else
<div class="aspect-video bg-gradient-to-br from-sky-900/30 to-purple-900/30 flex items-center justify-center">
<i class="fa-solid fa-newspaper text-3xl text-white/20"></i>
</div>
@endif
<div class="p-5">
<h2 class="text-lg font-semibold text-white group-hover:text-sky-300 transition-colors line-clamp-2">
{{ $post->title }}
</h2>
@if($post->excerpt)
<p class="mt-2 text-sm text-white/50 line-clamp-3">{{ $post->excerpt }}</p>
@endif
@if($post->published_at)
<time class="mt-3 block text-xs text-white/30" datetime="{{ $post->published_at->toIso8601String() }}">
{{ $post->published_at->format('M j, Y') }}
</time>
@endif
</div>
</a>
@endforeach
</div>
<div class="mt-10 flex justify-center">
{{ $posts->withQueryString()->links() }}
</div>
@else
<div class="rounded-xl border border-white/[0.06] bg-white/[0.02] px-8 py-12 text-center">
<i class="fa-solid fa-newspaper text-4xl text-white/20 mb-4"></i>
<p class="text-white/40 text-sm">No blog posts published yet. Check back soon!</p>
</div>
@endif
@endsection

View File

@@ -0,0 +1,60 @@
{{--
Blog post uses ContentLayout.
--}}
@extends('layouts.nova.content-layout')
@php
$hero_title = $post->title;
@endphp
@push('head')
{{-- Article structured data --}}
<script type="application/ld+json">
{!! json_encode([
'@context' => 'https://schema.org',
'@type' => 'Article',
'headline' => $post->title,
'datePublished' => $post->published_at?->toIso8601String(),
'dateModified' => $post->updated_at?->toIso8601String(),
'author' => [
'@type' => 'Organization',
'name' => 'Skinbase',
],
'publisher' => [
'@type' => 'Organization',
'name' => 'Skinbase',
],
'description' => $post->meta_description ?: $post->excerpt ?: '',
'mainEntityOfPage' => $post->url,
], JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE) !!}
</script>
@endpush
@section('page-content')
<article class="max-w-3xl">
@if($post->featured_image)
<div class="rounded-xl overflow-hidden mb-8">
<img src="{{ $post->featured_image }}" alt="{{ $post->title }}" class="w-full" />
</div>
@endif
@if($post->published_at)
<time class="block text-sm text-white/40 mb-4" datetime="{{ $post->published_at->toIso8601String() }}">
{{ $post->published_at->format('F j, Y') }}
</time>
@endif
<div class="prose prose-invert prose-headings:text-white prose-a:text-sky-400 prose-p:text-white/70 max-w-none">
{!! $post->body !!}
</div>
<div class="mt-12 pt-8 border-t border-white/10">
<a href="/blog" class="inline-flex items-center gap-2 text-sm text-sky-400 hover:text-sky-300 transition-colors">
<i class="fa-solid fa-arrow-left text-xs"></i>
Back to Blog
</a>
</div>
</article>
@endsection