Merge branch 'main' of https://github.com/Sheikh-Abubaker/cyclops int…

…o log-pr

web/blog/2024-11-22-launch-week-1/index.md

@@ -3,7 +3,7 @@ title: "Cyclops Launch Week #1"
 authors: [jurajk]
 ---
 
-![launch-week-teaser](../../static/img/2024-11-22-launch-week-1/launch-week-5.png)
+![launch-week-teaser](../../static/img/2024-11-22-launch-week-1/recap.png)
 
 **Cyclops is having its very first launch week, starting on November 25th!**
 

web/docs/installation/demo/module.md

@@ -44,7 +44,7 @@ Here are your deployments. Depending on the number of replicas you wanted, there
 
 The topmost element we can see is the deployment's name, which in our case is `demo-1`. Right under, we can see the namespace where our deployment is located. In the current version of Cyclops, all of your deployments and services are put in the `default` namespace. Right under the namespace stands a button _View Manifest_. This button creates a popup that allows you to see the configuration file Cyclops created after you filled in the values for the template.
 
-The Pods are displayed one under another. You can see their name, node, phase, lifetime, image and logs. _View Logs_ is another popup window that displays the last 100 logs of the pod. If you are still interested in the logs feature, learn more about it in the [Logs tutorial](logs). For now, let's provide a short explanation for of the columns in the Deployment section:
+The Pods are displayed one under another. You can see their name, node, phase, lifetime, image and logs. _View Logs_ is another popup window that displays the last 100 logs of the pod. For now, let's provide a short explanation for of the columns in the Deployment section:
 
 1. `Name` shows the full name of the pod
 2. `Node` shows the node in which the pod is running

web/docusaurus.config.js

@@ -31,6 +31,8 @@ const config = {
     locales: ["en"],
   },
 
+  themes: ["@inkeep/docusaurus/chatButton"],
+
   presets: [
     [
       "@docusaurus/preset-classic",
@@ -239,9 +241,41 @@ const config = {
       },
 
       colorMode: {
-        defaultMode: "light",
-        disableSwitch: false,
+        defaultMode: "dark",
       },
+			inkeepConfig: {
+		    baseSettings: {
+		        apiKey: "15b950a73cca71e1fe1677f215ddc80b02cc047bf5367cdc",
+		        integrationId: "cm416x7gl00in10em2evcwklj",
+		        organizationId: "org_JOGHxQ7SCFPeGdtI",
+		        primaryBrandColor: "#FF8803"
+		    },
+		    aiChatSettings: {
+		        chatSubjectName: "Cyclops",
+		        botAvatarSrcUrl: "https://cyclops-ui.github.io/img/logo.png",
+		        getHelpCallToActions: [
+		            {
+		                name: "Discord",
+		                url: "https://discord.com/invite/8ErnK3qDb3",
+		                icon: {
+		                    builtIn: "FaDiscord"
+		                }
+		            },
+		            {
+		                name: "GitHub",
+		                url: "https://github.com/cyclops-ui/cyclops",
+		                icon: {
+		                    builtIn: "FaGithub"
+		                }
+		            }
+		        ],
+		        quickQuestions: [
+		            "How to install using kubectl?",
+		            "What usage metrics are tracked?",
+		            "How does Cyclops implement helm chart dependencies?"
+		        ]
+		    }
+		}
     }),
 };
 

web/package.json

@@ -21,6 +21,7 @@
     "@docusaurus/preset-classic": "^3.0.0",
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.0",
+    "@inkeep/docusaurus": "^2.0.15",
     "@mdx-js/react": "^3.0.0",
     "@mui/x-charts": "^7.0.0",
     "antd": "^5.5.0",

web/src/components/Blogs/index.js

@@ -34,28 +34,28 @@ const Blogs = () => {
           </Col>
           <Col xs={{ span: 20, offset: 2 }} md={{ span: 6, offset: 0 }}>
             <Blog
-              title={"Custom AWS Cloud Platforms"}
+              title={"Cyclops Launch Week #1"}
               description={
-                "But should we use Kubernetes as just a container orchestrator, or is there more to it..."
+                "For an entire week, we will be unveiling a feature a day - that's five features in total..."
               }
               blogLink={
-                "https://cyclops-ui.com/blog/2024/10/31/custom-aws-cloud-platforms"
+                "https://cyclops-ui.com/blog/2024/11/22/launch-week-1"
               }
-              avatar={"https://github.com/petar-cvit.png"}
-              banner={"/img/2024-10-31-custom-aws-cloud-platforms/cover.jpeg"}
+              avatar={"https://github.com/KaradzaJuraj.png"}
+              banner={"/img/2024-11-22-launch-week-1/recap.png"}
             />
           </Col>
           <Col xs={{ span: 20, offset: 2 }} md={{ span: 6, offset: 0 }}>
             <Blog
-              title={"5 Internal Developer Platforms you need to know about!"}
+              title={"Custom AWS Cloud Platforms"}
               description={
-                "Gartner predicts that by 2026, 80% of software companies will have established platform engineering teams..."
+                "But should we use Kubernetes as just a container orchestrator, or is there more to it..."
               }
               blogLink={
-                "https://cyclops-ui.com/blog/2024/10/24/five-idps"
+                "https://cyclops-ui.com/blog/2024/10/31/custom-aws-cloud-platforms"
               }
-              avatar={"https://github.com/KaradzaJuraj.png"}
-              banner={"/img/2024-10-24-five-idps/cover.jpg"}
+              avatar={"https://github.com/petar-cvit.png"}
+              banner={"/img/2024-10-31-custom-aws-cloud-platforms/cover.jpeg"}
             />
           </Col>
         </Row>

web/src/pages/index.js

@@ -10,6 +10,8 @@ import title from "/static/img/cyclops-title.png";
 
 import yaml from "/static/img/yaml_background.png";
 
+import devhunt from "/static/img/devhunt.png";
+
 import Comparison from "../components/Comparison";
 import Install from "../components/Install";
 import Features from "../components/Features";
@@ -100,9 +102,10 @@ export default function Home() {
             src={yaml}
           />
 
-          <img className={styles.cyclopsTitle} src={title} />
-          <h2 className={styles.cyclopsDesc}>Developer friendly Kubernetes</h2>
-          <img className={styles.landingCyclops} src={landingCyclops} />
+          <img className={styles.cyclopsTitle} src={title}/>
+          <img className={styles.devhunt} src={devhunt}/>
+          {/*<h2 className={styles.cyclopsDesc}>Developer friendly Kubernetes</h2>*/}
+          <img className={styles.landingCyclops} src={landingCyclops}/>
           <Row>
             <ConfigProvider
               theme={{

web/src/pages/index.module.css

@@ -28,6 +28,12 @@
   padding-top: 20px;
 }
 
+.devhunt {
+  width: 20%;
+  padding-bottom: 24px;
+  padding-top: 24px;
+}
+
 .readTheDocs {
   margin-left: 5px;
   backdrop-filter: blur(3px);
@@ -77,6 +83,10 @@
   .cyclopsDesc {
     font-size: 18px;
   }
+
+  .devhunt {
+    width: 60%
+  }
 }
 
 .backgroundcolor {