Added a timestamp and sorts posts by timestamp

2 files changed, 20 insertions, 1 deletions

diff --git a/templates/Default/default.module.scss b/templates/Default/default.module.scss
index ba6096f..7dd99c5 100644
--- a/templates/Default/default.module.scss
+++ b/templates/Default/default.module.scss
@@ -1,4 +1,17 @@
 .viewportOverrides {
     margin-top: 4em;
     margin-bottom: 3em;
+}
+
+.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;
+    }
 }
\ No newline at end of file
diff --git a/templates/Default/index.tsx b/templates/Default/index.tsx
index 8902bf8..f693da2 100644
--- a/templates/Default/index.tsx
+++ b/templates/Default/index.tsx
@@ -7,6 +7,7 @@ import styles from './default.module.scss';
 export type DefaultPage = {
     className?: string;
     path?: string;
+    lastUpdated?: string;
 };
 
 export type RelPathProps = {
@@ -37,11 +38,16 @@ const RelPath : FC<RelPathProps> = ({path, ...props}) => {
     );
 }
 
-const DefaultPage : FC<DefaultPage> = ({className, children, path, ...props}) => (
+const LastUpdatedDate : FC = ({children}) => (
+    <span className={styles.date}><b>Last Updated: </b>{children}</span>
+)
+
+const DefaultPage : FC<DefaultPage> = ({className, lastUpdated, children, path, ...props}) => (
     <Viewport
         className={clsx(styles.viewportOverrides, className)}
     >
         {path !== undefined ? <RelPath path={path!} /> : undefined}
+        {lastUpdated ? <LastUpdatedDate>{lastUpdated}</LastUpdatedDate> : undefined}
         {children}
     </Viewport>
 );