You've already forked Atomcms-edit
root
c53a5a8a2c
- Converted all views from Dusk components (x-content.content-card, x-form.*) to inline Hubbly style - All pages use consistent card pattern: rounded-lg, gradient headers, color-mix borders - Added Hubbly-style homepage with 2-column layout, login card, swiper news carousel - Rewrote navigation with Alpine.js dropdowns, CSS variable colors, Hubbly assets - Updated profile page with Hubbly cards, fixed data bugs (friend/guild relationships) - Rewrote register page to match Hubbly layout: banner header, avatar preview with Frank GIF, 2-column form, avatar carousel selector, border-4 inputs - Rewrote login, settings, help center, radio, applications, utility pages - All colors use CSS variables controlled by Filament theme editor - Added Hubbly assets: banner, Frank GIF, navigation icons, online badge - Removed all dependencies on x-content.* and x-form.* components
78 lines
3.7 KiB
PHP
Executable File
78 lines
3.7 KiB
PHP
Executable File
<div class="relative flex min-h-[13rem] h-52 w-full items-center justify-center"
|
|
style="background-image: url({{ asset('assets/images/mybobba_banner.png') }}); background-size: cover; background-position: center; background-repeat: no-repeat;">
|
|
<div class="absolute h-full w-full bg-black/50"></div>
|
|
|
|
@auth
|
|
<div class="relative flex h-full w-full max-w-7xl items-center justify-center pr-10 md:justify-between">
|
|
<div class="flex items-center gap-x-4">
|
|
<a href="{{ route('me.show') }}" class="ml-7">
|
|
<img class=" transition duration-300 ease-in-out hover:scale-105"
|
|
src="{{ setting('cms_logo') }}" alt="Hotel logo">
|
|
</a>
|
|
|
|
<div
|
|
class="hidden md:flex items-center px-4 rounded-md relative h-[50px]"
|
|
style="background-color: var(--color-surface); color: var(--color-text)">
|
|
<div class="absolute -left-1 h-6 w-6 rotate-45" style="background-color: var(--color-surface)"></div>
|
|
|
|
<span class="relative ">
|
|
{{ __(':online :hotel online', ['online' => cache()->remember('online_user_count', 30, fn() => DB::table('users')->where('online', '1')->count()),'hotel' => setting('hotel_name')]) }}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex flex-col gap-y-2 md:flex-row md:gap-x-4">
|
|
@php $clientOpenMode = auth()->user()->preferences['client_open_mode'] ?? 'same'; @endphp
|
|
<a data-turbolinks="false" href="{{ route('nitro-client') }}" @if($clientOpenMode === 'new_window') target="_blank" rel="noopener" @endif>
|
|
<button
|
|
class="font-bold py-3 px-6 rounded-xl shadow-xl border-2 transition-all duration-300 hover:scale-110 hover:shadow-2xl text-base tracking-wide"
|
|
style="background-color: var(--button-color); color: var(--button-text-color); border-color: rgba(255,255,255,0.3);">
|
|
<span class="flex items-center gap-2">
|
|
<i class="fa-solid fa-gamepad"></i>
|
|
<span class="-md">{{ __('Nitro client') }}</span>
|
|
</span>
|
|
</button>
|
|
</a>
|
|
|
|
@if (config('habbo.client.flash_enabled'))
|
|
<a data-turbolinks="false" href="{{ route('flash-client') }}" @if($clientOpenMode === 'new_window') target="_blank" rel="noopener" @endif>
|
|
<button
|
|
class="font-bold py-3 px-6 rounded-xl shadow-xl border-2 transition-all duration-300 hover:scale-110 hover:shadow-2xl text-base tracking-wide"
|
|
style="background-color: var(--button-color); color: var(--button-text-color); border-color: rgba(255,255,255,0.3);">
|
|
<span class="flex items-center gap-2">
|
|
<i class="fa-solid fa-bolt"></i>
|
|
<span class="-md">{{ __('Flash client') }}</span>
|
|
</span>
|
|
</button>
|
|
</a>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
@endauth
|
|
|
|
@guest
|
|
<div x-data="{ open: false }" class="relative">
|
|
<div class="flex flex-col items-center justify-center md:w-[600px] mx-auto">
|
|
<a href="{{ route('welcome') }}" class="transition-all duration-300 hover:scale-110 mb-2.5">
|
|
<img src="{{ setting('cms_logo') }}" alt="{{ setting('hotel_name') }}" class="drop-shadow block" />
|
|
</a>
|
|
|
|
<div class="relative flex items-center rounded-md h-[50px] px-4 mt-2 md:mt-0"
|
|
style="margin-top: 5px; cursor: pointer; background-color: var(--color-surface, #ffffff); color: var(--color-text, #1f2937);" x-on:click="open = true">
|
|
<div class="absolute w-6 h-6 z-0 diamond" aria-hidden="true" style="background-color: var(--color-surface, #ffffff);"></div>
|
|
<div class="flex items-center space-x-2 relative z-10">
|
|
<img src="{{ asset('assets/images/user-online.png') }}" alt="Online Icon" class="p-1"
|
|
style="margin-top: -2px;" />
|
|
<span class="whitespace-nowrap text-m text-gray-800 dark:text-white">{{ cache()->remember('online_user_count', 30, fn() => DB::table('users')->where('online', '1')->count()) }} {{ __('users online') }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<x-modals.regular-modal x-model="show {{ session()->get('wrong-auth') }}">
|
|
<x-auth.login-form />
|
|
</x-modals.regular-modal>
|
|
</div>
|
|
|
|
@endguest
|
|
</div>
|