design wip

This commit is contained in:
salam committed 2025-09-19 18:12:28 +02:00
1 parent 370e7435f9
commit c5032cd1ea
8 files changed
+82 -66

No files matched your search

+5 -3
View File
@@ -27,17 +27,19 @@
</script>
</head>
<body class="fi-body fi-panel-admin bg-cover" style="background-image: url('images/backgrounds/bg1.jpg')">
<body class="bg-cover" style="background-image: url('images/backgrounds/bg1.jpg')">
<div>
@livewire('notifications')
</div>
@include('layouts.nav')
<br>
<br>
<div class="fi-simple-layout">
<main class="fi-simple-main fi-width-5xl shadow-2xl bg-white/80 dark:bg-gray-900/90">
<div class="bg-cover bg-position-[center_top_3.8rem]">
@include('layouts.nav')
@yield('content')
</div>
+1 -1
View File
@@ -10,7 +10,7 @@
<circle cx="12" cy="5" r="2" />
</svg>
</div>
<div class="text-4xl leading-none font-black text-shadow-md dark:text-shadow-none">
<div class="text-2xl leading-none font-black tracking-tighter text-shadow-md dark:text-shadow-none">
nutzwerte.at
<div class="text-xs font-light tracking-tight">Software für Architekten</div>
</div>
@@ -1,12 +0,0 @@
<nav>
<div class="flex text-xs justify-center bg-gray-900 dark:bg-300-900 rounded mb-10">
<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>
+21 -25
View File
@@ -1,35 +1,31 @@
<nav class="fi-topbar mb-10">
<div class="fi-topbar-start">
<a href="http://nutzwerte_fi4.test/app">
</a>
<div style="height: 2.6rem;" class="fi-logo"><a href="http://nutzwerte_fi4.test/app">
</a><a class="flex gap-1 justify-center" href="/">
<div class="w-9 pt-1">
<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>
<path d="M19.136 12a10 10 0 0 1-14.271 0"></path>
<path d="m21 21-2.16-3.84"></path>
<path d="m3 21 8.02-14.26"></path>
<circle cx="12" cy="5" r="2"></circle>
</svg>
</div>
<div class="text-2xl leading-none font-black tracking-tighter text-shadow-md dark:text-shadow-none">
nutzwerte.at
<div class="text-xs font-light">Software für Architekten</div>
</div>
</a>
<nav class="fi-topbar fixed top-0 grid grid-cols-2 w-full">
<div class="fi-logo flex gap-1">
<div class="w-9 pt-1">
<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>
<path d="M19.136 12a10 10 0 0 1-14.271 0"></path>
<path d="m21 21-2.16-3.84"></path>
<path d="m3 21 8.02-14.26"></path>
<circle cx="12" cy="5" r="2"></circle>
</svg>
</div>
<div class="text-2xl leading-none font-black tracking-tighter text-shadow-md dark:text-shadow-none">
nutzwerte.at
<div class="text-xs font-light">Software für Architekten</div>
</div>
</div>
<div x-persist="topbar.end.panel-admin" class="fi-topbar-end">
<div class="grid grid-flow-col gap-3">
<x-filament::button href="/" tag="a" color="gray">
Home
</x-filament::button>
<x-filament::button href="/nutzwerte" tag="a" color="gray">
Über Nutzwerte
Nutzwerte
</x-filament::button>
<x-filament::button href="/dieses-programm" tag="a" color="gray">
Dieses Programm
Programm
</x-filament::button>
<x-filament::button href="/impressum" tag="a" color="gray">
Impressum
@@ -1,7 +1,7 @@
@extends('layouts.app')
@section('content')
<x-top-title>Über dieses Programm</x-top-title>
<x-title>Über dieses Programm</x-title>
<div class=" text-gray-700 dark:text-gray-200">
<x-text>
+1 -1
View File
@@ -3,7 +3,7 @@
@section('content')
<div class="text-gray-700 dark:text-gray-200">
<x-top-title>Impressum</x-top-title>
<x-title>Impressum</x-title>
<h2 class="mt-10 scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors first:mt-0">
Was muss in ein Impressum?
+42 -12
View File
@@ -4,33 +4,63 @@
<div class="text-gray-700 dark:text-gray-200">
<div class="flex gap-7">
<x-filament::section>
<x-slot name="heading">
Die Nutzwertberechnung
<x-title>
Die Nutzwertberechnung
</x-title>
</x-slot>
<svg xmlns="http://www.w3.org/2000/svg" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor"
stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-building-icon lucide-building">
<path d="M12 10h.01" />
<path d="M12 14h.01" />
<path d="M12 6h.01" />
<path d="M16 10h.01" />
<path d="M16 14h.01" />
<path d="M16 6h.01" />
<path d="M8 10h.01" />
<path d="M8 14h.01" />
<path d="M8 6h.01" />
<path d="M9 22v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3" />
<rect x="4" y="2" width="16" height="20" rx="2" />
</svg>
Die Nutzwertberechnung ist ein Gutachten im österreichischen Wohnungseigentumsrecht, das das Verhältnis der
einzelnen
Eigentumsanteile innerhalb eines Gebäudes bestimmt. <x-filament::link href="/nutzwerte" icon-position="after"
icon="lucide-external-link">
Eigentumsanteile innerhalb eines Gebäudes bestimmt. <x-filament::link href="/nutzwerte"
icon-position="after" icon="lucide-external-link">
Über die Nutzwertberechnung
</x-filament::link>
<br>
<br>
<svg xmlns="http://www.w3.org/2000/svg" width="32" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
class="lucide lucide-school-icon lucide-school">
<path d="M14 21v-3a2 2 0 0 0-4 0v3" />
<path d="M18 5v16" />
<path d="m4 6 7.106-3.79a2 2 0 0 1 1.788 0L20 6" />
<path
d="m6 11-3.52 2.147a1 1 0 0 0-.48.854V19a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-5a1 1 0 0 0-.48-.853L18 11" />
<path d="M6 5v16" />
<circle cx="12" cy="9" r="2" />
</svg>
Wie Ihnen dieses Programm bei der Nutzwertberechnung zur Hand gehen kann, und Ihnen wertvolle Zeit bei der
Berechnung und Formatierung sparen hilft, <x-filament::link href="/dieses-programm" icon-position="after"
icon="lucide-external-link">
erfahren sie hier.
Berechnung und Formatierung sparen hilft, erfahren sie hier.
<br><x-filament::link href="/dieses-programm" icon-position="after" icon="lucide-external-link">
Über dieses Programm
</x-filament::link>
<br>
<br>
<br>
<br>
<br>
@include('components.login')
</x-filament::section>
<img src="images/house.jpg" class="w-96 rounded-2xl" />
<img src="images/house.jpg" class="w-82 rounded-2xl border border-gray-300" />
</div>
<br>
<br>
@include('components.login')
<br>
</div>
@endsection