add homepage mdx (#10)

src/content/text-detail/en/index.mdx

@@ -0,0 +1,33 @@
+---
+title: "Home"
+---
+
+# p5.js
+
+## Hello!
+
+p5.js is a JavaScript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else! p5.js is free and open-source because we believe software, and the tools to learn it, should be accessible to everyone.
+
+Using the metaphor of a sketch, p5.js has a full set of drawing functionality. However, you’re not limited to your drawing canvas. You can think of your whole browser page as your sketch, including HTML5 objects for text, input, video, webcam, and sound.
+
+[Start creating with the p5 editor!](https://editor.p5js.org/)
+
+## Community
+
+We are a community of, and in solidarity with, people from every gender identity and expression, sexual orientation, race, ethnicity, language, neuro-type, size, disability, class, religion, culture, subculture, political opinion, age, skill level, occupation, and background. We acknowledge that not everyone has the time, financial means, or capacity to actively participate, but we recognize and encourage involvement of all kinds. We facilitate and foster access and empowerment. We are all learners.
+p5.js is an interpretation of [Processing](https://processing.org/) for today’s web. We hold events and operate with support from the [Processing Foundation](https://processingfoundation.org/).
+Learn more about [our community](https://p5js.org/community/).
+
+## Get Started
+
+Make your first sketch in the [p5.js Editor](https://editor.p5js.org/). Learn more about sketching with p5.js on the [Get Started page](https://p5js.org/get-started/) and everything you can do in the [Reference](https://p5js.org/reference/).
+
+## Get Involved
+
+There are many ways to contribute to p5.js:
+
+## Involvement Options
+
+- [Teach a workshop or class.](https://p5js.org/teach)
+- [Organize a meet-up.](https://day.processing.org/)
+- [Contribute to the codebase.](https://p5js.org/contributor-docs/#/)

src/pages/[slug].astro

@@ -1,10 +1,8 @@
 ---
-import type { GetStaticPaths } from "astro";
 import { getCollection } from "astro:content";
 
 export const getStaticPaths = async () => {
  const pages = await getCollection("text-detail");
- console.log(pages);
  return pages.map((page) => ({
  params: { slug: page.slug },
  props: { page },