Ronni Baslund
c9911cc262
New standalone apps/website (Nuxt 4) serving the public marketing site at dezky.local / www.dezky.local. The customer portal moves off the root domain to app.dezky.local only. Landing page ported from the Dezky design handoff: light theme, Danish default, hero variant A, with a working da/en toggle. Self-contained colour system threaded through components (utils/landingTokens.ts), full bilingual copy (utils/landingCopy.ts), and shared state (composables/useLanding.ts). Sections live under components/landing/* with the Node logo under components/brand/*. Wired into docker-compose (website service, volume, Traefik labels, network aliases) and bootstrap.sh (hosts list + service URLs).
85 lines
1.5 KiB
CSS
85 lines
1.5 KiB
CSS
/* Dezky marketing site — global styles. Ported from the design handoff's
|
|
<style> block in Landing Page.html. The landing page is self-contained on
|
|
colour (it threads a theme object through components), so the base just sets
|
|
the page surface, resets, and the FAQ accordion marker animation. */
|
|
|
|
html,
|
|
body,
|
|
#__nuxt {
|
|
margin: 0;
|
|
padding: 0;
|
|
min-height: 100vh;
|
|
background: #FAFAF7;
|
|
color: #0A0A0A;
|
|
font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
*,
|
|
*::before,
|
|
*::after {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
a {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
button {
|
|
font-family: inherit;
|
|
cursor: pointer;
|
|
}
|
|
|
|
summary {
|
|
cursor: pointer;
|
|
}
|
|
summary::-webkit-details-marker {
|
|
display: none;
|
|
}
|
|
summary::marker {
|
|
content: '';
|
|
}
|
|
|
|
/* FAQ accordion plus → rotates to an "open" state. Consumed by Faq.vue's
|
|
.faq-plus span. */
|
|
details[open] .faq-plus::before {
|
|
transform: rotate(90deg);
|
|
}
|
|
.faq-plus::before,
|
|
.faq-plus::after {
|
|
content: '';
|
|
position: absolute;
|
|
background: currentColor;
|
|
transition: transform 0.2s ease;
|
|
}
|
|
.faq-plus::before {
|
|
width: 2px;
|
|
height: 14px;
|
|
left: 6px;
|
|
top: 0;
|
|
}
|
|
.faq-plus::after {
|
|
width: 14px;
|
|
height: 2px;
|
|
left: 0;
|
|
top: 6px;
|
|
}
|
|
|
|
::-webkit-scrollbar {
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background: rgba(128, 128, 128, 0.25);
|
|
border-radius: 6px;
|
|
}
|
|
::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|