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

gpg/jtbd-landings #8706

Merged
merged 54 commits into from
Apr 7, 2021
Merged

gpg/jtbd-landings #8706

merged 54 commits into from
Apr 7, 2021

Conversation

octavioamu
Copy link
Contributor

@octavioamu octavioamu commented Mar 26, 2021

Description
Refers/Fixes

#8658

Testing

@gdixon gdixon changed the title Gpg/jtbd landings gpg/jtbd-landings Mar 26, 2021
).order_by('-_val_usd_db').values('_val_usd_db', 'title', 'issue_description')[0:2])

# WalletConnect
featured_grant = Grant.objects.filter(pk=275).first()
Copy link
Member

Choose a reason for hiding this comment

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

^ shouldn't this be grant with most matching as opposed to hardcoding walletconnect ?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

A friend of mine use to say "is what it is" :P.
But was asked to be that specific one.

view=view,
key=keyword,
data=data,
)
Copy link
Member

Choose a reason for hiding this comment

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

^ looks like page starting to grow in length !
Would it make sense to create

app/perftools/management/commands/cache/jtbd.py and throw them there
We'll have to do it for the others as well
we can import them here and use them in create_page_cache

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Agree, that is a good idea

Copy link
Member

Choose a reason for hiding this comment

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

^ let's get this done as well before we merge @chibie / @octavioamu

Copy link
Member

Choose a reason for hiding this comment

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

^ let's get this done as well before we merge @chibie / @octavioamu

gdixon and others added 5 commits April 1, 2021 17:27
* Adds details to jtbd connect page

* Adds greys/lighter and border-bottom-* and border-right-*

* Updates testimonial

* Adds a custom filter to convert str to datetime

* Adds ctas, fixes padding and switches page specific styling for global utilities

* Adds border to left of .gc-accordion (using .gc-accordion-border)

* Fixes padding on hackathons area

* Scroll to element rather than bottom (so we stop in the right place on mobile)

* Fixes semantics and swaps discord image for svg

* Fixes padding

* Updates svgs and accordion-panel text

* Updates testimonial details and drops twitter link

* Fixes indentation, urls and spacing on ready-to-connect

* Fixes accordion so img has padding right without shrinking

* Implements conditional states for hackathon list

* Drops to_date in favour of date_fromisoformat

* Deletes to_date filter
* start earn page

* + ways to earn

* hackathons + bounties

* testimonial + grants

* link CTAs

* remove unused css

* finish pr

* review fixes

* little fix

* swap p -> h5

* use filled svgs + accordion fixes

* consistency
* Adds details to jtbd connect page

* Adds greys/lighter and border-bottom-* and border-right-*

* Updates testimonial

* Adds a custom filter to convert str to datetime

* Adds ctas, fixes padding and switches page specific styling for global utilities

* Adds border to left of .gc-accordion (using .gc-accordion-border)

* Fixes padding on hackathons area

* Scroll to element rather than bottom (so we stop in the right place on mobile)

* Adds details to jtbd learn page

* Fixes semantics and swaps discord image for svg

* Fixes semantics

* Fixes padding

* Updates svgs and accordion-panel text

* Updates accordion-panel text

* Drops twitter link

* Updates testimonial details and drops twitter link

* Updates testimonial details and uses static template tag

* Fixes indentation, urls and spacing on ready-to-connect

* Fixes indentation, urls and spacing on ready-to-learn

* Fixes accordion so img has padding right without shrinking

* Fixes accordion so img has padding right without shrinking

* Implements conditional states for hackathon list

* Implements conditional states for hackathon list

* Drops to_date in favour of date_fromisoformat

* Drops to_date in favour of date_fromisoformat

* Deletes to_date filter
* Adds details to jtbd connect page

* Adds greys/lighter and border-bottom-* and border-right-*

* Updates testimonial

* Adds a custom filter to convert str to datetime

* Adds ctas, fixes padding and switches page specific styling for global utilities

