diff --git a/docusaurus.config.ts b/docusaurus.config.ts index 2b73d95..713d851 100644 --- a/docusaurus.config.ts +++ b/docusaurus.config.ts @@ -1,6 +1,6 @@ -import { themes as prismThemes } from "prism-react-renderer"; -import type { Config } from "@docusaurus/types"; import type * as Preset from "@docusaurus/preset-classic"; +import type { Config } from "@docusaurus/types"; +import { themes as prismThemes } from "prism-react-renderer"; const tailwindPlugin = (context, options) => { return { @@ -18,7 +18,8 @@ const tailwindPlugin = (context, options) => { const config: Config = { title: "ZUNI Lab", - tagline: "Building innovative privacy-preserving solutions for the decentralized world.", + tagline: + "Building innovative privacy-preserving solutions for the decentralized world.", favicon: "img/favicon.ico", // Set the production url of your site here @@ -97,45 +98,6 @@ const config: Config = { }, ], }, - footer: { - style: "dark", - links: [ - { - title: "Docs", - }, - { - title: "Community", - items: [ - { - label: "Stack Overflow", - href: "https://stackoverflow.com/questions/tagged/docusaurus", - }, - { - label: "Discord", - href: "https://discordapp.com/invite/docusaurus", - }, - { - label: "Twitter", - href: "https://twitter.com/docusaurus", - }, - ], - }, - { - title: "More", - items: [ - { - label: "Blog", - to: "/blog", - }, - { - label: "GitHub", - href: "https://github.com/facebook/docusaurus", - }, - ], - }, - ], - copyright: `Copyright © ${new Date().getFullYear()} My Project, Inc. Built with Docusaurus.`, - }, prism: { theme: prismThemes.github, darkTheme: prismThemes.dracula, diff --git a/src/components/Logo.tsx b/src/components/Logo.tsx new file mode 100644 index 0000000..714e6af --- /dev/null +++ b/src/components/Logo.tsx @@ -0,0 +1,85 @@ +export const LogoSVG = (props) => ( + + + + + + + + + + + + + + + + + + + + +); diff --git a/src/css/custom.css b/src/css/custom.css index 53a1122..4cc317b 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -32,3 +32,22 @@ --ifm-color-primary-lightest: #4fddbf; --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); } + +.sectionMain { + width: 100%; + height: 1283px; + flex-shrink: 0; + background-image: url(/static/img/background/mv.png); + background-size: cover; + background-position: 50% -40px; + background-repeat: no-repeat; +} + +.footer { + width: 100%; + height: 290px; + flex-shrink: 0; + background-image: url(/static/img/background/footer.png); + background-size: cover; + background-repeat: no-repeat; +} \ No newline at end of file diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 980bca7..a1c9f5b 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -1,5 +1,6 @@ import useDocusaurusContext from "@docusaurus/useDocusaurusContext"; import Layout from "@theme/Layout"; +import { LogoSVG } from "../components/Logo"; export default function Home(): JSX.Element { const { siteConfig } = useDocusaurusContext(); @@ -11,7 +12,33 @@ export default function Home(): JSX.Element { -
11
+
+
+
+

Seeking the art

+

in the decentrialized world. 🚀

+
+
+

About us

+
+

+ ZUNI Laboratory + is a pioneering research and development lab at the forefront of + art and technology. Our passion lies in delving into the + potential of decentralized technologies and creating innovative + applications that have a transformative impact on society. +

+

+ Our diverse team comprises engineers, researchers, and artists, + all united by a shared passion for leveraging the power of + decentralized technologies. We are committed to pushing the + boundaries of what's possible and creating applications that + enrich and enhance people's lives. +

+
+
+
+
); } diff --git a/src/theme/Footer/index.tsx b/src/theme/Footer/index.tsx index cb20326..b582cf0 100644 --- a/src/theme/Footer/index.tsx +++ b/src/theme/Footer/index.tsx @@ -1,14 +1,21 @@ -import React from 'react'; -import Footer from '@theme-original/Footer'; -import type FooterType from '@theme/Footer'; -import type {WrapperProps} from '@docusaurus/types'; +import type { WrapperProps } from "@docusaurus/types"; +import { LogoSVG } from "@site/src/components/Logo"; +import type FooterType from "@theme/Footer"; type Props = WrapperProps; export default function FooterWrapper(props: Props): JSX.Element { + console.log({ props }); return ( <> -