153 lines
9.2 KiB
Vue
153 lines
9.2 KiB
Vue
<script setup lang="ts">
|
|
import { Head, Link } from '@inertiajs/vue3';
|
|
import PageLogo from '@/Components/ArcticFooterLogo.vue';
|
|
|
|
const { menuLinks } = defineProps({
|
|
menuLinks: { type: Object, default: () => ({}) }
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<Head title="PolarPress sidebygger">
|
|
</Head>
|
|
<div class="flex min-h-screen flex-col items-center bg-[#FDFDFC] p-6 text-[#1b1b18] dark:bg-[#0a0a0a] lg:justify-center lg:p-8">
|
|
<header class="not-has-[nav]:hidden mb-6 w-full max-w-[335px] text-sm lg:max-w-4xl">
|
|
<nav class="flex justify-between items-center">
|
|
<div class="flex justify-start align-middle gap-4">
|
|
<Link
|
|
v-for="(link, index) in menuLinks"
|
|
:key="index"
|
|
:href="route('page.view', link.slug)"
|
|
class="text-gray-700 dark:text-gray-300 underline hover:no-underline text-sm"
|
|
>
|
|
{{ link.title }}
|
|
</Link>
|
|
</div>
|
|
<div class="flex items-center justify-end gap-4">
|
|
<Link
|
|
v-if="$page.props.auth.user"
|
|
:href="route('page-builder.index')"
|
|
class="inline-block rounded-sm border border-[#19140035] px-5 py-1.5 text-sm leading-normal text-[#1b1b18] hover:border-[#1915014a] dark:border-[#3E3E3A] dark:text-[#EDEDEC] dark:hover:border-[#62605b]"
|
|
>
|
|
Sidebygger
|
|
</Link>
|
|
<template v-else>
|
|
<Link
|
|
:href="route('login')"
|
|
class="inline-block rounded-sm border border-transparent px-5 py-1.5 text-sm leading-normal text-[#1b1b18] hover:border-[#19140035] dark:text-[#EDEDEC] dark:hover:border-[#3E3E3A]"
|
|
>
|
|
Logg på
|
|
</Link>
|
|
<Link
|
|
:href="route('register')"
|
|
class="inline-block rounded-sm border border-[#19140035] px-5 py-1.5 text-sm leading-normal text-[#1b1b18] hover:border-[#1915014a] dark:border-[#3E3E3A] dark:text-[#EDEDEC] dark:hover:border-[#62605b]"
|
|
>
|
|
Registrer konto
|
|
</Link>
|
|
</template>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
<div class="duration-750 starting:opacity-0 flex w-full items-center justify-center opacity-100 transition-opacity lg:grow">
|
|
<main class="flex w-full max-w-[335px] flex-col-reverse overflow-hidden rounded-lg lg:max-w-4xl lg:flex-row">
|
|
<div
|
|
class="flex-1 rounded-bl-lg rounded-br-lg bg-white p-6 pb-12 text-[13px] leading-[20px] shadow-[inset_0px_0px_0px_1px_rgba(26,26,0,0.16)] dark:bg-[#161615] dark:text-[#EDEDEC] dark:shadow-[inset_0px_0px_0px_1px_#fffaed2d] lg:rounded-br-none lg:rounded-tl-lg lg:p-20"
|
|
>
|
|
<h1 class="mb-1 font-medium">Kom igang med PolarPress sidebygger</h1>
|
|
<p class="mb-2 text-[#706f6c] dark:text-[#A1A09A]">
|
|
PolarPress er et innholdsgenereringssystem (CMS) utviklet av Arctic Software A/S <br /><br />
|
|
Du kan bruke dette lokale utviklingsmiljøet for å utvikle og teste nye komponenter til sidebyggeren<br /><br />
|
|
For å komme igang foreslår vi at du starter med:
|
|
</p>
|
|
<ul class="mb-4 flex flex-col lg:mb-6">
|
|
<li
|
|
class="relative flex items-center gap-4 py-2 before:absolute before:bottom-0 before:left-[0.4rem] before:top-1/2 before:border-l before:border-[#e3e3e0] dark:before:border-[#3E3E3A]"
|
|
>
|
|
<span class="relative bg-white py-1 dark:bg-[#161615]">
|
|
<span
|
|
class="flex h-3.5 w-3.5 items-center justify-center rounded-full border border-[#e3e3e0] bg-[#FDFDFC] shadow-[0px_0px_1px_0px_rgba(0,0,0,0.03),0px_1px_2px_0px_rgba(0,0,0,0.06)] dark:border-[#3E3E3A] dark:bg-[#161615]"
|
|
>
|
|
<span class="h-1.5 w-1.5 rounded-full bg-[#dbdbd7] dark:bg-[#3E3E3A]" />
|
|
</span>
|
|
</span>
|
|
<span>
|
|
Lese
|
|
<a
|
|
href="https://git.arcticsoftware.no/arcticsoftware/polarpress-pagebuilder"
|
|
target="_blank"
|
|
class="ml-1 inline-flex items-center space-x-1 font-medium text-[#f53003] underline underline-offset-4 dark:text-[#FF4433]"
|
|
>
|
|
<span>dokumentasjonen</span>
|
|
<svg
|
|
width="{10}"
|
|
height="{11}"
|
|
viewBox="0 0 10 11"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
class="h-2.5 w-2.5"
|
|
>
|
|
<path d="M7.70833 6.95834V2.79167H3.54167M2.5 8L7.5 3.00001" stroke="currentColor" stroke-linecap="square" />
|
|
</svg>
|
|
</a>
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="relative flex items-center gap-4 py-2 before:absolute before:bottom-1/2 before:left-[0.4rem] before:top-0 before:border-l before:border-[#e3e3e0] dark:before:border-[#3E3E3A]"
|
|
>
|
|
<span class="relative bg-white py-1 dark:bg-[#161615]">
|
|
<span
|
|
class="flex h-3.5 w-3.5 items-center justify-center rounded-full border border-[#e3e3e0] bg-[#FDFDFC] shadow-[0px_0px_1px_0px_rgba(0,0,0,0.03),0px_1px_2px_0px_rgba(0,0,0,0.06)] dark:border-[#3E3E3A] dark:bg-[#161615]"
|
|
>
|
|
<span class="h-1.5 w-1.5 rounded-full bg-[#dbdbd7] dark:bg-[#3E3E3A]" />
|
|
</span>
|
|
</span>
|
|
<span>
|
|
Bli med i vår
|
|
<a
|
|
href="https://chat.zuul.no"
|
|
target="_blank"
|
|
class="ml-1 inline-flex items-center space-x-1 font-medium text-[#f53003] underline underline-offset-4 dark:text-[#FF4433]"
|
|
>
|
|
<span>gruppechat</span>
|
|
<svg
|
|
width="{10}"
|
|
height="{11}"
|
|
viewBox="0 0 10 11"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
class="h-2.5 w-2.5"
|
|
>
|
|
<path d="M7.70833 6.95834V2.79167H3.54167M2.5 8L7.5 3.00001" stroke="currentColor" stroke-linecap="square" />
|
|
</svg>
|
|
</a>
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
<ul class="flex gap-3 text-sm leading-normal">
|
|
<li>
|
|
<Link
|
|
:href="route('page-builder.index')"
|
|
target="_blank"
|
|
class="inline-block rounded-sm border border-black bg-[#1b1b18] px-5 py-1.5 text-sm leading-normal text-white hover:border-black hover:bg-black dark:border-[#eeeeec] dark:bg-[#eeeeec] dark:text-[#1C1C1A] dark:hover:border-white dark:hover:bg-white"
|
|
>
|
|
Start her
|
|
</Link>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div
|
|
class="relative -mb-px aspect-335/376 w-full shrink-0 overflow-hidden rounded-t-lg bg-white dark:bg-gray-900 lg:-ml-px lg:mb-0 lg:aspect-auto lg:w-[438px] lg:rounded-r-lg lg:rounded-t-none"
|
|
>
|
|
<div
|
|
class="flex justify-center items-center absolute inset-0 rounded-t-lg shadow-[inset_0px_0px_0px_1px_rgba(26,26,0,0.16)] dark:shadow-[inset_0px_0px_0px_1px_#fffaed2d] lg:overflow-hidden lg:rounded-r-lg lg:rounded-t-none"
|
|
>
|
|
|
|
<PageLogo />
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
<div class="h-14.5 hidden lg:block"></div>
|
|
</div>
|
|
</template>
|