From 3e38e0e3cfab99f2045e3d06373f166f11bca6e3 Mon Sep 17 00:00:00 2001 From: Henri Date: Fri, 23 Jan 2026 21:57:05 +0200 Subject: [PATCH] footer, navbar and components rework --- public/locales/en/Home.json | 0 public/locales/en/Navbar.json | 0 public/locales/est/Footer.json | 0 public/locales/est/Home.json | 0 public/locales/est/Navbar.json | 0 src/app.css | 48 ------ src/components/Button.svelte | 37 ++--- src/components/Dropdown.svelte | 14 +- src/components/FeatureCard.svelte | 146 ------------------- src/components/index.js | 2 - src/components/layout/Card.svelte | 92 +++++++++++- src/components/layout/Container.svelte | 3 +- src/components/layout/FullWidthBanner.svelte | 18 --- src/components/layout/Grid.svelte | 4 +- src/components/layout/Section.svelte | 59 +------- src/components/layout/Stack.svelte | 2 +- src/layout/Footer.svelte | 57 ++++++-- src/layout/Navbar.svelte | 41 +++--- src/routes/Home.svelte | 95 +++++++----- 19 files changed, 232 insertions(+), 386 deletions(-) create mode 100644 public/locales/en/Home.json create mode 100644 public/locales/en/Navbar.json create mode 100644 public/locales/est/Footer.json create mode 100644 public/locales/est/Home.json create mode 100644 public/locales/est/Navbar.json delete mode 100644 src/components/FeatureCard.svelte delete mode 100644 src/components/layout/FullWidthBanner.svelte diff --git a/public/locales/en/Home.json b/public/locales/en/Home.json new file mode 100644 index 0000000..e69de29 diff --git a/public/locales/en/Navbar.json b/public/locales/en/Navbar.json new file mode 100644 index 0000000..e69de29 diff --git a/public/locales/est/Footer.json b/public/locales/est/Footer.json new file mode 100644 index 0000000..e69de29 diff --git a/public/locales/est/Home.json b/public/locales/est/Home.json new file mode 100644 index 0000000..e69de29 diff --git a/public/locales/est/Navbar.json b/public/locales/est/Navbar.json new file mode 100644 index 0000000..e69de29 diff --git a/src/app.css b/src/app.css index 7600bd8..5e57d80 100644 --- a/src/app.css +++ b/src/app.css @@ -98,30 +98,6 @@ body { font-size: var(--fs-lg); } -/* Container pattern */ -.container { - width: 100%; - max-width: var(--content-max); - - padding-left: var(--site-padding); - padding-right: var(--site-padding); -} - -/* Responsive helpers - mobile by default; desktop media queries adjust naturally */ -@media (min-width: 768px) { - .container { - padding-left: calc(var(--site-padding) * 1.2); - padding-right: calc(var(--site-padding) * 1.2); - } -} -@media (min-width: 1024px) { - .container { - padding-left: calc(var(--site-padding) * 1.5); - padding-right: calc(var(--site-padding) * 1.5); - } -} - - /* Basic link & button defaults that components inherit */ a { color: var(--color-primary); @@ -154,30 +130,6 @@ button:focus { outline-offset: 2px; } -/* Card pattern components can use .card */ -.card { - background: var(--card-bg); - border-radius: var(--radius-md); - box-shadow: var(--shadow-1); - border: 1px solid var(--color-border); - padding: var(--space-4); -} - -/* Stacking helpers: use .stack to avoid writing margins for children */ -.stack { - display: flex; - flex-direction: column; - gap: var(--space-3); -} -.stack--tight { - gap: var(--space-2); -} -.inline { - display: inline-flex; - gap: var(--space-2); - align-items: center; -} - /* Simple responsive grid that adapts to available width */ .grid { display: grid; diff --git a/src/components/Button.svelte b/src/components/Button.svelte index 5ad8933..27207d3 100644 --- a/src/components/Button.svelte +++ b/src/components/Button.svelte @@ -1,39 +1,22 @@ - diff --git a/src/components/Dropdown.svelte b/src/components/Dropdown.svelte index 41499e0..d22f471 100644 --- a/src/components/Dropdown.svelte +++ b/src/components/Dropdown.svelte @@ -2,8 +2,9 @@ import Button from "./Button.svelte"; export let name = ""; - export let border = false; - export let borderRadius = "8px"; + export let buttonClass = ""; + export let panelClassName = ""; + export let buttonHoverStyle = ""; let isOpen = false; @@ -21,7 +22,7 @@
-
diff --git a/src/components/FeatureCard.svelte b/src/components/FeatureCard.svelte deleted file mode 100644 index 502abd9..0000000 --- a/src/components/FeatureCard.svelte +++ /dev/null @@ -1,146 +0,0 @@ - - -{#if href} - - {#if icon} -
- -
- {/if} - {#if title} -

{title}

- {/if} - {#if description} -

{description}

- {/if} -
- -
- -{:else} -
- {#if icon} -
- -
- {/if} - {#if title} -

{title}

- {/if} - {#if description} -

{description}

- {/if} -
- -
-
-{/if} - - diff --git a/src/components/index.js b/src/components/index.js index 8b4d356..69128f0 100644 --- a/src/components/index.js +++ b/src/components/index.js @@ -4,8 +4,6 @@ export { default as Stack } from './layout/Stack.svelte' export { default as Grid } from './layout/Grid.svelte' export { default as Center } from './layout/Center.svelte' export { default as Section } from './layout/Section.svelte' -export { default as FullWidthBanner } from './layout/FullWidthBanner.svelte' export { default as Button } from './Button.svelte' export { default as Dropdown } from './Dropdown.svelte' -export { default as FeatureCard } from './FeatureCard.svelte' diff --git a/src/components/layout/Card.svelte b/src/components/layout/Card.svelte index 2e2a0d1..e1f2e90 100644 --- a/src/components/layout/Card.svelte +++ b/src/components/layout/Card.svelte @@ -1,12 +1,88 @@ - - -
- -
+{#if href} + + + +{:else} +
+ +
+{/if} + + diff --git a/src/components/layout/Container.svelte b/src/components/layout/Container.svelte index 8c6e8bb..e1410f2 100644 --- a/src/components/layout/Container.svelte +++ b/src/components/layout/Container.svelte @@ -7,9 +7,10 @@ projected via the default slot. -
+
diff --git a/src/components/layout/FullWidthBanner.svelte b/src/components/layout/FullWidthBanner.svelte deleted file mode 100644 index 29fa42e..0000000 --- a/src/components/layout/FullWidthBanner.svelte +++ /dev/null @@ -1,18 +0,0 @@ - - - - -
- -
\ No newline at end of file diff --git a/src/components/layout/Grid.svelte b/src/components/layout/Grid.svelte index 4dc0d51..d9b6e59 100644 --- a/src/components/layout/Grid.svelte +++ b/src/components/layout/Grid.svelte @@ -11,8 +11,8 @@ spacing. Content is projected into the default slot.
diff --git a/src/components/layout/Section.svelte b/src/components/layout/Section.svelte index b0f7f4c..9d68af1 100644 --- a/src/components/layout/Section.svelte +++ b/src/components/layout/Section.svelte @@ -7,9 +7,9 @@ const paddingClasses = { none: "py-0", - small: "py-section-sm", - normal: "py-section", - large: "py-section-lg", + small: "py-8", + normal: "py-12 max-md:py-8", + large: "py-[clamp(3rem,8vw,6rem)] max-md:py-12", }; // Convert background to appropriate CSS value @@ -26,59 +26,10 @@
-
+
- - diff --git a/src/components/layout/Stack.svelte b/src/components/layout/Stack.svelte index 90d8e62..3eb4465 100644 --- a/src/components/layout/Stack.svelte +++ b/src/components/layout/Stack.svelte @@ -8,6 +8,6 @@ A simple stack/column layout that stacks children vertically. export let className = ""; -
+
diff --git a/src/layout/Footer.svelte b/src/layout/Footer.svelte index 5f45e84..48ba319 100644 --- a/src/layout/Footer.svelte +++ b/src/layout/Footer.svelte @@ -8,24 +8,49 @@ import { -
-

MTÜ Lapikud

+
- -
- Aadress: Akadeemia tee 5, 12616 Tallinn, Eesti -
- E-post: lapikud@lapikud.ee -
- Tel: +372 58 160 799 -
- Messenger: m.me/Lapikud -
-

- -

+
+

MTÜ Lapikud

+ +
+ Aadress: Akadeemia tee 5, 12616 Tallinn, Eesti +
+ E-post: lapikud@lapikud.ee +
+ Tel: +372 58 160 799 +
+ Messenger: m.me/Lapikud +
+
+ Reg. kood: 80167145 +
+ Swedbank EE812200221019551756 +
+ +
+
+ +

Sotsiaalmeedia

+
+ + + + + + + + + + + + + + + +
- +
© 2026 MTÜ Lapikud
\ No newline at end of file diff --git a/src/layout/Navbar.svelte b/src/layout/Navbar.svelte index 1d2fac0..78481dc 100644 --- a/src/layout/Navbar.svelte +++ b/src/layout/Navbar.svelte @@ -18,47 +18,54 @@ import Trophy from "lucide-svelte/icons/trophy"; -
+
diff --git a/src/routes/Home.svelte b/src/routes/Home.svelte index e067756..9e4cd6b 100644 --- a/src/routes/Home.svelte +++ b/src/routes/Home.svelte @@ -1,13 +1,11 @@