urbit/developers.urbit.org
1
1
Fork 0
mirror of https://github.com/urbit/developers.urbit.org.git synced 2024-09-11 13:55:59 +03:00
Code Issues Packages Projects Releases Wiki Activity

courses: propagate from markdown

Browse Source
This commit is contained in:
Matilde Park 2022-06-27 16:45:34 -07:00
parent a8f3357089
commit 6097163c39
3 changed files with 29 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
content/courses/asl.md
View File

@ -3,8 +3,6 @@ title = "App School Live"
weight = 3
+++
# App School Live
Periodically, the Urbit Foundation will offer synchronous cohort classes which
cover the [App School](/guides/core/hoon-school) curriculum.

2
content/courses/hsl.md
View File

@ -3,8 +3,6 @@ title = "Hoon School Live"
weight = 3
+++
# Hoon School Live
Periodically, the Urbit Foundation has offered synchronous cohort classes which
cover the [Hoon School](/guides/core/hoon-school) curriculum.

42
pages/courses.js
View File

@ -1,7 +1,9 @@
import Head from "next/head";
import Meta from "../components/Meta";
import { getAllPosts } from "../lib/lib";
import {
Container,
Markdown,
SingleColumn,
Section,
TwoUp,
@ -9,11 +11,12 @@ import {
import Header from "../components/Header";
import Footer from "../components/Footer";
export default function Courses({ search }) {
export default function Courses({ search, courses }) {
const post = {
title: "Courses",
description: "Join the next session of Hoon School or App School.",
};
console.log(courses);
return (
<Container>
<Head>
@ -27,18 +30,16 @@ export default function Courses({ search }) {
</Section>
<Section>
<TwoUp>
<div className="flex flex-col space-y-4">
<h3>Hoon School Live</h3>
<a className="button-sm bg-green-400 text-white w-fit" href="#">
Register
</a>
</div>
<div className="flex flex-col space-y-4">
<h3>App School Live</h3>
<a className="button-sm bg-green-400 text-white w-fit" href="#">
Register
</a>
</div>
{courses.map((course) => {
return (
<div className="flex flex-col space-y-4 bg-wall-100 rounded-xl p-6 h-full">
<h3>{course.title}</h3>
<div className="markdown">
<Markdown.render content={JSON.parse(course.content)} />
</div>
</div>
);
})}
</TwoUp>
</Section>
</SingleColumn>
@ -46,3 +47,18 @@ export default function Courses({ search }) {
</Container>
);
}
export async function getStaticProps() {
const courses = getAllPosts(
["title", "slug", "date", "description", "extra", "content"],
"courses",
"weight"
).map((e) => ({
...e,
content: JSON.stringify(Markdown.parse({ post: { content: e.content } })),
}));
return {
props: { courses },
};
}