diff --git a/src/theme/Footer/Links/Simple/index.js b/src/theme/Footer/Links/Simple/index.js
new file mode 100644
index 00000000..8b34d9b7
--- /dev/null
+++ b/src/theme/Footer/Links/Simple/index.js
@@ -0,0 +1,31 @@
+import React from 'react';
+import LinkItem from '@theme/Footer/LinkItem';
+function Separator() {
+ return
ยท;
+}
+function SimpleLinkItem({item}) {
+ return item.html ? (
+
+ ) : (
+
+ );
+}
+export default function FooterLinksSimple({links}) {
+ return (
+
+
+ {links.map((item, i) => (
+
+
+ {links.length !== i + 1 && }
+
+ ))}
+
+
+ );
+}
diff --git a/src/theme/Footer/Logo/index.js b/src/theme/Footer/Logo/index.js
index 61ed0c8b..01c10972 100644
--- a/src/theme/Footer/Logo/index.js
+++ b/src/theme/Footer/Logo/index.js
@@ -4,8 +4,11 @@ import Link from '@docusaurus/Link'
import { useBaseUrlUtils } from '@docusaurus/useBaseUrl'
import ThemedImage from '@theme/ThemedImage'
import styles from './styles.module.css'
+import { useLocation } from '@docusaurus/router'
export function LogoImage({ logo }) {
+ console.log(logo)
const { withBaseUrl } = useBaseUrlUtils()
+ const location = useLocation()
const sources = {
light: withBaseUrl(logo.src),
dark: withBaseUrl(logo.srcDark ?? logo.src),
@@ -31,6 +34,15 @@ export default function FooterLogo({ logo }) {
) : (
-
+
)
}
diff --git a/src/theme/Icon/ExternalLink/index.js b/src/theme/Icon/ExternalLink/index.js
new file mode 100644
index 00000000..2c8adce8
--- /dev/null
+++ b/src/theme/Icon/ExternalLink/index.js
@@ -0,0 +1,21 @@
+import React from 'react'
+import styles from './styles.module.css'
+export default function IconExternalLink({ width = 24, height = 24 }) {
+ return (
+
+ )
+}
diff --git a/src/theme/Icon/ExternalLink/styles.module.css b/src/theme/Icon/ExternalLink/styles.module.css
new file mode 100644
index 00000000..21c216c0
--- /dev/null
+++ b/src/theme/Icon/ExternalLink/styles.module.css
@@ -0,0 +1,3 @@
+.iconExternalLink {
+ margin: 0;
+}
diff --git a/src/theme/NavbarItem/NavbarNavLink.js b/src/theme/NavbarItem/NavbarNavLink.js
index b8b566db..4f449bdf 100644
--- a/src/theme/NavbarItem/NavbarNavLink.js
+++ b/src/theme/NavbarItem/NavbarNavLink.js
@@ -6,10 +6,7 @@ import { isRegexpStringMatch } from '@docusaurus/theme-common'
import ChevronDown from '@site/src/components/icons/ChevronDown.svg'
import ArrowRight from '@site/src/components/icons/ArrowRight.svg'
import styled from '@emotion/styled'
-
-const ArrowExternal = styled(ArrowRight)`
- transform: rotate(-45deg);
-`
+import IconExternalLink from '../Icon/ExternalLink'
export default function NavbarNavLink({
activeBasePath,
@@ -36,7 +33,7 @@ export default function NavbarNavLink({
children: (
<>
{label}
- {isExternalLink &&
}
+ {isExternalLink &&
}
{isDropdown &&
}
),
diff --git a/src/theme/TOCItems/Tree.js b/src/theme/TOCItems/Tree.js
new file mode 100644
index 00000000..1bf7f91f
--- /dev/null
+++ b/src/theme/TOCItems/Tree.js
@@ -0,0 +1,30 @@
+import React from 'react'
+import Link from '@docusaurus/Link'
+// Recursive component rendering the toc tree
+function TOCItemTree({ toc, className, linkClassName, isChild }) {
+ if (!toc.length) {
+ return null
+ }
+ return (
+
+ {toc.map((heading) => (
+ -
+
+
+
+ ))}
+
+ )
+}
+// Memo only the tree root is enough
+export default React.memo(TOCItemTree)
diff --git a/src/theme/TOCItems/index.js b/src/theme/TOCItems/index.js
new file mode 100644
index 00000000..a3acca6f
--- /dev/null
+++ b/src/theme/TOCItems/index.js
@@ -0,0 +1,50 @@
+import React, { useMemo } from 'react'
+import { useThemeConfig } from '@docusaurus/theme-common'
+import {
+ useTOCHighlight,
+ useFilteredAndTreeifiedTOC,
+} from '@docusaurus/theme-common/internal'
+import TOCItemTree from '@theme/TOCItems/Tree'
+export default function TOCItems({
+ toc,
+ className = 'table-of-contents table-of-contents__left-border',
+ linkClassName = 'table-of-contents__link',
+ linkActiveClassName = undefined,
+ minHeadingLevel: minHeadingLevelOption,
+ maxHeadingLevel: maxHeadingLevelOption,
+ ...props
+}) {
+ const themeConfig = useThemeConfig()
+ const minHeadingLevel =
+ minHeadingLevelOption ?? themeConfig.tableOfContents.minHeadingLevel
+ const maxHeadingLevel =
+ maxHeadingLevelOption ?? themeConfig.tableOfContents.maxHeadingLevel
+ const tocTree = useFilteredAndTreeifiedTOC({
+ toc,
+ minHeadingLevel,
+ maxHeadingLevel,
+ })
+ const tocHighlightConfig = useMemo(() => {
+ if (linkClassName && linkActiveClassName) {
+ return {
+ linkClassName,
+ linkActiveClassName,
+ minHeadingLevel,
+ maxHeadingLevel,
+ }
+ }
+ return undefined
+ }, [linkClassName, linkActiveClassName, minHeadingLevel, maxHeadingLevel])
+ useTOCHighlight(tocHighlightConfig)
+ return (
+
+ On this page
+
+
+ )
+}
diff --git a/static/assets/cardano-logo-blue.svg b/static/assets/cardano-logo-blue.svg
new file mode 100644
index 00000000..543bbae7
--- /dev/null
+++ b/static/assets/cardano-logo-blue.svg
@@ -0,0 +1,5 @@
+