First commit
This commit is contained in:
commit
7cf3558ba7
12933 changed files with 1180047 additions and 0 deletions
|
|
@ -0,0 +1,20 @@
|
|||
<div class="text-center mb-16">
|
||||
<h2 class="text-section-title mb-8">Button-Demo</h2>
|
||||
<div class="flex flex-wrap justify-center gap-4">
|
||||
<button class="btn-primary">Primary Button</button>
|
||||
<button class="btn-secondary">Secondary Button</button>
|
||||
<button class="btn-accent">Accent Button</button>
|
||||
</div>
|
||||
|
||||
<div class="mt-8">
|
||||
<p class="text-sm text-muted-foreground mb-4">Hover-Effekte:</p>
|
||||
<div class="flex flex-wrap justify-center gap-4">
|
||||
<button class="btn-primary-accent">
|
||||
Primary → Accent (Hover)
|
||||
</button>
|
||||
<button class="btn-secondary-accent">
|
||||
Secondary → Accent (Hover)
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<div class="text-center mb-16">
|
||||
<h2 class="text-section-title mb-8">Farb-Demo</h2>
|
||||
<div class="grid md:grid-cols-3 gap-6">
|
||||
<div class="card-elevated p-6">
|
||||
<div class="w-full h-20 bg-primary rounded-lg mb-4"></div>
|
||||
<h3 class="font-medium">Primary</h3>
|
||||
<p class="text-sm text-muted-foreground">{{ \App\Helpers\ThemeHelper::getPrimaryColor() }}</p>
|
||||
</div>
|
||||
<div class="card-elevated p-6">
|
||||
<div class="w-full h-20 bg-secondary rounded-lg mb-4"></div>
|
||||
<h3 class="font-medium">Secondary</h3>
|
||||
<p class="text-sm text-muted-foreground">{{ \App\Helpers\ThemeHelper::getSecondaryColor() }}</p>
|
||||
</div>
|
||||
<div class="card-elevated p-6">
|
||||
<div class="w-full h-20 bg-accent rounded-lg mb-4"></div>
|
||||
<h3 class="font-medium">Accent</h3>
|
||||
<p class="text-sm text-muted-foreground">Neutral</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
<div class="text-center mb-16">
|
||||
<h2 class="text-section-title mb-8">{{ $title }}</h2>
|
||||
@if ($description)
|
||||
<p class="text-muted-foreground mb-8 max-w-2xl mx-auto">{{ $description }}</p>
|
||||
@endif
|
||||
|
||||
<div class="card-elevated p-8">
|
||||
@if ($component)
|
||||
<livewire:web.components.{{ $component }} />
|
||||
@else
|
||||
{{ $slot }}
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<div class="text-center mb-16">
|
||||
<h2 class="text-section-title mb-8">Logo-Demo</h2>
|
||||
<div class="grid md:grid-cols-2 gap-8">
|
||||
<div class="card-elevated p-8">
|
||||
<h3 class="text-lg font-medium mb-4">Positives Logo</h3>
|
||||
<div class="flex justify-center">
|
||||
<img src="{{ asset(\App\Helpers\ThemeHelper::getLogoPath('positive')) }}"
|
||||
alt="{{ $domainName ?? 'B2IN' }} Logo" class="h-16 w-auto" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-elevated p-8 bg-dark-bg">
|
||||
<h3 class="text-lg font-medium mb-4 text-dark-text">Negatives Logo</h3>
|
||||
<div class="flex justify-center">
|
||||
<img src="{{ asset(\App\Helpers\ThemeHelper::getLogoPath('negative')) }}"
|
||||
alt="{{ $domainName ?? 'B2IN' }} Logo" class="h-16 w-auto" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,40 @@
|
|||
<div class="text-center mb-16">
|
||||
<h1 class="text-hero mb-8">
|
||||
Theme Demo für <span class="text-secondary">{{ $domainName ?? 'B2IN' }}</span>
|
||||
</h1>
|
||||
|
||||
<div class="card-elevated p-8 max-w-4xl mx-auto">
|
||||
<div class="grid md:grid-cols-2 gap-8 text-left">
|
||||
<div>
|
||||
<h3 class="text-xl font-medium mb-4">Aktuelle Domain-Konfiguration</h3>
|
||||
<div class="space-y-2 text-sm">
|
||||
<p><strong>Domain:</strong> {{ $domainName ?? 'Nicht erkannt' }}</p>
|
||||
<p><strong>Theme:</strong> {{ $theme ?? 'b2in' }}</p>
|
||||
<p><strong>View Prefix:</strong> {{ $viewPrefix ?? 'b2in' }}</p>
|
||||
<p><strong>URL:</strong> {{ $domainUrl ?? config('app.url') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h3 class="text-xl font-medium mb-4">Theme-Details</h3>
|
||||
<div class="space-y-2 text-sm">
|
||||
@php
|
||||
$domainConfig = \App\Helpers\ThemeHelper::getDomainConfig();
|
||||
@endphp
|
||||
<p><strong>Primärfarbe:</strong>
|
||||
<span class="inline-block w-4 h-4 rounded-full mr-2"
|
||||
style="background-color: {{ \App\Helpers\ThemeHelper::getPrimaryColor() }}"></span>
|
||||
{{ \App\Helpers\ThemeHelper::getPrimaryColor() }}
|
||||
</p>
|
||||
<p><strong>Sekundärfarbe:</strong>
|
||||
<span class="inline-block w-4 h-4 rounded-full mr-2"
|
||||
style="background-color: {{ \App\Helpers\ThemeHelper::getSecondaryColor() }}"></span>
|
||||
{{ \App\Helpers\ThemeHelper::getSecondaryColor() }}
|
||||
</p>
|
||||
<p><strong>Primärschrift:</strong> {{ \App\Helpers\ThemeHelper::getPrimaryFont() }}</p>
|
||||
<p><strong>Sekundärschrift:</strong> {{ \App\Helpers\ThemeHelper::getSecondaryFont() }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
<div class="text-center">
|
||||
<h2 class="text-section-title mb-8">Domain-Switching</h2>
|
||||
<div class="card-elevated p-8 max-w-4xl mx-auto">
|
||||
<p class="text-muted-foreground mb-6">Testen Sie das Theme-Switching mit verschiedenen Domains:</p>
|
||||
|
||||
<!-- Domain-basierte Links -->
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-4 mb-6">
|
||||
@foreach ($domains as $domain)
|
||||
<a href="{{ $domain['url'] }}/theme-demo" class="btn-secondary text-center">{{ $domain['domain_name'] }} Theme</a>
|
||||
@endforeach
|
||||
|
||||
</div>
|
||||
|
||||
{{-- <div class="border-t pt-6">
|
||||
<p class="text-muted-foreground mb-4">Oder testen Sie das Theme-Switching über URL-Parameter:</p>
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-4 mb-6">
|
||||
<a href="/theme-demo?theme=b2in" class="btn-accent text-center">B2IN (URL)</a>
|
||||
<a href="/theme-demo?theme=b2a" class="btn-accent text-center">B2A (URL)</a>
|
||||
<a href="/theme-demo?theme=stileigentum" class="btn-accent text-center">Stileigentum (URL)</a>
|
||||
<a href="/theme-demo?theme=style2own" class="btn-accent text-center">Style2own (URL)</a>
|
||||
</div>
|
||||
|
||||
<div class="border-t pt-6">
|
||||
<p class="text-muted-foreground mb-4">Für lokale Entwicklung ohne Domain-Setup (Pfad-basiert):</p>
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-4">
|
||||
<a href="/b2in/theme-demo" class="btn-primary text-center">B2IN (Pfad)</a>
|
||||
<a href="/b2a/theme-demo" class="btn-primary text-center">B2A (Pfad)</a>
|
||||
<a href="/stileigentum/theme-demo" class="btn-primary text-center">Stileigentum (Pfad)</a>
|
||||
<a href="/style2own/theme-demo" class="btn-primary text-center">Style2own (Pfad)</a>
|
||||
</div>
|
||||
</div>
|
||||
--}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue