landing und login pages

This commit is contained in:
salam committed 2025-09-11 15:07:35 +02:00
1 parent 00f46f7fa6
commit ea4b5f210b
3 files changed
+54 -45

No files matched your search

+2 -1
View File
@@ -3,7 +3,8 @@
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 class="font-semibold tracking-tight text-xs ml-1">
Web<span class="text-primary-700">Werkstatt</span><span class="text-slate-700">.tirol</span>
Web<span class="text-amber-700 dark:text-amber-600">Werkstatt</span><span
class="text-slate-700 dark:text-slate-400">.tirol</span>
</span>
<div class="w-4 ml-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
+51 -43
View File
@@ -81,17 +81,17 @@
--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);
--primary-50: oklch(0.985 0.002 247.839);
--primary-100: oklch(0.967 0.003 264.542);
--primary-200: oklch(0.928 0.006 264.531);
--primary-300: oklch(0.872 0.01 258.338);
--primary-400: oklch(0.707 0.022 261.325);
--primary-500: oklch(0.551 0.027 264.364);
--primary-600: oklch(0.446 0.03 256.802);
--primary-700: oklch(0.373 0.034 259.733);
--primary-800: oklch(0.278 0.033 256.848);
--primary-900: oklch(0.21 0.034 264.665);
--primary-950: oklch(0.13 0.028 261.692);
--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);
@@ -352,25 +352,51 @@
</header>
<div class=" text-gray-700 dark:text-gray-200">
<div class="text-center mx-auto font-thin text-3xl uppercase font-stretch-extra-condensed">
Nutzwertgutachten
<div class="text-center mx-auto font-light text-2xl uppercase font-stretch-extra-condensed">
Die Nutzwertberechnung
</div>
<p
class="my-6 md:mt-10 text-md text-center md:text-left font-light tracking-wider leading-relaxed">
Die Nutzwertberechnung ist ein Gutachten im
<p class="mt-5 text-left font-light tracking-wider leading-auto indent-15">
..ist ein Gutachten im
österreichischen Wohnungseigentumsrecht, das das Verhältnis der einzelnen
Eigentumsanteile
innerhalb eines Gebäudes bestimmt.
Eigentumsanteile innerhalb eines Gebäudes bestimmt.<br>
<a href="http://nutzwerte_fi4.test/app/register"
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-5 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="http://nutzwerte_fi4.test/app/register"
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 class="mt-15 flex justify-center">
<a href="/app"
class="w-full text-center sm:w-40 px-4 py-3 rounded font-semibold text-md bg-primary-500 text-white border-2 border-primary-500">
class="w-full text-center sm:w-40 px-4 py-3 rounded font-semibold text-md bg-amber-500 text-white border-2 border-amber-500">
Anmelden
</a>
<a href="/app/register"
class="w-full text-center mt-4 sm:mt-0 sm:ml-4 sm:w-40 px-4 py-3 rounded font-semibold text-md bg-white text-primary-500 border border-slate-300">
class="w-full text-center mt-4 sm:mt-0 sm:ml-4 sm:w-40 px-4 py-3 rounded font-semibold text-md bg-white text-amber-500 border border-slate-300">
Konto eröffnen
</a>
</div>
@@ -384,25 +410,7 @@
</main>
</div>
<footer class="fixed bottom-0 z-20 p-4">
<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">
<span>© 2007-2025 · </span>
<span class="font-semibold tracking-tight text-xs ml-1">
Web<span class="text-primary-700 dark:text-primary-300">Werkstatt</span><span
class="text-slate-700">.tirol</span>
</span>
<div class="w-4 ml-1">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256">
<path fill="currentColor"
d="M164 78a26 26 0 1 0-26-26a26 26 0 0 0 26 26m0-40a14 14 0 1 1-14 14a14 14 0 0 1 14-14m89.16 158.94l-54.56-92.08a13.9 13.9 0 0 0-12-6.86a13.88 13.88 0 0 0-12 6.86l-27.88 47.05l-46.56-79a14 14 0 0 0-24.13 0L2.83 197A6 6 0 0 0 8 206h240a6 6 0 0 0 5.16-9.06M86.27 79a2 2 0 0 1 3.46 0l25.34 43H60.93ZM18.5 194l35.36-60h68.29l19.3 32.77l16 27.2Zm152.93 0l-17.85-30.29L184.83 111a2 2 0 0 1 1.72-1a1.93 1.93 0 0 1 1.72 1l49.2 83Z">
</path>
</svg>
</div>
</a>
</footer>
@include('footer');
</div>
@@ -470,14 +478,14 @@
},
}" class="fi-theme-switcher grid grid-flow-col gap-x-1">
<button aria-label="Light Mode einschalten" type="button"
x-bind:class="theme === 'light' ? 'bg-gray-50 text-primary-500 dark:bg-white/5 dark:text-primary-400' :
x-bind:class="theme === 'light' ? 'bg-gray-50 text-amber-500 dark:bg-white/5 dark:text-amber-400' :
'text-gray-400 hover:text-gray-500 focus:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 dark:focus:text-gray-400'"
x-on:click="(theme = 'light')"
x-tooltip="{
content: 'Light Mode einschalten',
theme: $store.theme,
}"
class="flex justify-center rounded-lg p-2 outline-none transition duration-75 hover:bg-gray-50 focus:bg-gray-50 dark:hover:bg-white/5 dark:focus:bg-white/5 bg-gray-50 text-primary-500 dark:bg-white/5 dark:text-primary-400">
class="flex justify-center rounded-lg p-2 outline-none transition duration-75 hover:bg-gray-50 focus:bg-gray-50 dark:hover:bg-white/5 dark:focus:bg-white/5 bg-gray-50 text-amber-500 dark:bg-white/5 dark:text-amber-400">
<svg class="fi-icon fi-size-md h-5 w-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
fill="currentColor" aria-hidden="true" data-slot="icon">
<path
@@ -487,7 +495,7 @@
</button>
<button aria-label="Dark Mode einschalten" type="button"
x-bind:class="theme === 'dark' ? 'bg-gray-50 text-primary-500 dark:bg-white/5 dark:text-primary-400' :
x-bind:class="theme === 'dark' ? 'bg-gray-50 text-amber-500 dark:bg-white/5 dark:text-amber-400' :
'text-gray-400 hover:text-gray-500 focus:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 dark:focus:text-gray-400'"
x-on:click="(theme = 'dark')"
x-tooltip="{
@@ -504,7 +512,7 @@
</button>
<button aria-label="Systemthema benutzen" type="button"
x-bind:class="theme === 'system' ? 'bg-gray-50 text-primary-500 dark:bg-white/5 dark:text-primary-400' :
x-bind:class="theme === 'system' ? 'bg-gray-50 text-amber-500 dark:bg-white/5 dark:text-amber-400' :
'text-gray-400 hover:text-gray-500 focus:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 dark:focus:text-gray-400'"
x-on:click="(theme = 'system')"
x-tooltip="{