landing page wip

This commit is contained in:
salam committed 2025-09-17 17:16:44 +02:00
1 parent 1093153774
commit e686c1741d
17 files changed
+110 -420

No files matched your search

+6 -1
View File
@@ -25,7 +25,12 @@ class AppServiceProvider extends ServiceProvider
public function boot(): void public function boot(): void
{ {
FilamentColor::register([ FilamentColor::register([
'secondary' => Color::Indigo, 'danger' => Color::Red,
'gray' => Color::Zinc,
'info' => Color::Indigo,
'primary' => Color::Blue,
'success' => Color::Green,
'warning' => Color::Amber,
]); ]);
FilamentView::registerRenderHook( FilamentView::registerRenderHook(
@@ -46,7 +46,7 @@ class AdminPanelProvider extends PanelProvider
->profile(isSimple: false) ->profile(isSimple: false)
->default() ->default()
->colors([ ->colors([
'primary' => Color::Stone, 'primary' => Color::Blue,
]) ])
->renderHook( ->renderHook(
PanelsRenderHook::GLOBAL_SEARCH_BEFORE, PanelsRenderHook::GLOBAL_SEARCH_BEFORE,
@@ -1,6 +1,6 @@
<div class="my-5 flex justify-center gap-3"> <div class="my-10 flex justify-center gap-3">
<a href="/app" <a href="/app"
class="w-full text-center sm:w-40 px-4 py-3 rounded font-semibold text-md bg-gray-500 text-white border-2 border-gray-500"> class="w-full text-center sm:w-40 px-4 py-3 rounded font-semibold text-md bg-primary-500 text-white border border-slate-300">
Anmelden Anmelden
</a> </a>
<a href="/app/register" <a href="/app/register"
-313
View File
@@ -1,313 +0,0 @@
<head>
<meta charset="utf-8">
<meta name="csrf-token" content="Vc1BYBrbgKmVAES1sHttXJ2sKIGBOYPDvJAOpJOj">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="http://nutzwerte_fi4.test/images/favicon.svg">
<title>
Anmelden - Nutzwerte
</title>
<style>
[x-cloak=''],
[x-cloak='x-cloak'],
[x-cloak='1'] {
display: none !important;
}
[x-cloak='inline-flex'] {
display: inline-flex !important;
}
@media (max-width: 1023px) {
[x-cloak='-lg'] {
display: none !important;
}
}
@media (min-width: 1024px) {
[x-cloak='lg'] {
display: none !important;
}
}
</style>
<link href="http://nutzwerte_fi4.test/css/swisnl/filament-backgrounds/filament-backgrounds-styles.css?v=2.0.0.0"
rel="stylesheet" data-navigate-track="">
<link href="http://nutzwerte_fi4.test/fonts/filament/filament/inter/index.css?v=4.0.8.0" rel="stylesheet"
data-navigate-track="">
<style>
:root {
--filament-backgrounds-image: url("http://nutzwerte_fi4.test/images/backgrounds/bg1.jpg");
--danger-50: oklch(0.971 0.013 17.38);
--danger-100: oklch(0.936 0.032 17.717);
--danger-200: oklch(0.885 0.062 18.334);
--danger-300: oklch(0.808 0.114 19.571);
--danger-400: oklch(0.704 0.191 22.216);
--danger-500: oklch(0.637 0.237 25.331);
--danger-600: oklch(0.577 0.245 27.325);
--danger-700: oklch(0.505 0.213 27.518);
--danger-800: oklch(0.444 0.177 26.899);
--danger-900: oklch(0.396 0.141 25.723);
--danger-950: oklch(0.258 0.092 26.042);
--gray-50: oklch(0.985 0 0);
--gray-100: oklch(0.967 0.001 286.375);
--gray-200: oklch(0.92 0.004 286.32);
--gray-300: oklch(0.871 0.006 286.286);
--gray-400: oklch(0.705 0.015 286.067);
--gray-500: oklch(0.552 0.016 285.938);
--gray-600: oklch(0.442 0.017 285.786);
--gray-700: oklch(0.37 0.013 285.805);
--gray-800: oklch(0.274 0.006 286.033);
--gray-900: oklch(0.21 0.006 285.885);
--gray-950: oklch(0.141 0.005 285.823);
--info-50: oklch(0.97 0.014 254.604);
--info-100: oklch(0.932 0.032 255.585);
--info-200: oklch(0.882 0.059 254.128);
--info-300: oklch(0.809 0.105 251.813);
--info-400: oklch(0.707 0.165 254.624);
--info-500: oklch(0.623 0.214 259.815);
--info-600: oklch(0.546 0.245 262.881);
--info-700: oklch(0.488 0.243 264.376);
--info-800: oklch(0.424 0.199 265.638);
--info-900: oklch(0.379 0.146 265.522);
--info-950: oklch(0.282 0.091 267.935);
--amber-50: oklch(0.985 0.002 247.839);
--amber-100: oklch(0.967 0.003 264.542);
--amber-200: oklch(0.928 0.006 264.531);
--amber-300: oklch(0.872 0.01 258.338);
--amber-400: oklch(0.707 0.022 261.325);
--amber-500: oklch(0.551 0.027 264.364);
--amber-600: oklch(0.446 0.03 256.802);
--amber-700: oklch(0.373 0.034 259.733);
--amber-800: oklch(0.278 0.033 256.848);
--amber-900: oklch(0.21 0.034 264.665);
--amber-950: oklch(0.13 0.028 261.692);
--success-50: oklch(0.982 0.018 155.826);
--success-100: oklch(0.962 0.044 156.743);
--success-200: oklch(0.925 0.084 155.995);
--success-300: oklch(0.871 0.15 154.449);
--success-400: oklch(0.792 0.209 151.711);
--success-500: oklch(0.723 0.219 149.579);
--success-600: oklch(0.627 0.194 149.214);
--success-700: oklch(0.527 0.154 150.069);
--success-800: oklch(0.448 0.119 151.328);
--success-900: oklch(0.393 0.095 152.535);
--success-950: oklch(0.266 0.065 152.934);
--warning-50: oklch(0.987 0.022 95.277);
--warning-100: oklch(0.962 0.059 95.617);
--warning-200: oklch(0.924 0.12 95.746);
--warning-300: oklch(0.879 0.169 91.605);
--warning-400: oklch(0.828 0.189 84.429);
--warning-500: oklch(0.769 0.188 70.08);
--warning-600: oklch(0.666 0.179 58.318);
--warning-700: oklch(0.555 0.163 48.998);
--warning-800: oklch(0.473 0.137 46.201);
--warning-900: oklch(0.414 0.112 45.904);
--warning-950: oklch(0.279 0.077 45.635);
--secondary-50: oklch(0.962 0.018 272.314);
--secondary-100: oklch(0.93 0.034 272.788);
--secondary-200: oklch(0.87 0.065 274.039);
--secondary-300: oklch(0.785 0.115 274.713);
--secondary-400: oklch(0.673 0.182 276.935);
--secondary-500: oklch(0.585 0.233 277.117);
--secondary-600: oklch(0.511 0.262 276.966);
--secondary-700: oklch(0.457 0.24 277.023);
--secondary-800: oklch(0.398 0.195 277.366);
--secondary-900: oklch(0.359 0.144 278.697);
--secondary-950: oklch(0.257 0.09 281.288);
}
.fi-color-secondary {
--color-50: var(--secondary-50);
--color-100: var(--secondary-100);
--color-200: var(--secondary-200);
--color-300: var(--secondary-300);
--color-400: var(--secondary-400);
--color-500: var(--secondary-500);
--color-600: var(--secondary-600);
--color-700: var(--secondary-700);
--color-800: var(--secondary-800);
--color-900: var(--secondary-900);
--color-950: var(--secondary-950);
}
</style>
<link rel="stylesheet" href="http://[::1]:5173/resources/css/filament/admin/theme.css" data-navigate-track="reload">
<style>
:root {
--font-family: 'Inter Variable';
--mono-font-family: 'ui-monospace';
--serif-font-family: 'ui-serif';
--sidebar-width: 20rem;
--collapsed-sidebar-width: 4.5rem;
--default-theme-mode: system;
}
</style>
<script>
const loadDarkMode = () => {
window.theme = localStorage.getItem('theme') ?? 'system'
if (
window.theme === 'dark' ||
(window.theme === 'system' &&
window.matchMedia('(prefers-color-scheme: dark)')
.matches)
) {
document.documentElement.classList.add('dark')
}
}
loadDarkMode()
document.addEventListener('livewire:navigated', loadDarkMode)
</script>
<!-- Livewire Styles -->
<style>
[wire\:loading][wire\:loading],
[wire\:loading\.delay][wire\:loading\.delay],
[wire\:loading\.inline-block][wire\:loading\.inline-block],
[wire\:loading\.inline][wire\:loading\.inline],
[wire\:loading\.block][wire\:loading\.block],
[wire\:loading\.flex][wire\:loading\.flex],
[wire\:loading\.table][wire\:loading\.table],
[wire\:loading\.grid][wire\:loading\.grid],
[wire\:loading\.inline-flex][wire\:loading\.inline-flex] {
display: none;
}
[wire\:loading\.delay\.none][wire\:loading\.delay\.none],
[wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest],
[wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter],
[wire\:loading\.delay\.short][wire\:loading\.delay\.short],
[wire\:loading\.delay\.default][wire\:loading\.delay\.default],
[wire\:loading\.delay\.long][wire\:loading\.delay\.long],
[wire\:loading\.delay\.longer][wire\:loading\.delay\.longer],
[wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {
display: none;
}
[wire\:offline][wire\:offline] {
display: none;
}
[wire\:dirty]:not(textarea):not(input):not(select) {
display: none;
}
:root {
--livewire-progress-bar-color: #2299dd;
}
[x-cloak] {
display: none !important;
}
[wire\:cloak] {
display: none !important;
}
</style>
<style>
/* Make clicks pass-through */
#nprogress {
pointer-events: none;
}
#nprogress .bar {
background: var(--livewire-progress-bar-color, #29d);
position: fixed;
z-index: 1031;
top: 0;
left: 0;
width: 100%;
height: 2px;
}
/* Fancy blur effect */
#nprogress .peg {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px var(--livewire-progress-bar-color, #29d), 0 0 5px var(--livewire-progress-bar-color, #29d);
opacity: 1.0;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
}
/* Remove these to get rid of the spinner */
#nprogress .spinner {
display: block;
position: fixed;
z-index: 1031;
top: 15px;
right: 15px;
}
#nprogress .spinner-icon {
width: 18px;
height: 18px;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: var(--livewire-progress-bar-color, #29d);
border-left-color: var(--livewire-progress-bar-color, #29d);
border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
overflow: hidden;
position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
position: absolute;
}
@-webkit-keyframes nprogress-spinner {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes nprogress-spinner {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style>
</head>
+33
View File
@@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="images/favicon.svg">
<title>@yield('title')</title>
@vite(['resources/css/app.css', 'resources/js/app.js', 'resources/css/filament/admin/theme.css'])
@filamentStyles
</head>
<body class="fi-body fi-panel-admin bg-cover" style="background-image: url('images/backgrounds/bg1.jpg')">
<div class="fi-simple-layout">
<div class="fi-simple-main-ctn">
<main class="fi-simple-main fi-width-2xl shadow-2xl border">
<div class="bg-cover" style="background-image: url('images/bg-house.jpg')">
@include('layouts.logo')
@include('layouts.nav')
@yield('content')
</div>
</main>
@include('layouts.footer');
</div>
</div>
@filamentScripts
</body>
</html>
@@ -2,9 +2,9 @@
<a href="https://webwerkstatt.tirol" target="_blank" <a href="https://webwerkstatt.tirol" target="_blank"
class="mx-auto cursor-pointer text-xs bg-white dark:bg-black px-2 rounded-sm opacity-70 flex"> class="mx-auto cursor-pointer text-xs bg-white dark:bg-black px-2 rounded-sm opacity-70 flex">
<span>&copy 2007-{{ date('Y') }} &middot; </span> <span>&copy 2007-{{ date('Y') }} &middot; </span>
<span class="font-semibold tracking-tight text-xs ml-1"> <span class=" tracking-tight text-xs ml-1 font-bold">
Web<span class="text-amber-700 dark:text-amber-600">Werkstatt</span><span Web<span class="text-primary-800 dark:text-primary-600 font-black">Werkstatt</span><span
class="text-slate-700 dark:text-slate-400">.tirol</span> class="text-black dark:text-slate-400 font-light">.tirol</span>
</span> </span>
<div class="w-4 ml-1"> <div class="w-4 ml-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
+18
View File
@@ -0,0 +1,18 @@
<header class="fi-simple-header pb-5 bg-white">
<a class="flex gap-1 justify-center" href="/">
<div class="w-11 pt-2">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round">
<path d="m12.99 6.74 1.93 3.44" />
<path d="M19.136 12a10 10 0 0 1-14.271 0" />
<path d="m21 21-2.16-3.84" />
<path d="m3 21 8.02-14.26" />
<circle cx="12" cy="5" r="2" />
</svg>
</div>
<div class="text-4xl leading-none font-black text-shadow-md dark:text-shadow-none">
nutzwerte.at
<div class="text-xs font-light tracking-tight">Software für Architekten</div>
</div>
</a>
</header>
+12
View File
@@ -0,0 +1,12 @@
<nav class="bg-white py-5">
<div class="mb-2 flex text-xs justify-between bg-gray-900 dark:bg-300-900 rounded">
<a class="px-5 py-1.5 text-gray-200 hover:bg-primary-500 dark:hover:text-gray-300 rounded" href="/">Home</a>
<a class="px-5 py-1.5 text-gray-200 hover:bg-primary-500 dark:hover:text-gray-300 rounded" href="/nutzwerte">Über
Nutzwerte</a>
<a class="px-5 py-1.5 text-gray-200 hover:bg-primary-500 dark:hover:text-gray-300 rounded"
href="/dieses-programm">Über dieses
Programm</a>
<a class="px-5 py-1.5 text-gray-200 hover:bg-primary-500 dark:hover:text-gray-300 rounded"
href="/impressum">Impressum</a>
</div>
</nav>
-10
View File
@@ -1,10 +0,0 @@
<nav>
<div class="mb-7 flex text-xs justify-between bg-gray-100 dark:bg-gray-900 px-5 rounded">
<a class="py-1 hover:underline dark:hover:text-gray-300 rounded" href="/">Home</a>
<a class="py-1 hover:underline dark:hover:text-gray-300 rounded" href="/nutzwerte">Über
Nutzwerte</a>
<a class="py-1 hover:underline dark:hover:text-gray-300 rounded" href="/dieses-programm">Über dieses
Programm</a>
<a class="py-1 hover:underline dark:hover:text-gray-300 rounded" href="/impressum">Impressum</a>
</div>
</nav>
+34
View File
@@ -0,0 +1,34 @@
@extends('layouts.app')
@section('content')
<div class="text-gray-700 dark:text-gray-200">
<div class="bg-white p-5 text-center mx-auto fi-simple-header-heading bg-white">
Die Nutzwertberechnung
</div>
<div class="h-20"></div>
<p class="bg-white p-5 text-left font-light tracking-wider leading-auto indent-8">
ist ein Gutachten im österreichischen Wohnungseigentumsrecht, das das Verhältnis der einzelnen
Eigentumsanteile innerhalb eines Gebäudes bestimmt. <x-filament::link weight="light" href="/nutzwerte"
icon-position="after" icon="lucide-external-link">
Über die Nutzwertberechnung
</x-filament::link><br>
</p>
<div class="h-40"></div>
<div class="bg-white pt-5 text-center mx-auto fi-simple-header-heading x">
Über dieses Programm
</div>
<p class="bg-white p-5 text-left font-light tracking-wider leading-auto indent-8">
Wie Ihnen dieses Programm bei der Nutzwertberechnung zur Hand gehen kann erfahren sie hier.
<x-filament::link weight="light" href="/dieses-programm" icon-position="after" icon="lucide-external-link">
Über dieses Programm
</x-filament::link>
</p>
<div class="h-30">
@include('components.login')
</div>
</div>
@endsection
-89
View File
@@ -1,89 +0,0 @@
<html lang="de" dir="ltr" class="fi">
@include('header')
<body class="fi-body fi-panel-admin">
<div class="fi-simple-layout">
<div class="fi-simple-main-ctn">
<main class="fi-simple-main fi-width-2xl">
<div class="fi-simple-page-content">
<header class="fi-simple-header">
@include('../filament/admin/logo')
</header>
@include('nav')
@include('login')
<div class=" text-gray-700 dark:text-gray-200">
<div class="text-center mx-auto fi-simple-header-heading x">
Die Nutzwertberechnung
</div>
<img src="images/bg-house.jpg"
class="h-54 w-full shadow-xl rounded border my-4 transform object-cover object-center " />
<p class="mt-10 text-left font-light tracking-wider leading-auto indent-15">
Die Nutzwertberechnung ist ein Gutachten im
österreichischen Wohnungseigentumsrecht, das das Verhältnis der einzelnen
Eigentumsanteile innerhalb eines Gebäudes bestimmt.<br>
<a href="/nutzwerte"
class="my-2 gap-2 flex flex-row-reverse text-amber-700 dark:text-amber-400">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-external-link-icon lucide-external-link">
<path d="M15 3h6v6" />
<path d="M10 14 21 3" />
<path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" />
</svg>
Über die Nutzwertberechnung
</a>
</p>
<p class="mt-10 text-left font-light tracking-wider leading-auto indent-15">
Wie Ihnen dieses Programm bei der Nutzwertberechnung zur Hand gehen kann erfahren sie
hier.<br>
<a href="/dieses-programm"
class="my-2 gap-2 flex flex-row-reverse text-amber-700 dark:text-amber-400">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-external-link-icon lucide-external-link">
<path d="M15 3h6v6" />
<path d="M10 14 21 3" />
<path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" />
</svg>
Über dieses Programm
</a>
</p>
</div>
<div wire:partial="action-modals" x-data="filamentActionModals({
livewireId: 'XbZl9uz33EsfO3bI7F8f',
})" style="height: 0">
</div>
</main>
</div>
@include('footer');
</div>
<div wire:snapshot="{&quot;data&quot;:{&quot;isFilamentNotificationsComponent&quot;:true,&quot;notifications&quot;:[[],{&quot;class&quot;:&quot;Filament\\Notifications\\Collection&quot;,&quot;s&quot;:&quot;wrbl&quot;}]},&quot;memo&quot;:{&quot;id&quot;:&quot;1dMHz2ukDU8QDfO3JmPZ&quot;,&quot;name&quot;:&quot;filament.livewire.notifications&quot;,&quot;path&quot;:&quot;app\/login&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;de&quot;},&quot;checksum&quot;:&quot;a664db8a2c946b6eff2223314e480f389fa388ee0cab48f8af24bdda8ac520d0&quot;}"
wire:effects="{&quot;partials&quot;:[],&quot;listeners&quot;:[&quot;notificationsSent&quot;,&quot;notificationSent&quot;,&quot;notificationClosed&quot;]}"
wire:id="1dMHz2ukDU8QDfO3JmPZ">
<div class="fi-no fi-align-right fi-vertical-align-start" role="status">
</div>
</div>
@include('light-switch')
</body>
</html>
+1 -1
View File
@@ -3,7 +3,7 @@
use Illuminate\Support\Facades\Route; use Illuminate\Support\Facades\Route;
Route::get('/', function () { Route::get('/', function () {
return view('welcome'); return view('pages.welcome');
}); });
Route::get('/nutzwerte', function () { Route::get('/nutzwerte', function () {
return view('nutzwerte'); return view('nutzwerte');