* Adds border to left of .gc-accordion (using .gc-accordion-border)

* change fund

* set layout cards

* fund style and head data

* scroll behavior

Co-authored-by: Graham Dixon <[email protected]>
@owocki
Copy link
Contributor

owocki commented Apr 2, 2021

just tested these. looks like they are coming along

some QA items:

  1. page title/desc/twitter images are not updated
  2. i couldnt test the top hacks or top earners on /earn due to lack of data
  3. line height on the titles looks larger on the design that implemented https://share.getcloudapp.com/Blu4pkvb
  4. Learn by doing module is not avaialble on landing page (maybe again due to lack of data?)
  5. on learn page - the line height on this text and color looks diff than design https://share.getcloudapp.com/v1ubAZqA some comment about the testimonial copy
  6. on the fund page, austin griffith is not a python developer - maybe change to javascript developer? ( i dont see anything about this on copy doc)
  7. how does one find these pages? they are not linked in the nav at all.

@frankchen07
Copy link
Contributor

to answer some of @owocki's QQs

  • data won't be populated until we get on prod, this will be Monday, pushing to prod will be ok since no one will be able to know the actual link. This is a process we'll have to improve on (not testing in prod for things that need data).
  • these pages will be linked under "whats possible" in the nav, which @gdixon is working on

==

  1. The "I'm ready to earn" text looks different from "I'm ready to learn" which looks different from the CTA texts at the bottom. Not sure if this is intended / part of the design components.

Screen Shot 2021-04-02 at 11 14 40

Screen Shot 2021-04-02 at 11 14 52

  1. Ready to Connect formatting on the CTA looks off, left indented, random buttons (I'm sure you guys and gals are aware).

Screen Shot 2021-04-02 at 11 14 36

  1. On the fund page, the spacing seems closer than on the previous pages.

Screen Shot 2021-04-02 at 11 13 15

  1. really love how the images change when you click on the menu items.

Great work - it's really coming along! Let's see it again with real data soon.

Copy link
Contributor

@PixelantDesign PixelantDesign left a comment

Choose a reason for hiding this comment

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

Looking awesome!

There are a few things others have already noted above but overall it's coming along so nicely.

I noticed just a few things

I'm not sure if this is because the data isn't hooked in or not but we'd like to highlight these project. This was a discussion I had with Scott.

Screen Shot 2021-04-02 at 4 16 39 PM

On the accordion section we'd like to use filled illustrations/animations
Screen Shot 2021-04-02 at 4 12 47 PM

Fund_Animations.zip

Thanks Octavio!

@octavioamu
Copy link
Contributor Author

@gdixon already did the changes guys please review if something else.
Thanks

@PixelantDesign
Copy link
Contributor

PixelantDesign commented Apr 5, 2021

Hey team! I'm noticing across all of the pages, the testimonials area body copy is not as large as it should be --see the designed version to compare

This is the design - we have defined it as body large,

Screen Shot 2021-04-05 at 12 15 23 PM

Here is a screenshot from the build

Screen Shot 2021-04-05 at 12 17 10 PM

Earn, Connect, Learn Pages

H3 should be Franklin font as seen here

Screen Shot 2021-04-05 at 12 22 29 PM

This is the screenshot of the build

Screen Shot 2021-04-05 at 12 22 39 PM

'card_desc': _('There’s No Better Way To Fund Open Source Projects')
}
context.update(data)
return TemplateResponse(request, 'jtbd/fund.html', context)
Copy link
Member

Choose a reason for hiding this comment

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

^ @chibie Is it worth DRY-ing those code ?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

you think to create just a function with a condition? or how can be dry?
Im ok on having it on their own def but open to suggestions

Copy link
Member

Choose a reason for hiding this comment

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

you think to create just a function with a condition

Yup ! exactly cause only the
data/title / *.html are different.
If it's an overkill -> then let's leave it like this

@octavioamu octavioamu merged commit 58f203b into master Apr 7, 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.

7 participants