Compress results gif

3 files changed, 46 insertions, 58 deletions

diff --git a/templates/Default/default.module.scss b/templates/Default/default.module.scss
index 7dd99c5..79760a7 100644
--- a/templates/Default/default.module.scss
+++ b/templates/Default/default.module.scss
@@ -1,17 +1,21 @@
-.viewportOverrides {
-    margin-top: 4em;
-    margin-bottom: 3em;
-}
+// .date {
+// 	white-space: nowrap;
+// }
 
-.date {
-    margin-top: 0.5em;
-    padding: 0.1em 0.2em;
-    display: block;
-}
+// .viewportOverrides {
+//     margin-top: 4em;
+//     margin-bottom: 3em;
+// }
 
-@media screen and (min-width: 1000px) {
-    .date {
-        float: right;
-        padding: 0.1em 0.2em;
-    }
-}
\ No newline at end of file
+// .date {
+//     margin-top: 0.5em;
+//     padding: 0.1em 0.2em;
+//     display: block;
+// }
+
+// @media screen and (min-width: 1000px) {
+//     .date {
+//         float: right;
+//         padding: 0.1em 0.2em;
+//     }
+// }
diff --git a/templates/Default/index.tsx b/templates/Default/index.tsx
index b600e57..1025703 100644
--- a/templates/Default/index.tsx
+++ b/templates/Default/index.tsx
@@ -1,55 +1,39 @@
-import clsx from "clsx";
-import React, { FC } from "react";
-import { Breadcrumbs, LinkCrumb } from "../../components/Breadcrumbs";
+import React, { FC } from 'react';
+import PathCrumbs from "../../components/PathCrumbs";
 import Viewport from "../../components/ViewPort";
 import styles from './default.module.scss';
+import clsx from 'clsx';
+import Typ from '../../components/Typ';
+import Box from '../../components/Box';
 
-export type DefaultPage = {
+export type DefaultPageProps = {
     className?: string;
     path?: string;
     lastUpdated?: string;
+    children?: React.ReactChild;
 };
 
-export type RelPathProps = {
-    path: string;
-};
-
-const RelPath : FC<RelPathProps> = ({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] = 'furkistan.com';
-    
-    return (
-        <Breadcrumbs>
-            {rels.map((relHref, i) => (
-                <LinkCrumb key={relHref} href={relHref}>
-                    {parts[i]} 
-                </LinkCrumb>
-            ))}
-        </Breadcrumbs>
-    );
-}
-
-const LastUpdatedDate : FC = ({children}) => (
-    <span className={styles.date}><b>Last Updated: </b>{children}</span>
+const LastUpdatedDate : FC<{ children: React.ReactNode }> = ({children}) => (
+    <span style={{ whiteSpace: 'nowrap', padding: '4px 0px' }} >Last Updated: {children}</span>
 )
 
-const DefaultPage : FC<DefaultPage> = ({className, lastUpdated, children, path, ...props}) => (
-    <Viewport
-        className={clsx(styles.viewportOverrides, className)}
+const DefaultPage : FC<DefaultPageProps> = ({className, lastUpdated, children, path, ...props}) => (
+  <Viewport
+      className={clsx(styles.viewportOverrides, className)}
+      my={3}
+  >
+    <Box
+      style={{ display: 'flex', justifyContent: 'space-between', flexWrap: 'wrap' }}
+      el='header'
+      my={1}
     >
-        {path !== undefined ? <RelPath path={path!} /> : undefined}
-        {lastUpdated ? <LastUpdatedDate>{lastUpdated}</LastUpdatedDate> : undefined}
-        {children}
-    </Viewport>
+      {path !== undefined ? <PathCrumbs style={{ padding: '4px 0px' }} path={path!} /> : undefined}
+      {lastUpdated ? <LastUpdatedDate>{lastUpdated}</LastUpdatedDate> : undefined}
+    </Box>
+    <main>
+      {children}
+    </main>
+  </Viewport>
 );
 
-export default DefaultPage;
\ No newline at end of file
+export default DefaultPage;
diff --git a/templates/MarkdownPage/index.tsx b/templates/MarkdownPage/index.tsx
index 22b531e..11ae9ce 100644
--- a/templates/MarkdownPage/index.tsx
+++ b/templates/MarkdownPage/index.tsx
@@ -17,4 +17,4 @@ const MarkdownPage : FC<Props> = ({path, md, ...props}) => (
     </DefaultPage>
 );
 
-export default MarkdownPage;
\ No newline at end of file
+export default MarkdownPage;