nimuli/resources/views/bio/show.blade.php

60 lines
2.4 KiB
PHP

@php
$preset = is_array($page->theme) ? ($page->theme['preset'] ?? 'dark') : 'dark';
$themes = [
'dark' => ['bg' => '#0a0a0f', 'card' => '#111117', 'border' => 'rgba(255,255,255,0.08)', 'text' => '#f0f0f5', 'sub' => '#b8b8d0', 'accent' => '#7c3aed'],
'light' => ['bg' => '#ffffff', 'card' => '#f9fafb', 'border' => '#e5e7eb', 'text' => '#111827', 'sub' => '#6b7280', 'accent' => '#7c3aed'],
'purple' => ['bg' => '#13001a', 'card' => '#1e0028', 'border' => 'rgba(139,92,246,0.25)', 'text' => '#f0e8ff', 'sub' => '#c4b5fd', 'accent' => '#a855f7'],
'blue' => ['bg' => '#000d1a', 'card' => '#001c33', 'border' => 'rgba(59,130,246,0.25)', 'text' => '#e8f4ff', 'sub' => '#93c5fd', 'accent' => '#3b82f6'],
];
$t = $themes[$preset] ?? $themes['dark'];
@endphp
<!DOCTYPE html>
<html lang="{{ app()->getLocale() }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ $page->getTranslation('title', app()->getLocale()) }}</title>
@vite(['resources/css/app.css'])
<style>
body {
background: {{ $t['bg'] }};
color: {{ $t['text'] }};
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
padding: 3rem 1rem;
font-family: 'Inter', system-ui, -apple-system, sans-serif;
-webkit-font-smoothing: antialiased;
}
.bio-card {
background: {{ $t['card'] }};
border: 1px solid {{ $t['border'] }};
border-radius: 0.75rem;
padding: 1rem;
}
.bio-sub { color: {{ $t['sub'] }}; }
.bio-accent { color: {{ $t['accent'] }}; }
</style>
</head>
<body>
<div class="w-full max-w-md">
<h1 class="text-2xl font-bold text-center mb-2">
{{ $page->getTranslation('title', app()->getLocale()) }}
</h1>
@if($page->getTranslation('description', app()->getLocale()))
<p class="bio-sub text-center mb-8">
{{ $page->getTranslation('description', app()->getLocale()) }}
</p>
@endif
<div class="space-y-3">
@foreach($page->blocks as $block)
<div class="bio-card">
<div class="text-sm bio-sub">{{ $block->config['content'] ?? '' }}</div>
</div>
@endforeach
</div>
</div>
</body>
</html>