From f1f25f4764dd8d297a59765b0df85f55da2b39ee Mon Sep 17 00:00:00 2001 From: flu0r1ne Date: Mon, 19 Jul 2021 21:08:50 -0500 Subject: Init --- templates/Default/default.module.scss | 4 +++ templates/Default/index.tsx | 49 +++++++++++++++++++++++++++++++++++ templates/MarkdownPage/index.tsx | 20 ++++++++++++++ 3 files changed, 73 insertions(+) create mode 100644 templates/Default/default.module.scss create mode 100644 templates/Default/index.tsx create mode 100644 templates/MarkdownPage/index.tsx (limited to 'templates') diff --git a/templates/Default/default.module.scss b/templates/Default/default.module.scss new file mode 100644 index 0000000..ba6096f --- /dev/null +++ b/templates/Default/default.module.scss @@ -0,0 +1,4 @@ +.viewportOverrides { + margin-top: 4em; + margin-bottom: 3em; +} \ No newline at end of file diff --git a/templates/Default/index.tsx b/templates/Default/index.tsx new file mode 100644 index 0000000..8902bf8 --- /dev/null +++ b/templates/Default/index.tsx @@ -0,0 +1,49 @@ +import clsx from "clsx"; +import React, { FC } from "react"; +import { Breadcrumbs, LinkCrumb } from "../../components/Breadcrumbs"; +import Viewport from "../../components/ViewPort"; +import styles from './default.module.scss'; + +export type DefaultPage = { + className?: string; + path?: string; +}; + +export type RelPathProps = { + path: string; +}; + +const RelPath : FC = ({path, ...props}) => { + const _path = path[path.length - 1] === '/' ? path.substr(0, path.length - 1) : path; + + const parts = _path.split('/'); + const rels = ['']; + + for(let i = 1; i < parts.length; i++) { + rels.push([rels[i - 1], parts[i]].join('/')); + } + + rels[0] = '/'; + parts[0] = 'flu0r1ne.net'; + + return ( + + {rels.map((relHref, i) => ( + + {parts[i]} + + ))} + + ); +} + +const DefaultPage : FC = ({className, children, path, ...props}) => ( + + {path !== undefined ? : undefined} + {children} + +); + +export default DefaultPage; \ No newline at end of file diff --git a/templates/MarkdownPage/index.tsx b/templates/MarkdownPage/index.tsx new file mode 100644 index 0000000..22b531e --- /dev/null +++ b/templates/MarkdownPage/index.tsx @@ -0,0 +1,20 @@ +import React, { FC } from "react"; +import Markdown from "../../components/Markdown"; +import DefaultPage from "../Default"; + +export type Props = { + path?: string; + md: string; +}; + +const MarkdownPage : FC = ({path, md, ...props}) => ( + + + +); + +export default MarkdownPage; \ No newline at end of file -- cgit v1.2.3