56 lines
2.3 KiB
PHP
56 lines
2.3 KiB
PHP
<div class="min-h-screen bg-black">
|
|
@if ($needsOnboarding)
|
|
<div class="min-h-screen flex items-center justify-center p-4">
|
|
<div class="w-full max-w-md">
|
|
<div class="border-2 border-red-500 bg-black shadow-[0_0_20px_rgba(239,68,68,0.3)] p-8">
|
|
<x-counter-form
|
|
action="initialise"
|
|
label="Starting Value"
|
|
submit="[INITIALIZE]"
|
|
id="starting-value"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@else
|
|
<div class="w-full max-w-4xl mx-auto px-4">
|
|
<div class="pt-32">
|
|
<div
|
|
wire:click="increment"
|
|
class="w-full text-center select-none cursor-pointer bg-black text-red-500 px-8 py-12 transition-all duration-300"
|
|
>
|
|
<div class="relative w-full flex items-center justify-center">
|
|
<div
|
|
class="relative z-10 text-[8rem] md:text-[12rem] lg:text-[16rem] font-digital font-normal text-red-500 drop-shadow-[0_0_10px_rgba(239,68,68,0.8)] filter brightness-110 leading-none transition-all duration-300"
|
|
style="letter-spacing: 0.15em"
|
|
>{{ $count }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="text-center">
|
|
<button
|
|
type="button"
|
|
wire:click="edit"
|
|
class="text-red-400/60 hover:text-red-400 font-mono text-xs uppercase tracking-widest transition-colors"
|
|
>
|
|
[SET VALUE]
|
|
</button>
|
|
</div>
|
|
|
|
@if ($editing)
|
|
<div class="bg-black p-8">
|
|
<div class="w-full border-4 border-red-500 p-6 bg-black glow-red">
|
|
<x-counter-form
|
|
action="save"
|
|
label="Set Value"
|
|
submit="[EXECUTE]"
|
|
id="count"
|
|
:cancel="true"
|
|
/>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
@endif
|
|
</div>
|