Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(landing): caps + btn alignment #8298

Merged
merged 11 commits into from
Feb 3, 2021
Merged

fix(landing): caps + btn alignment #8298

merged 11 commits into from
Feb 3, 2021

Conversation

chibie
Copy link
Contributor

@chibie chibie commented Jan 25, 2021

Description

landing page fixes

Refers/Fixes

#8277

Testing

https://www.loom.com/share/c3462421f6c547ebb5e61908272466ee

@amustapha
Copy link
Contributor

Please add screenshot

@amustapha
Copy link
Contributor

Also, based on the codes and the description, I can't see the bit that does "btn alignment".

Did you miss some commits?

@chibie
Copy link
Contributor Author

chibie commented Jan 25, 2021

@aamustapha i've added the missing commit 👀

@amustapha
Copy link
Contributor

Is there a specific reason you're adding container? Also, can you add a fullscreen screenshot so that we see as it aligns with the rest of the content.

@frankchen07
Copy link
Contributor

were numbers 3 & 4 also addressed on the ticket? #8277

@chibie
Copy link
Contributor Author

chibie commented Jan 25, 2021

@aamustapha here's a full screenshot

image

@frankchen07

1,2,3 are done.

can you provide more explanation for 4? should the buttons go above the paragraphs?

@thelostone-mc
Copy link
Member

Is this ggod to review ?

@chibie
Copy link
Contributor Author

chibie commented Jan 26, 2021

@thelostone-mc yes it is

app/retail/templates/home/index2020.html Show resolved Hide resolved
app/retail/templates/home/index2020.html Outdated Show resolved Hide resolved
@frankchen07
Copy link
Contributor

@chibie number 4 I was thinking something like this.

we bring the buttons up so they don't have to scroll to get to the buttons

Screen Shot 2021-01-26 at 11 53 37

this is taking in some of Joe's comments about having our CTAs being above the fold.

cc @PixelantDesign, as design czar, what do you think?

@chibie
Copy link
Contributor Author

chibie commented Jan 26, 2021

oh this makes sense now @frankchen07

@frankchen07
Copy link
Contributor

adding one more thing @chibie, apologies for the scope changes.

  1. Add a small login (like what we have at the right top hand side of gitcoin.co/grants when one logs out) to the landing page, which leads to our github authentication flow

Screen Shot 2021-01-27 at 12 28 58

This is based off of feedback from existing gitcoin users that they don't have a reliable way to login when they reach gitcoin.co. It eventually takes them to townsquare which isn't the optimal experience but it's a compromise between the landing page CTAs and existing users who just want to login, know the platform, and navigate to where they needed to go.

Copy link
Member

@thelostone-mc thelostone-mc left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Left a few comments
and a question for @frankchen07

app/assets/landingpage/app.css Show resolved Hide resolved
app/assets/landingpage/app.css Outdated Show resolved Hide resolved
app/assets/landingpage/app.css Outdated Show resolved Hide resolved
app/retail/templates/home/index2020.html Outdated Show resolved Hide resolved
<a class="btn fe-pulse" href="/hackathon-list"><span>Join a Hackathon</span></a>
<a class="btn fe-pulse" href="/explorer"><span>Work on a Bounty</span></a>
<a class="btn fe-pulse" href="/grants"><span>Get Grant Funding</span></a>
</div>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@frankchen07 is this intended ? we show the same actions for
Here to earn and Here to support ?

@chibie
Copy link
Contributor Author

chibie commented Jan 28, 2021

@frankchen07
Copy link
Contributor

@chibie looks like we're missing "the Ethereum [ecosystem] forward." under "Here to Support"

can you add a video too?

@chibie
Copy link
Contributor Author

chibie commented Jan 28, 2021

@frankchen07 i just added a screen recording to description

@frankchen07
Copy link
Contributor

frankchen07 commented Jan 30, 2021

hey @chibie thanks for this - just one small thing - is it possible to do the login just like the Grants page, with the same hover over effect for consistency?

like this: https://www.loom.com/share/753abb5b8e9946b188ab47133610d80f

Once they're logged in, gitcoin.co should reflect https://gitcoin.co/townsquare

Screen Shot 2021-01-29 at 17 10 58

after this, it will be LGTM.

We'd like to get this deployed early next week.

@chibie
Copy link
Contributor Author

chibie commented Feb 1, 2021

@frankchen07

login hover effect ✅
redirect to townsquare ✅

image

Copy link
Contributor

@frankchen07 frankchen07 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM, but next time please be sure to post a video showing the functionality too!

Thanks!

@chibie
Copy link
Contributor Author

chibie commented Feb 2, 2021

@chibie chibie requested a review from amustapha February 2, 2021 15:03
Copy link
Contributor

@octavioamu octavioamu left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

just a comment about dead code and Aditya reviews and will be good to merge

app/retail/templates/home/index2020.html Outdated Show resolved Hide resolved
@thelostone-mc thelostone-mc merged commit 78d8221 into master Feb 3, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants