Skip to content

Commit 4d06759

Browse files
Aditya-150Aditya-150
authored
feat: footer re-config and hyperlinks added (#22)
Signed-off-by: Aditya Prasad Mohanty <[email protected]>
1 parent 728c00d commit 4d06759

File tree

21 files changed

+256
-142
lines changed

21 files changed

+256
-142
lines changed

‎docusaurus.config.js

+29-21
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,8 @@
33
// import React from "react";
44
const lightCodeTheme = require("prism-react-renderer/themes/github");
55
const darkCodeTheme = require("prism-react-renderer/themes/dracula");
6+
const url = "https://kubearmor.github.io";
7+
const baseUrl = "/kubearmor.io/";
68

79
/** @type {import('@docusaurus/types').Config} */
810
const config = {
@@ -189,48 +191,54 @@ const config = {
189191
},
190192
footer: {
191193
style: "dark",
194+
logo: {
195+
alt: "KubeArmor Official Logo",
196+
src: "img/kubearmor/kubearmor-dark-bg.svg",
197+
href: `${url + baseUrl}`,
198+
width: 160,
199+
height: 51,
200+
},
192201
links: [
193202
{
194-
title: "Docs",
203+
title: "Organization",
195204
items: [
196205
{
197-
label: "Tutorial",
198-
to: "/docs/intro",
199-
},
200-
],
201-
},
202-
{
203-
title: "Community",
204-
items: [
205-
{
206-
label: "Stack Overflow",
207-
href: "https://stackoverflow.com/questions/tagged/docusaurus",
206+
label: "Blog",
207+
to: "/blog",
208208
},
209209
{
210-
label: "Discord",
211-
href: "https://discordapp.com/invite/docusaurus",
210+
label: "Documentation",
211+
to: "https://docs.kubearmor.io/kubearmor/",
212212
},
213213
{
214-
label: "Twitter",
215-
href: "https://twitter.com/docusaurus",
214+
label: "Community",
215+
to: `${url + baseUrl}/community`,
216216
},
217217
],
218218
},
219219
{
220-
title: "More",
220+
title: "Socials",
221221
items: [
222222
{
223-
label: "Blog",
224-
to: "/blog",
223+
label: "Twitter",
224+
to: "https://twitter.com/KubeArmor",
225225
},
226226
{
227227
label: "GitHub",
228-
href: "https://github.com/facebook/docusaurus",
228+
to: "https://github.com/facebook/docusaurus",
229+
},
230+
{
231+
label: "Slack",
232+
to: "https://join.slack.com/t/kubearmor/shared_invite/zt-1ltmqdbc6-rSHw~LM6MesZZasmP2hAcA/",
233+
},
234+
{
235+
label: "LinkedIn",
236+
to: "https://www.linkedin.com/company/kubearmor/",
229237
},
230238
],
231239
},
232240
],
233-
copyright: `Copyright © ${new Date().getFullYear()} My Project, Inc. Built with Docusaurus.`,
241+
copyright: `Copyright © ${new Date().getFullYear()} KubeArmor, Powered By AccuKnox.`,
234242
},
235243
prism: {
236244
theme: lightCodeTheme,

‎src/components/HomepageBlogs/index.js

+21-9
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,10 @@ export default function HomepageBlogs() {
4646
</h1>
4747
<div className={styles.blogsSlider}>
4848
<Slider {...settings}>
49-
<Link className={styles.container}>
49+
<Link
50+
to="https://github.com/kubearmor/KubeArmor/wiki/v0.11-Release-Blog"
51+
className={styles.container}
52+
>
5053
<div className={styles.containerWrapper}>
5154
<img
5255
src={blogsImage1}
@@ -65,11 +68,14 @@ export default function HomepageBlogs() {
6568
<p className={styles.containerAuthor}>
6669
by <span className={styles.author}>Shubham Tatvamasi</span>
6770
</p>
68-
<p className={styles.containerDate}>Aug 11, 2023</p>
71+
<p className={styles.containerDate}>Aug 17, 2023</p>
6972
</div>
7073
</div>
7174
</Link>
72-
<Link className={styles.container}>
75+
<Link
76+
to="https://github.com/kubearmor/KubeArmor/wiki/KubeArmor-support-for-Oracle-Container-Engine-for-Kubernetes-(OKE)"
77+
className={styles.container}
78+
>
7379
<div className={styles.containerWrapper}>
7480
<img
7581
src={blogsImage2}
@@ -93,7 +99,10 @@ export default function HomepageBlogs() {
9399
</div>
94100
</div>
95101
</Link>
96-
<Link className={styles.container}>
102+
<Link
103+
to="https://github.com/kubearmor/KubeArmor/wiki/Introduction-to-Linux-Security-Modules-(LSMs)"
104+
className={styles.container}
105+
>
97106
<div className={styles.containerWrapper}>
98107
<img
99108
src={blogsImage3}
@@ -112,11 +121,14 @@ export default function HomepageBlogs() {
112121
<p className={styles.containerAuthor}>
113122
by <span className={styles.author}>Barun Acharya</span>
114123
</p>
115-
<p className={styles.containerDate}>April 6, 2023</p>
124+
<p className={styles.containerDate}>June 23, 2023</p>
116125
</div>
117126
</div>
118127
</Link>
119-
<Link className={styles.container}>
128+
<Link
129+
to="https://github.com/kubearmor/KubeArmor/wiki/KubeArmor-Performance-Benchmarking-Data"
130+
className={styles.container}
131+
>
120132
<div className={styles.containerWrapper}>
121133
<img
122134
src={blogsImage4}
@@ -128,14 +140,14 @@ export default function HomepageBlogs() {
128140
<div className={styles.containerMain}>
129141
<p className={styles.containerTags}>LSM</p>
130142
<h4 className={styles.containerTitle}>
131-
Unraveling BPF LSM Superpowers
143+
KubeArmor Performance Benchmarking Data
132144
</h4>
133145
</div>
134146
<div className={styles.containerData}>
135147
<p className={styles.containerAuthor}>
136-
by <span className={styles.author}>Barun Acharya</span>
148+
by <span className={styles.author}>Rudraksh Pareek</span>
137149
</p>
138-
<p className={styles.containerDate}>July 10, 2023</p>
150+
<p className={styles.containerDate}>Mar 13, 2023</p>
139151
</div>
140152
</div>
141153
</Link>

‎src/components/HomepageBlogs/styles.module.css

+3
Original file line numberDiff line numberDiff line change
@@ -36,6 +36,9 @@
3636
margin-top: 2rem;
3737
cursor: pointer;
3838
}
39+
.container:hover {
40+
text-decoration: none !important;
41+
}
3942

4043
.containerWrapper {
4144
width: 100%;

‎src/components/HomepageExpansions/index.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ export default function HomepageExpansions() {
2323
<RedirectButton
2424
redirectColor="var(--color-primary)"
2525
redirectText="Learn More"
26-
redirectLink="https://aws.amazon.com/marketplaceImage/pp/prodview-5npox4ixz64qk"
26+
redirectLink="https://open-horizon.github.io/docs/kubearmor-integration/docs/README/"
2727
/>
2828
</div>
2929
<div className={styles.container}>
@@ -41,7 +41,7 @@ export default function HomepageExpansions() {
4141
<RedirectButton
4242
redirectColor="var(--color-primary)"
4343
redirectText="Learn More"
44-
redirectLink="https://aws.amazon.com/marketplaceImage/pp/prodview-5npox4ixz64qk"
44+
redirectLink="https://nephio.org/publications/"
4545
/>
4646
</div>
4747
</div>

‎src/components/HomepageInstallation/index.js

+5-35
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,12 @@
1-
import React, { useState, useEffect, useRef } from "react";
1+
import React from "react";
22
import styles from "./styles.module.css";
33
import installationImage from "../../../static/img/installation/Installation-illustration.png";
44
import { FaCirclePlay, FaRegCopy } from "react-icons/fa6";
55
import RedirectButton from "../RedirectButton";
6+
import Link from "@docusaurus/Link";
67

78
export default function HomepageInstallation() {
8-
const [isPlaying, setIsPlaying] = useState(false);
9-
const playerRef = useRef(null);
109
const videoId = "CH0qtp5DAhs";
11-
useEffect(() => {
12-
const player = playerRef.current;
13-
14-
if (player) {
15-
const onReady = () => {
16-
player.addEventListener("onReady", onReady);
17-
};
18-
19-
player.addEventListener("onReady", onReady);
20-
21-
return () => {
22-
player.removeEventListener("onReady", onReady);
23-
};
24-
}
25-
}, [playerRef]);
2610
const code = `
2711
export HELM_EXPERIMENTAL_OCI=1
2812
@@ -55,9 +39,6 @@ helm install kubearmor \\
5539
copyToClipboard(code);
5640
window.alert("Code Copied Successfully!");
5741
};
58-
const closePlayer = () => {
59-
setIsPlaying(false);
60-
};
6142
return (
6243
<section className={`installation ${styles.installation}`}>
6344
<h2 className={styles.installationTitle}>INSTALLATION</h2>
@@ -95,24 +76,13 @@ helm install kubearmor \\
9576
src={installationImage}
9677
alt="installation image"
9778
/>
98-
<button
79+
<Link
9980
className={styles.installationVideo}
100-
onClick={() => setIsPlaying(true)}
81+
to={`https://www.youtube.com/embed/${videoId}`}
10182
>
10283
<FaCirclePlay className={styles.playIcon} size={32} />
10384
Watch Installation Video
104-
</button>
105-
{isPlaying && (
106-
<div className={styles.youtubeOverlay} onClick={closePlayer}>
107-
<div className={styles.youtubePlayer}>
108-
<iframe
109-
src={`https://www.youtube.com/embed/${videoId}`}
110-
title="YouTube Player"
111-
allowFullScreen
112-
/>
113-
</div>
114-
</div>
115-
)}
85+
</Link>
11686
</div>
11787
</div>
11888
</section>

‎src/components/HomepageInstallation/styles.module.css

+3-20
Original file line numberDiff line numberDiff line change
@@ -95,24 +95,7 @@
9595
cursor: pointer;
9696
}
9797
.installationVideo:hover {
98-
opacity: 0.8;
99-
}
100-
101-
.youtubePlayer {
102-
position: fixed;
103-
top: 50%;
104-
left: 50%;
105-
transform: translate(-50%, -50%);
106-
z-index: 999;
107-
cursor: pointer;
108-
}
109-
110-
.youtubeOverlay {
111-
position: fixed;
112-
top: 0;
113-
left: 0;
114-
width: 100%;
115-
height: 100%;
116-
background-color: rgba(0, 0, 0, 0.7);
117-
z-index: 998;
98+
color: var(--color-primary);
99+
opacity: 0.8;
100+
text-decoration: none;
118101
}

‎src/components/HomepageVersionChangelog/index.js

+19-7
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,10 @@ export default function HomepageVersionChangelog() {
4646
</h1>
4747
<div className={styles.versionSlider}>
4848
<Slider {...settings}>
49-
<Link className={styles.container}>
49+
<Link
50+
to="https://github.com/kubearmor/KubeArmor/wiki/v1.0.0-Release-Blog"
51+
className={styles.container}
52+
>
5053
<div className={styles.containerWrapper}>
5154
<img
5255
src={versionImage1}
@@ -59,7 +62,10 @@ export default function HomepageVersionChangelog() {
5962
<p className={styles.containerDate}>Nov 6, 2023</p>
6063
</div>
6164
</Link>
62-
<Link className={styles.container}>
65+
<Link
66+
to="https://github.com/kubearmor/KubeArmor/wiki/v0.11-Release-Blog"
67+
className={styles.container}
68+
>
6369
<div className={styles.containerWrapper}>
6470
<img
6571
src={versionImage2}
@@ -69,10 +75,13 @@ export default function HomepageVersionChangelog() {
6975
</div>
7076
<div className={styles.containerText}>
7177
<h4 className={styles.containerTitle}>KubeArmor v0.11 Release</h4>
72-
<p className={styles.containerDate}>Aug 19, 2023</p>
78+
<p className={styles.containerDate}>Aug 17, 2023</p>
7379
</div>
7480
</Link>
75-
<Link className={styles.container}>
81+
<Link
82+
to="https://github.com/kubearmor/KubeArmor/wiki/v0.10-Release-Blog"
83+
className={styles.container}
84+
>
7685
<div className={styles.containerWrapper}>
7786
<img
7887
src={versionImage3}
@@ -82,10 +91,13 @@ export default function HomepageVersionChangelog() {
8291
</div>
8392
<div className={styles.containerText}>
8493
<h4 className={styles.containerTitle}>KubeArmor v0.10 Release</h4>
85-
<p className={styles.containerDate}>June 11, 2023</p>
94+
<p className={styles.containerDate}>Jul 4, 2023</p>
8695
</div>
8796
</Link>
88-
<Link className={styles.container}>
97+
<Link
98+
to="https://github.com/kubearmor/KubeArmor/wiki/v0.9-Release-Blog"
99+
className={styles.container}
100+
>
89101
<div className={styles.containerWrapper}>
90102
<img
91103
src={versionImage4}
@@ -95,7 +107,7 @@ export default function HomepageVersionChangelog() {
95107
</div>
96108
<div className={styles.containerText}>
97109
<h4 className={styles.containerTitle}>KubeArmor v0.9 Release</h4>
98-
<p className={styles.containerDate}>April 6, 2023</p>
110+
<p className={styles.containerDate}>Mar 9, 2023</p>
99111
</div>
100112
</Link>
101113
</Slider>

‎src/components/HomepageVersionChangelog/styles.module.css

+4
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,10 @@
3737
cursor: pointer;
3838
}
3939

40+
.container:hover {
41+
text-decoration: none !important;
42+
}
43+
4044
.containerWrapper {
4145
width: 40%;
4246
height: 100%;

0 commit comments

Comments
 (0)