diff --git a/apps/academy/public/D_D_NFT_image.png b/apps/academy/public/D_D_NFT_image.png new file mode 100644 index 00000000..868ac562 Binary files /dev/null and b/apps/academy/public/D_D_NFT_image.png differ diff --git a/apps/academy/public/partners/api3-logo.png b/apps/academy/public/partners/api3-logo.png new file mode 100644 index 00000000..1cf22347 Binary files /dev/null and b/apps/academy/public/partners/api3-logo.png differ diff --git a/apps/academy/public/partners/pokt.png b/apps/academy/public/partners/pokt.png new file mode 100644 index 00000000..0f237bbb Binary files /dev/null and b/apps/academy/public/partners/pokt.png differ diff --git a/apps/academy/public/partners/polygon-logo.png b/apps/academy/public/partners/polygon-logo.png new file mode 100644 index 00000000..571fd7b7 Binary files /dev/null and b/apps/academy/public/partners/polygon-logo.png differ diff --git a/apps/academy/public/partners/zerion.png b/apps/academy/public/partners/zerion.png new file mode 100644 index 00000000..2b9c00b5 Binary files /dev/null and b/apps/academy/public/partners/zerion.png differ diff --git a/apps/academy/src/components/Header.tsx b/apps/academy/src/components/Header.tsx index 32b1e553..da9852f6 100644 --- a/apps/academy/src/components/Header.tsx +++ b/apps/academy/src/components/Header.tsx @@ -24,7 +24,7 @@ const sampleMenus: NavItem[] = [ const PageHeader: FunctionComponent = () => { // return
; return ( -
+
diff --git a/apps/academy/src/pages/_document.tsx b/apps/academy/src/pages/_document.tsx index bb2e9bbe..13c79369 100644 --- a/apps/academy/src/pages/_document.tsx +++ b/apps/academy/src/pages/_document.tsx @@ -41,7 +41,7 @@ class MyDocument extends Document { - +
diff --git a/apps/academy/src/pages/index.tsx b/apps/academy/src/pages/index.tsx index 38848d89..15b44e20 100644 --- a/apps/academy/src/pages/index.tsx +++ b/apps/academy/src/pages/index.tsx @@ -1,28 +1,33 @@ import type { ReactElement } from "react"; +import { Icons, LearnWeb3Banner, PartnerBanner } from "ui"; import PageSeoLayout from "@/components/PageSeoLayout"; import type { NextPageWithLayout } from "@/pages/_app"; -import { api } from "@/utils/api"; const Home: NextPageWithLayout = () => { - const { - data: ExampleHelloData, - isLoading: ExampleHelloIsLoading, - // refetch: ExampleHelloRefetch, - } = api.example.hello.useQuery({ - text: "Hello World", - }); - - console.log({ ExampleHelloData, ExampleHelloIsLoading }); - return ( -
-

- Website SSR - - Turbo Monorepo - -

+
+
+
+
+

learn

+

web3 __

+

with

+

frens

+
+
+

Become a web3 developer with DeveloperDAO.

+
+
+ +
+
+
+
+
+ + +
); }; @@ -30,8 +35,8 @@ const Home: NextPageWithLayout = () => { Home.getLayout = function getLayout(page: ReactElement) { return ( {page} diff --git a/apps/academy/src/styles.css b/apps/academy/src/styles.css index c2d6b538..6f92fa0c 100644 --- a/apps/academy/src/styles.css +++ b/apps/academy/src/styles.css @@ -3,24 +3,28 @@ @tailwind utilities; .text-bttf { - @apply text-center text-lg leading-[91%] tracking-[1px] transition-colors; + @apply leading-[91%] tracking-[1px] transition-colors; font-family: var(--font-future); } .academy-grid { - @apply grid h-screen grid-cols-1 text-white md:grid-cols-2; + @apply mx-auto grid h-screen max-h-[1024px] max-w-screen-2xl grid-cols-1 text-white md:grid-cols-2; } .academy-grid .academy-grid-col-1 { - @apply flex flex-col items-center justify-between px-4 py-6 text-center; + @apply my-auto space-y-12 lg:pt-24; } .academy-grid .text-bttf-lg { - @apply text-bttf mb-12 mt-10 h-full uppercase; + @apply text-bttf mb-16 text-center text-6xl lg:text-8xl; +} + +.academy-grid .academy-grid-col-1 .description { + @apply mx-auto text-center text-2xl font-light; } .dd-nft { - @apply relative py-6 pr-6; + @apply relative hidden py-6 pr-6 md:flex md:justify-end; background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), url("/D_D_NFT_image.png"), diff --git a/packages/storybook-config/static/DD_NFT_avatar.png b/packages/storybook-config/static/DD_NFT_avatar.png new file mode 100644 index 00000000..19c61f65 Binary files /dev/null and b/packages/storybook-config/static/DD_NFT_avatar.png differ diff --git a/packages/storybook-config/static/partners/Zerion.png b/packages/storybook-config/static/partners/Zerion.png new file mode 100644 index 00000000..2b9c00b5 Binary files /dev/null and b/packages/storybook-config/static/partners/Zerion.png differ diff --git a/packages/storybook-config/static/partners/api3-logo.png b/packages/storybook-config/static/partners/api3-logo.png new file mode 100644 index 00000000..1cf22347 Binary files /dev/null and b/packages/storybook-config/static/partners/api3-logo.png differ diff --git a/packages/storybook-config/static/partners/pokt.png b/packages/storybook-config/static/partners/pokt.png new file mode 100644 index 00000000..0f237bbb Binary files /dev/null and b/packages/storybook-config/static/partners/pokt.png differ diff --git a/packages/storybook-config/static/partners/polygon-logo.png b/packages/storybook-config/static/partners/polygon-logo.png new file mode 100644 index 00000000..571fd7b7 Binary files /dev/null and b/packages/storybook-config/static/partners/polygon-logo.png differ diff --git a/packages/ui/src/components/Banners/PartnerBanner.stories.ts b/packages/ui/src/components/Banners/PartnerBanner.stories.ts index aa8ba5fd..bd7d28de 100644 --- a/packages/ui/src/components/Banners/PartnerBanner.stories.ts +++ b/packages/ui/src/components/Banners/PartnerBanner.stories.ts @@ -26,6 +26,6 @@ type Story = StoryObj; export const PartnerBanner: Story = { args: { href: "", - imgSrc: "https://images.unsplash.com/photo-1487260211189-670c54da558d", + imgSrc: "/DD_NFT_avatar.png", }, }; diff --git a/packages/ui/src/components/Banners/PartnerBanner.tsx b/packages/ui/src/components/Banners/PartnerBanner.tsx index 2f475111..aaa58b86 100644 --- a/packages/ui/src/components/Banners/PartnerBanner.tsx +++ b/packages/ui/src/components/Banners/PartnerBanner.tsx @@ -30,32 +30,24 @@ export const PartnerBanner: FC = ({ href, imgSrc }) => { -
+
- partner -
+ partner +
{[ - "https://zerion.io/blog/content/images/2023/03/Zerion-Blog.png", - "https://upload.wikimedia.org/wikipedia/commons/2/24/Polygon_blockchain_logo.png", - "https://moonbeam.network/wp-content/uploads/2022/06/pocket-logo.png", - "https://altcoinsbox.com/wp-content/uploads/2023/03/the-graph-logo-300x300.webp", - "https://global.discourse-cdn.com/standard11/uploads/scroll2/original/2X/3/3bc70fd653f9c50abbb41b7568e549535f768fcc.png", - "https://seeklogo.com/images/A/api3-logo-7A7D29C8F6-seeklogo.com.png", + "/partners/zerion.png", + "/partners/polygon-logo.png", + "/partners/pokt.png", + "/partners/api3-logo.png", ].map((e, i) => ( partner ))}
diff --git a/packages/ui/src/components/Banners/index.ts b/packages/ui/src/components/Banners/index.ts index e69de29b..e5974c05 100644 --- a/packages/ui/src/components/Banners/index.ts +++ b/packages/ui/src/components/Banners/index.ts @@ -0,0 +1,2 @@ +export { LearnWeb3Banner } from "./LearnWeb3Banner"; +export { PartnerBanner } from "./PartnerBanner"; diff --git a/packages/ui/src/components/Footer/Footer.tsx b/packages/ui/src/components/Footer/Footer.tsx index 47ed5ff8..0aff01cc 100644 --- a/packages/ui/src/components/Footer/Footer.tsx +++ b/packages/ui/src/components/Footer/Footer.tsx @@ -27,8 +27,8 @@ const socials: readonly SocialLinks[] = [ export const Footer = () => { return ( -