Fixed homepage

cbr_athena/Gradio_Test.py

@@ -9,11 +9,10 @@ from cbr_athena.api.Open_API import Open_API
 
 
 
-TITLE = "# Meet Athena. v0.3.0"
+TITLE = "# Athena (Cyber Security Advisor)"
 
 class Gradio_Test:
 
-
     def __init__(self):
         #self.demo = None
         pass
@@ -21,36 +20,6 @@ class Gradio_Test:
     def title(self):
         return TITLE
 
-    def add_great(self):
-        pass
-        # chatbot = gr.Chatbot()
-        # msg = gr.Textbox()
-        # clear = gr.Button("Clear")
-        #
-        # def user(user_message, history):
-        #     print('user_message', user_message)
-        #     print('history', history)
-        #     print('-------')
-        #     return "", history + [[user_message, None]]
-        #
-        # def bot(history):
-        #     from random import choice
-        #     from time import sleep
-        #     bot_message = choice(["How are you?", "I like you", "I'm very hungry"])
-        #
-        #     #sleep(2)
-        #     print('bot_message', bot_message)
-        #     print('history', history)
-        #     history[-1][1] = bot_message + '____'
-        #     #history.append(['from me','to you'])
-        #     print('history', history)
-        #     return history
-
-        # msg.submit(user, [msg, chatbot], [msg, chatbot], queue=False).then(
-        #     bot, chatbot, chatbot
-        # )
-        # clear.click(lambda: None, None, chatbot, queue=False)
-
     def add_chat_bot(self):
         default_text = "Hi, good morning"
         gr.Markdown(self.title())
@@ -60,18 +29,6 @@ class Gradio_Test:
 
     def create_demo(self):
         with gr.Blocks() as demo:
-            self.add_great()
             self.add_chat_bot()
-
-
-
-
-
-
         demo.queue()
-        #self.demo = demo
         return demo
-
-    # def launch(self):
-    #     self.demo.queue()
-    #     #self.demo.launch()

docs/athena/_category_.json

@@ -1,4 +0,0 @@
-{
-  "label": "Chatbot",
-  "position": 1
-}

docs/athena/chatbot.md

@@ -1,11 +0,0 @@
----
-sidebar_position: 1
-title: Athena (edited in CI)
-pagination_next: null
-pagination_prev: null
----
-
-import GradioComponent from '@site/src/components/GradioComponent';
-
-
-<GradioComponent />

docs/homepage.md

@@ -0,0 +1,13 @@
+---
+title: Homepage
+position: 1
+pagination_next: null
+pagination_prev: null
+
+--- 
+
+![CBR Logo](/img/cbr-logo.jpg)
+
+## Welcome to the CyberBoard room
+
+... add intro text here...

website/docusaurus.config.js

@@ -61,11 +61,10 @@ const config = {
             label: 'Security Content',
           },
             {
-            type: 'doc',
-            docId: 'athena/chatbot',
-            position: 'left',
-            label: 'Athena',
-          },
+              to: '/Athena',
+              label: 'Athena',
+              position: 'left',
+            },
         ],
       },
       footer: {

website/src/pages/Athena.jsx

@@ -0,0 +1,22 @@
+import React, { useEffect } from 'react';
+import Layout from "@theme/Layout";
+
+function Athena() {
+  useEffect(() => {
+    const script = document.createElement('script');
+    script.src = "https://gradio.s3-us-west-2.amazonaws.com/3.40.1/gradio.js";
+    script.type = "module";
+    document.body.appendChild(script);
+  }, []);
+
+  return <Layout description="CBR" wrapperClassName="homepage">
+            <div className="pad">
+                <div className="center homepage-content">
+                    <gradio-app src="https://the-cbr-cbr-athena.hf.space"></gradio-app>
+                </div>
+            </div>
+
+        </Layout>
+}
+
+export default Athena;

website/src/pages/index.jsx

@@ -2,6 +2,7 @@ import React from "react";
 import Layout from "@theme/Layout";
 import { useHistory } from "@docusaurus/router";
 import { Button } from "antd";
+import Content from '@site/docs/homepage.md';
 
 import {
     HomepageCard as Card,
@@ -12,42 +13,24 @@ import {
 
 export default function Homepage() {
     const router = useHistory();
-    console.log("in Home page")
+    //console.log("in Home page")
 
     return (
         <Layout description="CBR" wrapperClassName="homepage">
             <div className="pad">
                 <div className="center homepage-content">
                     <div id="hero">
-                        <h2>Cyber Board Room</h2>
-                        <br />
-                        <p>
-                            CBR website
-                        </p>
-                        <br />
-                        <Button
-                            type="primary"
-                            size="large"
-                            shape="round"
-                            onClick={() =>
-                                router.push(
-                                    "/docs/content/cybersecurity-in-the-boardroom"
-                                )
-                            }
-                        >
-                            Start Reading &rarr;
-                        </Button>
+                        <Content/>
                     </div>
-
                     <Section title="Website areas">
                         <Card
                             title="Athena (ChatBot)"
-                            description="Chat Bot."
-                            to="/docs/athena/chatbot"
+                            description="Talk to your Cyber Board room Advisor Athena."
+                            to="/athena"
                         />
                         <Card
-                            title="Cyber Security in the Board Room"
-                            description="Guidance and Docs"
+                            title="Security Content"
+                            description="Read security guidance relevant to Board Members"
                             to="/docs/content/cybersecurity-in-the-boardroom"
                         />
                     </Section>