c0ntroller/frontpage
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects 1 Activity

Finish move from index to terminal

Browse Source
This commit is contained in:
Daniel Kluge
2022-09-30 19:38:25 +02:00
parent 995cfc5aea
commit a7cc473f53
18 changed files with 21 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
pages/_app.tsx
View File

@ -1,7 +1,7 @@
import type { AppProps } from "next/app";
import Head from "next/head";
import "../styles/globals.css";
import "../styles/customAsciidoc.scss";
//import "../styles/customAsciidoc.scss";
import { CommandsProvider } from "../lib/commands/ContextProvider";
import { ModalFunctionProvider } from "../components/Terminal/contexts/ModalFunctions";

10
pages/index.tsx
View File

@ -9,6 +9,12 @@ import Spinner from "../components/Spinner";
const Blog: NextPage<{}> = () => {
const { data: projectList, error } = useSWR("/content/list.json", (...args) => fetch(...args).then(res => res.json()));
const generateCards = (type: string) => {
if (error) return <div>Error on fetching projects.</div>;
if (!projectList) return <Spinner size={200} color={"#fff"} />;
else return <div className="contentList">{(projectList as ContentList).filter(p => p.type === type).map(p => <ProjectCard key={p.name} title={p.name} description={p.desc.join(" ")} />)}</div>;
};
return <>
<Head>
<title>c0ntroller.de</title>
@ -18,11 +24,11 @@ const Blog: NextPage<{}> = () => {
<p>Miaumiau Lorem ipsum</p>
<h2>Projects</h2>
{
projectList ? (projectList as ContentList).filter(p => p.type === "project").map(p => <ProjectCard key={p.name} title={p.name} description={p.desc.join(" ")} />) : <Spinner size={200} />
generateCards("project")
}
<h2>Diaries</h2>
{
projectList ? (projectList as ContentList).filter(p => p.type === "diary").map(p => <ProjectCard key={p.name} title={p.name} description={p.desc.join(" ")} />) : <Spinner size={200} />
generateCards("diary")
}
</>;

2
pages/terminal.tsx
View File

@ -6,7 +6,7 @@ import { useCommands } from "../lib/commands/ContextProvider";
import { useModalFunctions } from "../components/Terminal/contexts/ModalFunctions";
import ProjectModal from "../components/Terminal/ProjectModal";
import REPL from "../components/Terminal/REPL";
import styles from "../styles/Home.module.css";
import styles from "../styles/Terminal/Terminal.module.css";
import type { ContentList } from "../lib/content/types";
import { useRouter } from "next/router";
import Rainbow from "../lib/colors";