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

@@ -44,8 +44,62 @@
.auth-card { max-width: 720px; margin-left: auto; margin-right: auto; }
.auth-card h1 { font-size: 1.25rem; line-height: 1.2; }
.auth-card p { color: rgba(203,213,225,0.9); }
/* Global heading styles for better hierarchy */
h1, h2, h3, h4, h5, h6 { color: #ffffff; margin-top: 1rem; margin-bottom: 0.5rem; }
h1 { font-size: 2.25rem; line-height: 1.05; font-weight: 800; letter-spacing: -0.02em; }
h2 { font-size: 1.5rem; line-height: 1.15; font-weight: 700; letter-spacing: -0.01em; }
h3 { font-size: 1.125rem; line-height: 1.2; font-weight: 600; }
h4 { font-size: 1rem; line-height: 1.25; font-weight: 600; }
h5 { font-size: 0.95rem; line-height: 1.25; font-weight: 600; }
h6 { font-size: 0.85rem; line-height: 1.3; font-weight: 600; text-transform: uppercase; opacity: 0.85; }
/* Prose (typography plugin) overrides */
.prose h1 { font-size: 2.25rem; }
.prose h2 { font-size: 1.5rem; }
.prose h3 { font-size: 1.125rem; }
.prose h4, .prose h5, .prose h6 { font-weight: 600; }
/* Alpine: hide x-cloak elements until Alpine picks them up */
[x-cloak] { display: none !important; }
</style>
@stack('head')
@if(config('services.google_adsense.publisher_id'))
{{-- Google AdSense consent-gated loader --}}
{{-- Script is only injected after the user accepts all cookies. --}}
{{-- If consent was given on a previous visit it fires on page load. --}}
<script>
(function () {
var PUB = '{{ config('services.google_adsense.publisher_id') }}';
var SCRIPT_ID = 'adsense-js';
function injectAdsense() {
if (document.getElementById(SCRIPT_ID)) return;
var s = document.createElement('script');
s.id = SCRIPT_ID;
s.async = true;
s.crossOrigin = 'anonymous';
s.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=' + PUB;
document.head.appendChild(s);
}
// Expose so Alpine consent banner can trigger immediately on accept
window.sbLoadAds = injectAdsense;
// If the user already consented on a previous visit, load straight away
if (localStorage.getItem('sb_cookie_consent') === 'all') {
injectAdsense();
}
// Handle consent granted in another tab
window.addEventListener('storage', function (e) {
if (e.key === 'sb_cookie_consent' && e.newValue === 'all') {
injectAdsense();
}
});
})();
</script>
@endif
</head>
@php
$authBgRoutes = [
@@ -107,6 +161,60 @@
</div>
</div>
@endif
{{-- Cookie Consent Banner --}}
<div
x-data="{
show: false,
init() {
if (!localStorage.getItem('sb_cookie_consent')) {
this.show = true;
}
},
accept() {
localStorage.setItem('sb_cookie_consent', 'all');
this.show = false;
if (typeof window.sbLoadAds === 'function') window.sbLoadAds();
},
essential() {
localStorage.setItem('sb_cookie_consent', 'essential');
this.show = false;
}
}"
x-show="show"
x-cloak
x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="opacity-0 translate-y-4"
x-transition:enter-end="opacity-100 translate-y-0"
x-transition:leave="transition ease-in duration-200"
x-transition:leave-start="opacity-100 translate-y-0"
x-transition:leave-end="opacity-0 translate-y-4"
class="fixed bottom-0 left-0 right-0 z-50 border-t border-orange-400/30 bg-orange-950/50 backdrop-blur-2xl px-4 md:px-8 py-5"
role="dialog"
aria-label="Cookie consent"
aria-live="polite"
>
<div class="max-w-6xl mx-auto flex flex-col sm:flex-row sm:items-center gap-3 sm:gap-6">
<div class="flex items-start gap-3 flex-1">
<span class="text-orange-400 mt-0.5 shrink-0 text-lg">🍪</span>
<p class="text-sm text-orange-100/90 leading-relaxed">
We use <strong class="text-white">essential cookies</strong> to keep you logged in and protect your session.
With your permission we also load <strong class="text-white">advertising cookies</strong> from third-party networks.
<a href="/privacy-policy#cookies" class="text-orange-300 hover:text-orange-200 hover:underline ml-1">Learn more </a>
</p>
</div>
<div class="flex items-center gap-2 shrink-0">
<button
@click="essential()"
class="rounded-lg border border-orange-400/40 px-4 py-2 text-sm text-orange-200 hover:text-white hover:border-orange-400/70 hover:bg-white/5 transition-colors"
>Essential only</button>
<button
@click="accept()"
class="rounded-lg bg-orange-500 hover:bg-orange-400 px-4 py-2 text-sm font-semibold text-white shadow-lg shadow-orange-900/40 transition-colors"
>Accept all</button>
</div>
</div>
</div>
@stack('scripts')
</body>
</html>

View File

@@ -0,0 +1,83 @@
{{--
ContentLayout minimal hero for tags directory, blog, static pages, legal.
Used by /tags, /blog/*, /pages/*, /about, /help, /legal/*
Expected variables:
$page_title, $page_meta_description, $page_canonical, $page_robots
$breadcrumbs (collection, optional)
Content via @yield('page-content')
--}}
@extends('layouts.nova')
@push('head')
@isset($page_canonical)
<link rel="canonical" href="{{ $page_canonical }}" />
@endisset
<meta name="robots" content="{{ $page_robots ?? 'index,follow' }}">
<meta property="og:type" content="website" />
<meta property="og:url" content="{{ $page_canonical ?? url()->current() }}" />
<meta property="og:title" content="{{ $page_title ?? 'Skinbase' }}" />
<meta property="og:description" content="{{ $page_meta_description ?? '' }}" />
<meta property="og:site_name" content="Skinbase" />
{{-- Breadcrumb structured data --}}
@if(isset($breadcrumbs) && $breadcrumbs->isNotEmpty())
<script type="application/ld+json">
{!! json_encode([
'@context' => 'https://schema.org',
'@type' => 'BreadcrumbList',
'itemListElement' => $breadcrumbs->values()->map(fn ($crumb, $i) => [
'@type' => 'ListItem',
'position' => $i + 1,
'name' => $crumb->name,
'item' => url($crumb->url),
])->all(),
], JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE) !!}
</script>
@endif
@endpush
@section('content')
{{-- Minimal hero --}}
@if(!empty($center_content))
<x-centered-content :max="$center_max ?? '3xl'" class="pt-10 pb-6" style="padding-top:2.5rem;padding-bottom:1.5rem;">
{{-- Breadcrumbs --}}
@include('components.breadcrumbs', ['breadcrumbs' => $breadcrumbs ?? collect()])
<div class="mt-4">
<h1 class="text-3xl font-bold text-white leading-tight">
{{ $hero_title ?? $page_title ?? 'Skinbase' }}
</h1>
@isset($hero_description)
<p class="mt-1 text-sm text-white/50 max-w-xl">{{ $hero_description }}</p>
@endisset
</div>
</x-centered-content>
{{-- Page body (centered) --}}
<x-centered-content :max="$center_max ?? '3xl'" class="pb-16">
@yield('page-content')
</x-centered-content>
@else
<div class="px-6 pt-10 pb-6 md:px-10">
{{-- Breadcrumbs --}}
@include('components.breadcrumbs', ['breadcrumbs' => $breadcrumbs ?? collect()])
<div class="mt-4">
<h1 class="text-3xl font-bold text-white leading-tight">
{{ $hero_title ?? $page_title ?? 'Skinbase' }}
</h1>
@isset($hero_description)
<p class="mt-1 text-sm text-white/50 max-w-xl">{{ $hero_description }}</p>
@endisset
</div>
</div>
{{-- Page body --}}
<div class="px-6 pb-16 md:px-10">
@yield('page-content')
</div>
@endif
@endsection

View File

@@ -0,0 +1,47 @@
{{--
DiscoverLayout compact header + mode pills.
Used by /discover/* pages.
Expected variables:
$page_title, $description, $icon, $section
Content via @yield('discover-content')
--}}
@extends('layouts.nova')
@push('head')
@isset($page_canonical)
<link rel="canonical" href="{{ $page_canonical }}" />
@endisset
<meta name="robots" content="{{ $page_robots ?? 'index,follow' }}">
<meta property="og:type" content="website" />
<meta property="og:url" content="{{ $page_canonical ?? url()->current() }}" />
<meta property="og:title" content="{{ $page_title ?? 'Discover — Skinbase' }}" />
<meta property="og:description" content="{{ $description ?? '' }}" />
<meta property="og:site_name" content="Skinbase" />
@endpush
@section('content')
{{-- Compact header --}}
<div class="px-6 pt-10 pb-6 md:px-10">
<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
<div>
<p class="text-xs font-semibold uppercase tracking-widest text-white/30 mb-1">Discover</p>
<h1 class="text-3xl font-bold text-white leading-tight flex items-center gap-3">
<i class="fa-solid {{ $icon ?? 'fa-compass' }} text-sky-400 text-2xl"></i>
{{ $page_title ?? 'Discover' }}
</h1>
@isset($description)
<p class="mt-1 text-sm text-white/50">{{ $description }}</p>
@endisset
</div>
{{-- Mode pills --}}
@include('web.discover._nav', ['section' => $section ?? ''])
</div>
</div>
{{-- Page body --}}
@yield('discover-content')
@endsection

View File

@@ -0,0 +1,166 @@
{{--
ExploreLayout hero header + mode tabs + filters + paginated grid.
Used by /explore/*, /tag/:slug, and gallery pages.
Expected variables:
$hero_title, $hero_description, $breadcrumbs (collection),
$current_sort, $sort_options, $artworks,
$contentTypes (collection, optional), $activeType (string, optional)
$page_title, $page_meta_description, $page_canonical, $page_robots
--}}
@extends('layouts.nova')
@php
use App\Banner;
$seoPage = max(1, (int) request()->query('page', 1));
$seoBase = url()->current();
$seoQ = request()->query(); unset($seoQ['page']);
$seoUrl = fn(int $p) => $seoBase . ($p > 1
? '?' . http_build_query(array_merge($seoQ, ['page' => $p]))
: (count($seoQ) ? '?' . http_build_query($seoQ) : ''));
$seoPrev = $seoPage > 1 ? $seoUrl($seoPage - 1) : null;
$seoNext = (isset($artworks) && method_exists($artworks, 'nextPageUrl'))
? $artworks->nextPageUrl() : null;
@endphp
@push('head')
<link rel="canonical" href="{{ $page_canonical ?? $seoUrl($seoPage) }}">
@if($seoPrev)<link rel="prev" href="{{ $seoPrev }}">@endif
@if($seoNext)<link rel="next" href="{{ $seoNext }}">@endif
<meta name="robots" content="{{ $page_robots ?? 'index,follow' }}">
<meta property="og:type" content="website" />
<meta property="og:url" content="{{ $page_canonical ?? $seoUrl(1) }}" />
<meta property="og:title" content="{{ $page_title ?? ($hero_title ?? 'Skinbase') }}" />
<meta property="og:description" content="{{ $page_meta_description ?? '' }}" />
<meta property="og:site_name" content="Skinbase" />
{{-- Breadcrumb structured data --}}
@if(isset($breadcrumbs) && $breadcrumbs->isNotEmpty())
<script type="application/ld+json">
{!! json_encode([
'@context' => 'https://schema.org',
'@type' => 'BreadcrumbList',
'itemListElement' => $breadcrumbs->values()->map(fn ($crumb, $i) => [
'@type' => 'ListItem',
'position' => $i + 1,
'name' => $crumb->name,
'item' => url($crumb->url),
])->all(),
], JSON_UNESCAPED_SLASHES | JSON_UNESCAPED_UNICODE) !!}
</script>
@endif
@endpush
@section('content')
<div class="container-fluid legacy-page">
@php Banner::ShowResponsiveAd(); @endphp
<div class="pt-0">
<div class="mx-auto w-full">
<div class="relative min-h-[calc(100vh-64px)]">
<main class="w-full">
{{-- ══ HERO HEADER ══ --}}
<div class="relative overflow-hidden nb-hero-radial">
<div class="absolute inset-0 nb-hero-gradient" aria-hidden="true"></div>
<div class="absolute inset-0 opacity-20 bg-[radial-gradient(ellipse_80%_60%_at_50%_-10%,#E07A2130,transparent)]" aria-hidden="true"></div>
<div class="relative px-6 py-10 md:px-10 md:py-14">
{{-- Breadcrumbs --}}
@include('components.breadcrumbs', ['breadcrumbs' => $breadcrumbs ?? collect()])
{{-- Title panel --}}
<div class="mt-4 py-5">
<h1 class="text-3xl md:text-4xl font-bold tracking-tight text-white/95 leading-tight">
{{ $hero_title ?? 'Explore' }}
</h1>
@if(!empty($hero_description))
<p class="mt-2 text-sm leading-6 text-neutral-400 max-w-xl">{!! $hero_description !!}</p>
@endif
@if(is_object($artworks) && method_exists($artworks, 'total') && $artworks->total() > 0)
<div class="mt-3 flex items-center gap-1.5 text-xs text-neutral-500">
<svg class="h-3.5 w-3.5 text-accent/70" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" 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" />
</svg>
<span>{{ number_format($artworks->total()) }} artworks</span>
</div>
@endif
</div>
{{-- Content type chips (Explore only) --}}
@if(isset($contentTypes) && $contentTypes->isNotEmpty())
<div class="flex flex-wrap gap-2 mt-2">
@foreach($contentTypes as $ct)
<a href="{{ $ct->url }}"
class="inline-flex items-center px-3 py-1.5 rounded-lg text-sm font-medium transition-colors
{{ ($activeType ?? '') === $ct->slug
? 'bg-sky-600 text-white'
: 'bg-white/[0.05] text-white/60 hover:bg-white/[0.1] hover:text-white' }}">
{{ $ct->name }}
</a>
@endforeach
</div>
@endif
</div>
<div class="absolute left-0 right-0 bottom-0 h-16 nb-hero-fade pointer-events-none" aria-hidden="true"></div>
</div>
{{-- ══ RANKING TABS ══ --}}
@php
$rankingTabs = $sort_options ?? [
['value' => 'trending', 'label' => '🔥 Trending'],
['value' => 'new-hot', 'label' => '🚀 New & Hot'],
['value' => 'best', 'label' => '⭐ Best'],
['value' => 'latest', 'label' => '🕐 Latest'],
];
$activeTab = $current_sort ?? 'trending';
@endphp
<div class="sticky top-0 z-30 border-b border-white/10 bg-nova-900/90 backdrop-blur-md" id="gallery-ranking-tabs">
<div class="px-6 md:px-10">
<div class="flex items-center justify-between gap-4">
<nav class="flex items-center gap-0 -mb-px nb-scrollbar-none overflow-x-auto" role="tablist">
@foreach($rankingTabs as $tab)
@php $isActive = $activeTab === $tab['value']; @endphp
<button
role="tab"
aria-selected="{{ $isActive ? 'true' : 'false' }}"
data-rank-tab="{{ $tab['value'] }}"
class="gallery-rank-tab relative flex items-center gap-1.5 whitespace-nowrap px-5 py-4 text-sm font-medium transition-colors focus-visible:outline-none {{ $isActive ? 'text-white' : 'text-neutral-400 hover:text-white' }}"
>
{{ $tab['label'] }}
<span class="nb-tab-indicator absolute bottom-0 left-0 right-0 h-0.5 {{ $isActive ? 'bg-accent scale-x-100' : 'bg-transparent scale-x-0' }} transition-transform duration-300 origin-left rounded-full"></span>
</button>
@endforeach
</nav>
<button id="gallery-filter-panel-toggle" type="button"
class="hidden md:flex items-center gap-2 shrink-0 rounded-lg border border-white/10 bg-white/5 px-3 py-2 text-sm text-white/80 hover:bg-white/10 hover:text-white transition-colors"
aria-haspopup="dialog" aria-expanded="false">
<svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 4a1 1 0 011-1h16a1 1 0 011 1v2a1 1 0 01-.293.707L13 13.414V19a1 1 0 01-.553.894l-4 2A1 1 0 017 21v-7.586L3.293 6.707A1 1 0 013 6V4z" /></svg>
Filters
</button>
</div>
</div>
</div>
{{-- ══ ARTWORK GRID ══ --}}
@yield('explore-grid')
{{-- ══ PAGINATION ══ --}}
@if(is_object($artworks) && method_exists($artworks, 'links'))
<div class="px-6 md:px-10 py-8 flex justify-center">
{{ $artworks->withQueryString()->links() }}
</div>
@endif
</main>
</div>
</div>
</div>
</div>
@endsection

View File

@@ -7,12 +7,18 @@
</div>
<div class="flex flex-wrap gap-x-6 gap-y-2 text-sm text-neutral-400">
<a class="hover:text-white" href="/bug-report">Bug Report</a>
<a class="hover:text-white" href="/contact">Contact / Apply</a>
<a class="hover:text-white" href="/rss-feeds">RSS Feeds</a>
<a class="hover:text-white" href="/faq">FAQ</a>
<a class="hover:text-white" href="/rules-and-guidelines">Rules and Guidelines</a>
<a class="hover:text-white" href="/staff">Staff</a>
<a class="hover:text-white" href="/privacy-policy">Privacy Policy</a>
<a class="hover:text-white" href="/terms-of-service">Terms of Service</a>
<button
x-data
@click="localStorage.removeItem('sb_cookie_consent'); window.location.reload()"
class="hover:text-white cursor-pointer bg-transparent border-0 p-0 text-sm text-neutral-400"
>Cookie Preferences</button>
</div>
<div class="text-xs text-neutral-400">© 2026 Skinbase.org</div>

View File

@@ -220,7 +220,9 @@
$toolbarUsername = strtolower((string) (Auth::user()->username ?? ''));
$routeUpload = Route::has('upload') ? route('upload') : '/upload';
$routeDashboardFavorites = Route::has('dashboard.favorites') ? route('dashboard.favorites') : '/dashboard/favorites';
$routeEditProfile = Route::has('settings') ? route('settings') : '/settings';
$routeEditProfile = Route::has('dashboard.profile')
? route('dashboard.profile')
: (Route::has('settings') ? route('settings') : '/settings');
$routePublicProfile = Route::has('profile.show') ? route('profile.show', ['username' => $toolbarUsername]) : '/@'.$toolbarUsername;
@endphp
@@ -343,7 +345,7 @@
<a class="flex items-center gap-3 py-2.5 px-3 rounded-lg hover:bg-white/5" href="{{ $mobileProfile }}">
<i class="fa-solid fa-circle-user w-4 text-center text-sb-muted"></i>View Profile
</a>
<a class="flex items-center gap-3 py-2.5 px-3 rounded-lg hover:bg-white/5" href="{{ Route::has('settings') ? route('settings') : '/settings' }}">
<a class="flex items-center gap-3 py-2.5 px-3 rounded-lg hover:bg-white/5" href="{{ Route::has('dashboard.profile') ? route('dashboard.profile') : (Route::has('settings') ? route('settings') : '/settings') }}">
<i class="fa-solid fa-cog w-4 text-center text-sb-muted"></i>Settings
</a>
@if(in_array(strtolower((string) (Auth::user()->role ?? '')), ['admin', 'moderator'], true))