diff --git a/src/theme/Footer/cncf-sandbox-horizontal-black.svg b/src/theme/Footer/cncf-sandbox-horizontal-black.svg
new file mode 100644
index 00000000..8f9eaac3
--- /dev/null
+++ b/src/theme/Footer/cncf-sandbox-horizontal-black.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/theme/Footer/index.tsx b/src/theme/Footer/index.tsx
index 1e6edc77..029a922e 100644
--- a/src/theme/Footer/index.tsx
+++ b/src/theme/Footer/index.tsx
@@ -33,6 +33,7 @@ import React, { PropsWithChildren } from "react";
import IconGithub from "./icon-github--gray.svg";
import IconSlack from "./icon-slack--gray.svg";
+import CncfSandbox from "./cncf-sandbox-horizontal-black.svg";
import styles from "./styles.module.css";
type LinkProps = {
@@ -153,15 +154,20 @@ function Footer(): JSX.Element | null {
})}
-
+
+
+
+ We are a Cloud Native Computing Foundation sandbox project
+
+
+
);
diff --git a/src/theme/Footer/styles.module.css b/src/theme/Footer/styles.module.css
index 90f14839..7ad8e3fe 100644
--- a/src/theme/Footer/styles.module.css
+++ b/src/theme/Footer/styles.module.css
@@ -24,6 +24,10 @@
color: #93b4be;
}
+.cncfLogo {
+ padding-top: 0.3rem;
+}
+
.legalGroup {
display: flex;
flex-direction: row;
@@ -32,6 +36,9 @@
}
.copyright {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
font-size: 0.875rem;
color: var(--buf-footer-color);
font-family: var(--buf-sans-font);
@@ -54,6 +61,7 @@
ease-in-out, ease-in-out, ease-in-out, ease-in-out;
transition-delay: 0s, 0s, 0s, 0s, 0s, 0s, 0s, 0s;
}
+
.socialLink:hover {
opacity: 0.75;
}
@@ -73,6 +81,7 @@
background-size 0.4s ease-in-out,
opacity 0.4s ease-in-out;
}
+
.legalLink:hover {
text-decoration: none;
background-size: 100% 100%;
@@ -88,15 +97,18 @@
justify-content: center;
position: relative;
}
+
.legalGroup {
position: absolute;
left: 0;
padding: 0;
color: var(--buf-footer-color-light);
}
+
.copyright {
color: var(--buf-footer-color-light);
position: absolute;
+ align-items: end;
right: 0;
}
}
diff --git a/tsconfig.json b/tsconfig.json
index 6f475698..a8cb11c5 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -2,6 +2,7 @@
// This file is not used in compilation. It is here just for a nice editor experience.
"extends": "@tsconfig/docusaurus/tsconfig.json",
"compilerOptions": {
+ "jsx": "react",
"baseUrl": "."
}
}