From d1d7e9c5bdc169149ccf0f5605b73a3921c111c8 Mon Sep 17 00:00:00 2001 From: Joe Carstairs <65492573+joeacarstairs@users.noreply.github.com> Date: Thu, 1 Feb 2024 22:30:29 +0000 Subject: Updates from staging (#79) * Adds no-breadcrumbs variant of the navbar (#75) * README: replaces 'Sycamost' with 'joeacarstairs' (#74) * Design system board (#77) * Simplifies theme selector syntax * Adds .dark theming class * Adds design system page (dev env only) * Closes the Sangschaw (#78) * Closes the Sangschaw * Fixes syntax --------- Co-authored-by: Joe Carstairs <65492573+Sycamost@users.noreply.github.com> --------- Co-authored-by: Joe Carstairs <118172583+jcarstairs-scottlogic@users.noreply.github.com> Co-authored-by: Joe Carstairs <65492573+Sycamost@users.noreply.github.com> --- src/pages/[designSystem].astro | 190 +++++++++++++++++++++++++++++++++++++++++ src/pages/[locale]/index.astro | 1 + 2 files changed, 191 insertions(+) create mode 100644 src/pages/[designSystem].astro (limited to 'src/pages') diff --git a/src/pages/[designSystem].astro b/src/pages/[designSystem].astro new file mode 100644 index 0000000..4ab93f8 --- /dev/null +++ b/src/pages/[designSystem].astro @@ -0,0 +1,190 @@ +--- +import Page from '$layouts/Page.astro'; +import env from '$lib/env'; + +export async function getStaticPaths() { + switch (env.ENVIRONMENT) { + case 'dev': + return [{ params: { designSystem: 'design-system' } }]; + case 'prod': + return []; + } +} +--- + + +
+

Heading level 1

+

Heading level 2

+

Heading level 3

+

Heading level 4

+

Heading level 3

+

Heading level 4

+

Heading level 2

+

Heading level 3

+

Heading level 2

+
+ +
+

Heading level 1

+

+ Minus architecto sed sint facere sint quam maxime unde. Vel commodi autem qui dolore et aut + aliquid. Perferendis aut nesciunt omnis est ea. +

+

+ Est numquam sint consequatur culpa quo dolores. Aut eum aut non et est blanditiis tempore. + Enim voluptate accusamus id veniam. +

+ +

Heading level 2

+

+ Ut voluptas eaque sunt soluta reiciendis. Voluptas impedit exercitationem magni veritatis ea + est. Vitae recusandae odit impedit dolor sit. +

+

+ Aliquam velit ab nihil et. Qui architecto quos assumenda neque. Exercitationem tempore veniam + repellat aut suscipit aut est et. +

+ +

Heading level 3

+

+ Minima nostrum eos voluptatem at sunt optio neque quia. Commodi quis omnis sit atque commodi + tempore iste neque. Qui rerum voluptas mollitia sint non. Inventore sed quidem sequi qui eum + est. Est id officiis in ipsam vero dolor. Veritatis odit quia qui esse illo officia et labore. +

+

+ Minus architecto sed sint facere sint quam maxime unde. Vel commodi autem qui dolore et aut + aliquid. Perferendis aut nesciunt omnis est ea. +

+ +

Heading level 4

+

+ Aliquam velit ab nihil et. Qui architecto quos assumenda neque. Exercitationem tempore veniam + repellat aut suscipit aut est et. +

+

+ Ut voluptas eaque sunt soluta reiciendis. Voluptas impedit exercitationem magni veritatis ea + est. Vitae recusandae odit impedit dolor sit. +

+ +

Heading level 3

+

+ Minima nostrum eos voluptatem at sunt optio neque quia. Commodi quis omnis sit atque commodi + tempore iste neque. Qui rerum voluptas mollitia sint non. Inventore sed quidem sequi qui eum + est. Est id officiis in ipsam vero dolor. Veritatis odit quia qui esse illo officia et labore. +

+

+ Minus architecto sed sint facere sint quam maxime unde. Vel commodi autem qui dolore et aut + aliquid. Perferendis aut nesciunt omnis est ea. +

+ +

Heading level 4

+

+ Aliquam velit ab nihil et. Qui architecto quos assumenda neque. Exercitationem tempore veniam + repellat aut suscipit aut est et. +

+

+ Ut voluptas eaque sunt soluta reiciendis. Voluptas impedit exercitationem magni veritatis ea + est. Vitae recusandae odit impedit dolor sit. +

+ +

Heading level 2

+

+ Ut voluptas eaque sunt soluta reiciendis. Voluptas impedit exercitationem magni veritatis ea + est. Vitae recusandae odit impedit dolor sit. +

+

+ Aliquam velit ab nihil et. Qui architecto quos assumenda neque. Exercitationem tempore veniam + repellat aut suscipit aut est et. +

+ +

Heading level 3

+

+ Minima nostrum eos voluptatem at sunt optio neque quia. Commodi quis omnis sit atque commodi + tempore iste neque. Qui rerum voluptas mollitia sint non. Inventore sed quidem sequi qui eum + est. Est id officiis in ipsam vero dolor. Veritatis odit quia qui esse illo officia et labore. +

+

+ Minus architecto sed sint facere sint quam maxime unde. Vel commodi autem qui dolore et aut + aliquid. Perferendis aut nesciunt omnis est ea. +

+ +

Heading level 2

+

+ Ut voluptas eaque sunt soluta reiciendis. Voluptas impedit exercitationem magni veritatis ea + est. Vitae recusandae odit impedit dolor sit. +

+

+ Aliquam velit ab nihil et. Qui architecto quos assumenda neque. Exercitationem tempore veniam + repellat aut suscipit aut est et. +

+
+ +
+

Lists

+ +

Unordered list

+ + +

Ordered list

+
    +
  1. Item 1
    2. +
  2. Item 2
    3. +
  3. + Item 3 +
      +
    1. Item 3.1
      2. +
    2. Item 3.2
      3. +
    3. Item 3.3
      4. +
    +
    4. +
  4. Item 4
    5. +
+
+ +
+

Buttons

+ +
+

Light mode

+ + + + +
+ +
+

Dark mode

+ + + + +
+
+ +
+

Hyperlinks

+ +
+

Light mode

+ Hyperlink +
+ +
+

Dark mode

+ Hyperlink +
+
+ diff --git a/src/pages/[locale]/index.astro b/src/pages/[locale]/index.astro index d930c20..4f00eff 100644 --- a/src/pages/[locale]/index.astro +++ b/src/pages/[locale]/index.astro @@ -25,6 +25,7 @@ const mostRecentNewsItem = await getMostRecentNewsItem(locale);

+

-- cgit v1.2.3