Move examples page; fix CSS color issues (#1253)

denoland · Dec 11, 2024 · 7a8506e · 7a8506e
1 parent 5686acc
commit 7a8506e
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 11 deletions.
diff --git a/examples/_pages/LandingPage.tsx → _components/LandingPage.tsx b/examples/_pages/LandingPage.tsx → _components/LandingPage.tsx
@@ -1,8 +1,8 @@
-import { ExampleIcon } from "../_components/ExampleIcon.tsx";
-import { LearningList } from "../_components/LearningList.tsx";
-import { TutorialIcon } from "../_components/TutorialIcon.tsx";
-import { VideoIcon } from "../_components/VideoIcon.tsx";
-import { sidebar } from "../_data.ts";
+import { ExampleIcon } from "../examples/_components/ExampleIcon.tsx";
+import { LearningList } from "../examples/_components/LearningList.tsx";
+import { TutorialIcon } from "../examples/_components/TutorialIcon.tsx";
+import { VideoIcon } from "../examples/_components/VideoIcon.tsx";
+import { sidebar } from "../examples/_data.ts";
 
 export default function LandingPage() {
   const componentsPerSidebarItem = sidebar.map(

diff --git a/deno.lock b/deno.lock
diff --git a/examples/index.tsx b/examples/index.tsx
@@ -1,5 +1,3 @@
-import LandingPage from "./_pages/LandingPage.tsx";
-
 export const layout = "raw.tsx";
 export const sidebar = [
   {
@@ -30,10 +28,12 @@ export const sidebar = [
 
 export const toc = [];
 
-export default function* (_data: Lume.Data, helpers: Lume.Helpers) {
+export default function* (
+  data: Lume.Data,
+) {
   yield {
     url: `/examples/`,
     title: `Deno examples and tutorials`,
-    content: <LandingPage />,
+    content: <data.comp.LandingPage />,
   };
 }
diff --git a/styles.css b/styles.css
@@ -11,8 +11,8 @@
 /* Light and dark theme variables */
 .light {
   --background-primary: 215deg, 81%, 100%;
-  --background-secondary: 213deg, 100% 95%;
-  --background-tertiary: 213deg, 100% 84%;
+  --background-secondary: 213deg, 100%, 95%;
+  --background-tertiary: 213deg, 100%, 84%;
   --foreground-primary: 0deg, 0%, 25%;
   --foreground-secondary: 0deg, 0%, 42%;
   --foreground-tertiary: 0deg, 0%, 90%;