diff --git a/assets/css/tools.css b/assets/css/tools.css index 460fc2f..fa932ed 100644 --- a/assets/css/tools.css +++ b/assets/css/tools.css @@ -8387,3 +8387,228 @@ body.lt-landing { .kdoc-diagram-img { margin: 2rem auto; max-width: 100%; overflow: hidden; } .kdoc-diagram-img picture { display: block; width: 100%; } .kdoc-diagram-img img { display: block; width: 100%; max-width: 100%; height: auto; } + +/* ── Welcome modal ───────────────────────────────────────────────────────── */ +.wlc-backdrop { + position: fixed; + inset: 0; + z-index: 9000; + background: rgba(0, 18, 48, 0.72); + backdrop-filter: blur(3px); + display: flex; + align-items: center; + justify-content: center; + padding: 16px; + overflow-y: auto; +} +.wlc-backdrop[hidden] { display: none; } + +.wlc-card { + background: #fff; + border-radius: 16px; + box-shadow: 0 32px 80px rgba(0, 20, 60, 0.38); + max-width: 720px; + width: 100%; + overflow: hidden; +} + +.wlc-header { + background: var(--dbn-blue); + padding: 2rem 2rem 1.6rem; +} +.wlc-eyebrow { + font-family: ui-monospace, 'SFMono-Regular', Menlo, Consolas, monospace; + font-size: 0.68rem; + font-weight: 700; + letter-spacing: 0.12em; + text-transform: uppercase; + color: rgba(244, 197, 66, 0.85); + margin: 0 0 0.6rem; +} +.wlc-title { + font-family: 'Crimson Pro', serif; + font-size: clamp(1.4rem, 3vw, 2rem); + font-weight: 700; + color: #fff; + margin: 0 0 0.5rem; + line-height: 1.1; +} +.wlc-sub { + color: rgba(255, 255, 255, 0.65); + font-size: 0.92rem; + line-height: 1.6; + margin: 0; +} + +.wlc-workbench-tip { + display: flex; + align-items: flex-start; + gap: 10px; + padding: 0.9rem 1.5rem; + background: #fef9ea; + border-bottom: 1px solid #f3e9c2; + font-size: 0.88rem; + line-height: 1.5; + color: #6b4800; +} +.wlc-tip-icon { + flex-shrink: 0; + font-size: 1.1rem; + line-height: 1.5; +} + +.wlc-tools-grid { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 0; + max-height: 44vh; + overflow-y: auto; +} +.wlc-tool-item { + display: grid; + grid-template-columns: 28px 1fr; + grid-template-rows: auto auto; + column-gap: 10px; + padding: 0.75rem 1.2rem; + border-bottom: 1px solid #f0f2f5; + border-right: 1px solid #f0f2f5; + text-decoration: none; + transition: background 120ms; +} +.wlc-tool-item:nth-child(even) { border-right: none; } +.wlc-tool-item:hover { background: #f5f8ff; } +.wlc-tool-icon { + grid-row: 1 / 3; + font-size: 1.3rem; + line-height: 1.4; + align-self: start; +} +.wlc-tool-name { + font-weight: 700; + font-size: 0.88rem; + color: var(--dbn-blue); + line-height: 1.3; + align-self: end; +} +.wlc-tool-tip { + font-size: 0.80rem; + color: #5d6a7e; + line-height: 1.4; + align-self: start; +} + +.wlc-footer { + display: flex; + align-items: center; + justify-content: space-between; + flex-wrap: wrap; + gap: 12px; + padding: 1rem 1.5rem; + background: #f7f8fb; + border-top: 1px solid #e8eaef; +} +.wlc-no-show { + display: flex; + align-items: center; + gap: 8px; + font-size: 0.86rem; + color: #5d6a7e; + cursor: pointer; + user-select: none; +} +.wlc-no-show input[type="checkbox"] { + width: 16px; + height: 16px; + accent-color: var(--dbn-blue); + cursor: pointer; +} +.wlc-btn-start { + display: inline-flex; + align-items: center; + height: 42px; + padding: 0 24px; + background: var(--dbn-blue); + color: #fff; + border: none; + border-radius: 8px; + font-family: inherit; + font-size: 0.95rem; + font-weight: 700; + cursor: pointer; + letter-spacing: 0.01em; + transition: background 140ms, transform 120ms, box-shadow 140ms; + box-shadow: 0 4px 14px rgba(0, 32, 91, 0.30); +} +.wlc-btn-start:hover { + background: #001f5a; + transform: translateY(-1px); + box-shadow: 0 8px 20px rgba(0, 32, 91, 0.40); +} + +@media (max-width: 560px) { + .wlc-tools-grid { grid-template-columns: 1fr; max-height: 50vh; } + .wlc-tool-item { border-right: none; } + .wlc-footer { flex-direction: column; align-items: flex-start; } + .wlc-btn-start { width: 100%; justify-content: center; } + .wlc-header { padding: 1.4rem 1.2rem 1.2rem; } +} + +/* ── Public nav sign-in / join CTA buttons ───────────────────────────────── */ +.lt-nav__btn-signin { + display: inline-flex; + align-items: center; + height: 36px; + padding: 0 16px; + border: 1px solid rgba(255, 255, 255, 0.32); + border-radius: 8px; + background: transparent; + color: rgba(255, 255, 255, 0.88); + font-size: 0.84rem; + font-weight: 600; + text-decoration: none; + letter-spacing: 0.01em; + white-space: nowrap; + transition: background 140ms, color 140ms, border-color 140ms; +} +.lt-nav__btn-signin:hover { + background: rgba(255, 255, 255, 0.10); + color: #fff; + border-color: rgba(255, 255, 255, 0.55); +} + +.lt-nav__btn-join { + display: inline-flex; + align-items: center; + height: 36px; + padding: 0 18px; + border-radius: 8px; + background: #ba0c2f; + color: #fff; + font-size: 0.84rem; + font-weight: 700; + text-decoration: none; + letter-spacing: 0.01em; + white-space: nowrap; + box-shadow: 0 4px 14px rgba(186, 12, 47, 0.38); + transition: background 140ms, transform 120ms, box-shadow 140ms; +} +.lt-nav__btn-join:hover { + background: #9a0a26; + transform: translateY(-1px); + box-shadow: 0 8px 20px rgba(186, 12, 47, 0.50); +} + +@media (max-width: 560px) { + .lt-nav__btn-signin { display: none; } +} + +/* ── Access gate prominence upgrades ─────────────────────────────────────── */ +.lt-gate__card-title--large { + font-size: clamp(1.9rem, 3.2vw, 2.6rem); +} +.lt-gate__card--member { border-top: 4px solid rgba(244, 197, 66, 0.60); } +.lt-gate__card--register { border-top: 4px solid rgba(15, 118, 110, 0.70); } +.lt-gate--prominent { + margin-top: 0; + scroll-margin-top: 70px; +} diff --git a/dashboard.php b/dashboard.php index 675d5b7..a4a9327 100644 --- a/dashboard.php +++ b/dashboard.php @@ -149,8 +149,103 @@ window.DBN_TOOLS_LANG = ; + + + + diff --git a/index.php b/index.php index ffc18a2..c59bda1 100644 --- a/index.php +++ b/index.php @@ -103,7 +103,8 @@ window.DBN_TOOLS_LANG = ; - + + Join free → @@ -134,6 +135,52 @@ window.DBN_TOOLS_LANG = ; + +
+
+ +
+

Do Better Norge

+

+

+ + +
+ +
+

Free membership

+

+

+ + + + + +
+ +
+
+ +
@@ -220,52 +267,6 @@ window.DBN_TOOLS_LANG = ;
- -
-
- -
-

Do Better Norge

-

-

- - -
- -
-

Free membership

-

-

- - - - - -
- -
-
- -