diff --git a/observablehq.config.js b/observablehq.config.js
index da2a95d..6735e5e 100644
--- a/observablehq.config.js
+++ b/observablehq.config.js
@@ -3,6 +3,13 @@ export default {
   // The app’s title; used in the sidebar and webpage titles.
   title: "Project Summary",
 
+  pages: [
+    {name: "Contributors", path: "/people_roles"},
+    {name: "Tasks", path: "/elements_tasks"},
+    {name: "Form Data", path: "/forms"},
+    {name: "Events", path: "/timeline"}
+  ],
+
   // The pages and sections in the sidebar. If you don’t specify this option,
   // all pages will be listed in alphabetical order. Listing pages explicitly
   // lets you organize them into sections and have unlisted pages.
@@ -23,7 +30,7 @@ export default {
   root: "src",
 
   // Some additional configuration options and their defaults:
-  // theme: "default", // try "light", "dark", "slate", etc.
+  theme: ["air", "deep-space"], // try "light", "dark", "slate", etc.
   // header: "", // what to show in the header (HTML)
   // footer: "Built with Observable.", // what to show in the footer (HTML)
   // sidebar: true, // whether to show the sidebar
diff --git a/src/elements_tasks.md b/src/elements_tasks.md
new file mode 100644
index 0000000..67b9b19
--- /dev/null
+++ b/src/elements_tasks.md
@@ -0,0 +1,26 @@
+---
+theme: dashboard
+title: Elements and Tasks
+toc: false
+---
+
+```js 
+const jsonData = FileAttachment("./data/project_summary.json").json();
+import * as Plot from "npm:@observablehq/plot";
+import * as d3 from "npm:d3";
+
+function printJsonStructure(obj, indent = 0) {
+  const padding = " ".repeat(indent);
+  return Object.entries(obj)
+    .map(([key, value]) => {
+      if (typeof value === "object" && value !== null) {
+        return `${padding}${key}: {\n${printJsonStructure(value, indent + 2)}\n${padding}}`;
+      } else {
+        return `${padding}${key}: ${typeof value}`;
+      }
+    })
+    .join("\n");
+}
+```
+
+
diff --git a/src/example-report.md b/src/example-report.md
deleted file mode 100644
index be2c164..0000000
--- a/src/example-report.md
+++ /dev/null
@@ -1,75 +0,0 @@
----
-title: Example report
----
-
-# A brief history of space exploration
-
-This report is a brief overview of the history and current state of rocket launches and space exploration.
-
-## Background
-
-The history of rocket launches dates back to ancient China, where gunpowder-filled tubes were used as primitive forms of propulsion.
-
-Fast-forward to the 20th century during the Cold War era, the United States and the Soviet Union embarked on a space race, a competition to innovate and explore beyond Earth.
-
-This led to the launch of the first artificial satellite, Sputnik 1, and the crewed moon landing by Apollo 11. As technology advanced, rocket launches became synonymous with space exploration and satellite deployment.
-
-## The Space Shuttle era
-
-```js
-import {timeline} from "./components/timeline.js";
-```
-
-```js
-const events = FileAttachment("./data/events.json").json();
-```
-
-```js
-timeline(events, {height: 300})
-```
-
-### Sputnik 1 (1957)
-
-This was the first artificial satellite. Launched by the Soviet Union, it marked the beginning of the space age.
-
-### Apollo 11 (1969)
-
-The historic Apollo 11 mission, led by NASA, marked the first successful human landing on the Moon. Astronauts Neil Armstrong and Buzz Aldrin became the first humans to set foot on the lunar surface.
-
-### Viking 1 and 2 (1975)
-
-NASA’s Viking program successfully launched two spacecraft, Viking 1 and Viking 2, to Mars. These missions were the first to successfully land and operate on the Martian surface, conducting experiments to search for signs of life.
-
-### Space Shuttle Columbia (1981)
-
-The first orbital space shuttle mission, STS-1, launched the Space Shuttle Columbia on April 12, 1981. The shuttle program revolutionized space travel, providing a reusable spacecraft for a variety of missions.
-
-### Hubble Space Telescope (1990)
-
-The Hubble Space Telescope has provided unparalleled images and data, revolutionizing our understanding of the universe and contributing to countless astronomical discoveries.
-
-### International Space Station (ISS) construction (1998—2011)
-
-The ISS, a collaborative effort involving multiple space agencies, began construction with the launch of its first module, Zarya, in 1998. Over the following years, various modules were added, making the ISS a symbol of international cooperation in space exploration.
-
-## Commercial spaceflight
-
-After the Space Shuttle program, a new era emerged with a shift towards commercial spaceflight.
-
-Private companies like Blue Origin, founded by Jeff Bezos in 2000, and SpaceX, founded by Elon Musk in 2002, entered the scene. These companies focused on developing reusable rocket technologies, significantly reducing launch costs.
-
-SpaceX, in particular, achieved milestones like the first privately developed spacecraft to reach orbit (Dragon in 2010) and the first privately funded spacecraft to dock with the ISS (Dragon in 2012).
-
-## Recent launch activity
-
-The proliferation of commercial space companies has driven a surge in global launch activity within the last few years.
-
-SpaceX’s Falcon 9 and Falcon Heavy, along with other vehicles from companies like Rocket Lab, have become workhorses for deploying satellites, conducting scientific missions, and ferrying crew to the ISS.
-
-The advent of small satellite constellations, such as Starlink by SpaceX, has further fueled this increase in launches. The push for lunar exploration has added momentum to launch activities, with initiatives like NASA’s Artemis program and plans for crewed missions to the Moon and Mars.
-
-## Looking forward
-
-As technology continues to advance and global interest in space exploration grows, the future promises even more exciting developments in the realm of rocket launches and space travel.
-
-Exploration will not only be limited to the Moon or Mars, but extend to other parts of our solar system such as Jupiter and Saturn’s moons, and beyond.
diff --git a/src/forms.md b/src/forms.md
new file mode 100644
index 0000000..58da0c6
--- /dev/null
+++ b/src/forms.md
@@ -0,0 +1,26 @@
+---
+theme: dashboard
+title: Contributors
+toc: false
+---
+
+```js 
+const jsonData = FileAttachment("./data/project_summary.json").json();
+import * as Plot from "npm:@observablehq/plot";
+import * as d3 from "npm:d3";
+
+function printJsonStructure(obj, indent = 0) {
+  const padding = " ".repeat(indent);
+  return Object.entries(obj)
+    .map(([key, value]) => {
+      if (typeof value === "object" && value !== null) {
+        return `${padding}${key}: {\n${printJsonStructure(value, indent + 2)}\n${padding}}`;
+      } else {
+        return `${padding}${key}: ${typeof value}`;
+      }
+    })
+    .join("\n");
+}
+```
+
+
diff --git a/src/people_roles.md b/src/people_roles.md
new file mode 100644
index 0000000..58da0c6
--- /dev/null
+++ b/src/people_roles.md
@@ -0,0 +1,26 @@
+---
+theme: dashboard
+title: Contributors
+toc: false
+---
+
+```js 
+const jsonData = FileAttachment("./data/project_summary.json").json();
+import * as Plot from "npm:@observablehq/plot";
+import * as d3 from "npm:d3";
+
+function printJsonStructure(obj, indent = 0) {
+  const padding = " ".repeat(indent);
+  return Object.entries(obj)
+    .map(([key, value]) => {
+      if (typeof value === "object" && value !== null) {
+        return `${padding}${key}: {\n${printJsonStructure(value, indent + 2)}\n${padding}}`;
+      } else {
+        return `${padding}${key}: ${typeof value}`;
+      }
+    })
+    .join("\n");
+}
+```
+
+
diff --git a/src/timeline.md b/src/timeline.md
index 8589406..5ffbc7e 100644
--- a/src/timeline.md
+++ b/src/timeline.md
@@ -138,7 +138,6 @@ timelineContainer.appendChild(list);
 ```
 
 ```js
-
 // get the whole year
 function generateFullYearRange(year) {
   const start = new Date(`${year}-01-01T00:00:00Z`);