From 6f4ba59faf829ea8a0402b86d5c6156c10e327ea Mon Sep 17 00:00:00 2001
From: Daniel Kluge <daniel-git@c0ntroller.de>
Date: Sun, 23 Oct 2022 14:58:25 +0200
Subject: [PATCH] More and Repo on Project pages

---
 components/Blog/ContentPage.tsx |  8 +++++++-
 styles/Blog/Content.module.scss | 14 ++++++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/components/Blog/ContentPage.tsx b/components/Blog/ContentPage.tsx
index d2fa925..eff497d 100644
--- a/components/Blog/ContentPage.tsx
+++ b/components/Blog/ContentPage.tsx
@@ -1,5 +1,7 @@
 import type { NextPage } from "next";
-import { useEffect } from "react";
+import { Git } from "@icons-pack/react-simple-icons";
+import Icon from "@mdi/react";
+import { mdiWeb } from "@mdi/js";
 import type { ProjectRender, DiaryRender } from "../../lib/content/types";
 import DiaryPageSelector from "./DiaryPageSelector";
 
@@ -9,6 +11,10 @@ import styles from "../../styles/Blog/Content.module.scss";
 const ContentPage: NextPage<{ content: ProjectRender | DiaryRender }> = ({ content }) => {
     return (<>
         {content.type === "diary" ? <DiaryPageSelector title={content.title} pageSelected={content.pageSelected} name={content.name} pages={content.entries} /> : null}
+        <div className={styles.more}>
+            {content.more ? <a href={content.more} className={"nostyle"}><Icon path={mdiWeb} size={"2em"} title="More" /></a> : null}
+            {content.repo ? <a href={content.repo} className={"nostyle"}><Git size={"2em"} title={"Repository"} /></a> : null}
+        </div>
         <div className={styles.asciidoc} dangerouslySetInnerHTML={{ __html: content.html }}>
         </div>
         {content.type === "diary" ? <DiaryPageSelector title={content.title} pageSelected={content.pageSelected} name={content.name} pages={content.entries} bottom /> : null}
diff --git a/styles/Blog/Content.module.scss b/styles/Blog/Content.module.scss
index 9ddcb69..f99460e 100644
--- a/styles/Blog/Content.module.scss
+++ b/styles/Blog/Content.module.scss
@@ -134,4 +134,18 @@
             }
         }
     }
+}
+
+.more {
+    float: right;
+}
+
+@media screen and (max-width: 900px) {
+    .more {
+        float: none;
+        display: block;
+        width: max-content;
+        margin-left: auto;
+        margin-right: auto;
+    }
 }
\ No newline at end of file