klevze/SkinbaseNova
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

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)"

Browse Source
This commit is contained in:
Gregor Klevže
2026-03-03 20:57:43 +01:00
parent dc51d65440
commit b9c2d8597d
114 changed files with 8760 additions and 693 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
resources/views/layouts/nova.blade.php
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>