Revamp landing page #282

rohann06 · 2024-09-11T10:04:46Z

Revamped the landing page UI according to the Figma design

Changes

Updated the background image for the entire page.
Added a new navigation option Posts and its new icon that leads the users to this page.
Resized the hero section text layout.
Resized both banners also added a gradient border around them.
Modified the partner banner by reorganizing the partner logos and the D_D logo.
Reconstructed the footer layout to match the Figma design.

* feat: arweave lesson 5 init * (chore) Clean up Arweave 101 - Lesson 5 * feat: adding meta image for dapp course * feat: adding final quiz * fix: updating correct meta image * feat: Arweave 201 - Gateway Hosting * feat: init arweave 201, L0&1 * chore: removing arweave 101 L1 and renaming arweave 201 L1 * chore: adding track index page and creating files for meta images * feat: adding quiz component * feat: updating quiz components for T1L5 and T2L1 * chore: adding figure for Arweave 201 L1 * chore: updating arweave 201 meta image * chore: adding meta image for arweave T2L1 * chore: updating final quiz files * chore: formatting the json in body --------- Co-authored-by: wolovim <[email protected]> * chore: removing screenshot from AR quest text (Developer-DAO#268) * chore: updating arweave T2L1 quest link * chore: updating arweave T1L5 quest link * Arweave 201: Lesson 2 (Developer-DAO#273) * feat: init arweave 201, L2 * chore: arweave201 L2 formatting, figure upload * chore: meta-image and quiz messaging * chore: updating Zealy quest link --------- Co-authored-by: wolovim <[email protected]> Co-authored-by: K <[email protected]>

deploy: arweave 201, lesson 3

deploy: link hotfix

removed the old code only for this section and wrote a new one with tailwind css

removed fixed keyword to allow the background image to scroll with the page.

added the learn web3 and partner with banners.

the banner section is complete

added the new dd logo resized all text size and the social icons

changed the design of the navigation bar also added the posts as a new nav option.

added the gradient border to the banners

vercel · 2024-09-11T10:04:50Z

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
academy-turbo	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 19, 2024 7:22pm
academy-turbo-storybook	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 19, 2024 7:22pm

vercel · 2024-09-11T10:04:52Z

@rohann06 is attempting to deploy a commit to the Developerdao Team on Vercel.

A member of the Team first needs to authorize it.

github-actions · 2024-09-11T10:06:05Z

⚡️ Lighthouse report for the changes in this PR:

Category	Score
🔴 Performance	32
🟢 Accessibility	98
🟠 Best practices	83
🟢 SEO	92
🟠 PWA	89

Lighthouse ran on https://academy-turbo-git-fork-rohann06-revamp-landingpage-developdao.vercel.app/

kempsterrrr · 2024-09-12T09:21:51Z

First PR in, love it @rohann06 - just authorized the deployment and will circle back and take a look later 🫡

If you're free we have the Coordination call for the DAO later @ 3pm UTC in discord. Be good to see you there

updated partner count, adjusted post symbol and full stop graphic in hero, left aligned footer text.

rohann06 · 2024-09-12T09:55:45Z

I will be there 🙌

…d clickability across all pages

Markkos89 · 2024-09-14T07:29:31Z

@rohann06 can you edit the target branch of the PR to staging?

We use to work locally on a feat/ branch and deploy to staging first.
Then when releasing we create another PR from staging to main.

Thanks

Markkos89 · 2024-09-16T07:32:45Z

@rohann06 on every TrackPage and every LessonPage the background image is visible. It should be black background. Can you check? 💪

also on the TrackPages there is margin-top or something, check:

In the landing page code, added the background image in the div. This caused it to be removed from other pages.

Markkos89 · 2024-09-16T15:23:22Z

@rohann06 can you check this margin-left in the homepage?

it's also present on mobile

Markkos89

It's looking nicee!
I left two small comments 👍

Markkos89 · 2024-09-16T15:26:38Z

apps/academy/src/pages/tracks/index.tsx

@@ -11,10 +11,10 @@ const TracksPage: NextPage & { getLayout?: (page: ReactElement) => ReactElement
  const { data: allTracksData } = api.tracks.getAll.useQuery();

  return (
-    <div className="flex h-full w-full flex-col space-y-10 overflow-hidden bg-black lg:h-screen lg:max-h-screen lg:flex-row">
+    <div className=" flex h-screen w-full flex-col space-y-10 overflow-hidden bg-black lg:flex-row">


@rohann06 Can you check the TracksPage background image? it's broken

should be something like this:

Markkos89 · 2024-09-16T15:30:11Z

packages/ui/src/components/Footer/Footer.tsx

-        <nav aria-label="quick links" className="h-20 divide-x">
-          {links.map((link) => (
-            <TooltipProvider delayDuration={30} key={link.href}>
+    <footer className=" absolute bottom-0 z-[999] w-full px-[30px] pb-14">


@rohann06 on the LessonPage the footer is broken, can you check it? maybe because of the absolute

rohann06 · 2024-09-16T15:40:39Z

@rohann06 can you check this margin-left in the homepage?

it's also present on mobile

Yess actually, I'm still working on it there are some changes I have to do in lessions page for the footer

Markkos89 · 2024-09-19T16:19:13Z

gm @rohann06 !
Ca you check FundamentalsPage and TracksPage background?

I believe it's padding-top or margin-top :)

rohann06 · 2024-09-19T16:40:02Z

It's not the same on my screen. It might be happening because the last two commits are not deployed maybe.

kempsterrrr · 2024-09-19T19:36:49Z

Accepted deployment.

Recorded a video to show some strange scroll behaviour I'm seeing - https://www.loom.com/share/2fda5569f551443389c50b4770822a66?sid=fee8c4d3-9b63-4c5f-b8ee-30b45c6d80ac

kempsterrrr and others added 21 commits August 15, 2024 20:05

Merge pull request Developer-DAO#278 from Developer-DAO/staging

b73da66

deploy: arweave 201, lesson 3

Merge pull request Developer-DAO#281 from Developer-DAO/staging

a015da0

deploy: link hotfix

fix: update style.css to set home_bg.png as the background

1269e65

build: created the new hero section

f6cd775

removed the old code only for this section and wrote a new one with tailwind css

fix: added the dev icon at the end of the heading

f504eea

fix: enabled scrollable background image

d687aa1

removed fixed keyword to allow the background image to scroll with the page.

build: created the banner section

7acae38

added the learn web3 and partner with banners.

fix: updated the hero section text and edited the learn web3 banner

eab4fc0

fix: edited the partner with d_d banner

c6fc414

the banner section is complete

fix: changed the opacity of both banners

9ea504a

fix: edited the footer

88beefd

added the new dd logo resized all text size and the social icons

fix: added the margin left to social icons

02c15fc

fix: changed the navigation bar

4075710

changed the design of the navigation bar also added the posts as a new nav option.

fix: changed the border of both banners

15006bd

added the gradient border to the banners

fix: adjust the banner border gradient

cea9204

fix: changed the icon and added the href link in posts nav option

9b22b70

fix: made nav bar responsive

c3d1ffd

fix: made hero section responsive

7dabf4d

fix: made banner section responsive

d572cc6

fix: made footer responsive

95ff877

vercel bot deployed to Preview – academy-turbo-storybook September 11, 2024 10:05 View deployment

vercel bot deployed to Preview – academy-turbo September 12, 2024 09:21 View deployment

fix: made a few minor adjustments

31f4e6c

updated partner count, adjusted post symbol and full stop graphic in hero, left aligned footer text.

vercel bot deployed to Preview – academy-turbo-storybook September 12, 2024 09:25 View deployment

fix: adjusted the z index of the academy logo to ensure visibility an…

6cf5fa3

…d clickability across all pages

vercel bot deployed to Preview – academy-turbo-storybook September 14, 2024 06:55 View deployment

vercel bot deployed to Preview – academy-turbo September 14, 2024 06:56 View deployment

rohann06 changed the base branch from main to staging September 16, 2024 07:09

fix: changed the styling of body and nav bar

5b86f1b

vercel bot deployed to Preview – academy-turbo-storybook September 16, 2024 07:13 View deployment

vercel bot deployed to Preview – academy-turbo September 16, 2024 07:25 View deployment

fix: removed the top margin from the tracks and lesson page

164483c

vercel bot deployed to Preview – academy-turbo-storybook September 16, 2024 10:17 View deployment

fix: increased the hero section text top padding

ae3d367

vercel bot deployed to Preview – academy-turbo-storybook September 16, 2024 10:24 View deployment

vercel bot deployed to Preview – academy-turbo September 16, 2024 11:27 View deployment

fix: background image issue fixed

6a5ba55

In the landing page code, added the background image in the div. This caused it to be removed from other pages.

vercel bot deployed to Preview – academy-turbo-storybook September 16, 2024 11:45 View deployment

vercel bot deployed to Preview – academy-turbo September 16, 2024 12:51 View deployment

Markkos89 requested changes Sep 16, 2024

View reviewed changes

fix: mobile view of tracks page fixed

90a3265

vercel bot deployed to Preview – academy-turbo-storybook September 18, 2024 22:34 View deployment

fix: changed the border of the card of tracks and fundamentals page

5a29147

vercel bot deployed to Preview – academy-turbo-storybook September 18, 2024 22:51 View deployment

fix: footer position issue is resolved

b37d6f9

vercel bot deployed to Preview – academy-turbo-storybook September 19, 2024 17:49 View deployment

vercel bot deployed to Preview – academy-turbo September 19, 2024 19:38 View deployment

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Revamp landing page #282

Revamp landing page #282

rohann06 commented Sep 11, 2024 •

edited

Loading

vercel bot commented Sep 11, 2024 •

edited

Loading

vercel bot commented Sep 11, 2024

github-actions bot commented Sep 11, 2024 •

edited

Loading

kempsterrrr commented Sep 12, 2024

rohann06 commented Sep 12, 2024

Markkos89 commented Sep 14, 2024

Markkos89 commented Sep 16, 2024

Markkos89 commented Sep 16, 2024

Markkos89 left a comment

Markkos89 Sep 16, 2024

Markkos89 Sep 16, 2024

rohann06 commented Sep 16, 2024

Markkos89 commented Sep 19, 2024 •

edited

Loading

rohann06 commented Sep 19, 2024 •

edited

Loading

kempsterrrr commented Sep 19, 2024

Revamp landing page #282

Are you sure you want to change the base?

Revamp landing page #282

Conversation

rohann06 commented Sep 11, 2024 • edited Loading

Changes

vercel bot commented Sep 11, 2024 • edited Loading

vercel bot commented Sep 11, 2024

github-actions bot commented Sep 11, 2024 • edited Loading

kempsterrrr commented Sep 12, 2024

rohann06 commented Sep 12, 2024

Markkos89 commented Sep 14, 2024

Markkos89 commented Sep 16, 2024

Markkos89 commented Sep 16, 2024

Markkos89 left a comment

Choose a reason for hiding this comment

Markkos89 Sep 16, 2024

Choose a reason for hiding this comment

Markkos89 Sep 16, 2024

Choose a reason for hiding this comment

rohann06 commented Sep 16, 2024

Markkos89 commented Sep 19, 2024 • edited Loading

rohann06 commented Sep 19, 2024 • edited Loading

kempsterrrr commented Sep 19, 2024

rohann06 commented Sep 11, 2024 •

edited

Loading

vercel bot commented Sep 11, 2024 •

edited

Loading

github-actions bot commented Sep 11, 2024 •

edited

Loading

Markkos89 commented Sep 19, 2024 •

edited

Loading

rohann06 commented Sep 19, 2024 •

edited

Loading