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

Home page redesign: put most important content on top #4185

Merged
merged 51 commits into from
Dec 13, 2022

Conversation

jorg-vr
Copy link
Contributor

@jorg-vr jorg-vr commented Nov 21, 2022

This pull request is a first step of the home page redesign #2882.

The goal of this step is to put the most important and actionable information on top.
Concretely we provide a clickable card to continue where you left of and up to two cards to signal upcoming deadlines.
image
image
image

The "jump back in card" contains either:

  • your latest unsolved exercise
  • the next activity in the series if your latest exercise was solved
  • the next series if your latest exercise was solved and it was the last in it's series
  • The course of your latest correct exercise, if no next series or activity can be found
  • No card is displayed if none of the above apply

There are three different clickable cards designed, based on what should be shown:
Activity
image
image
image

Series
image
image
image
image
image

Course
image

  • Tests were added

Part of #2882

@jorg-vr jorg-vr added the feature New feature or request label Nov 21, 2022
@jorg-vr jorg-vr self-assigned this Nov 21, 2022
@jorg-vr jorg-vr marked this pull request as ready for review November 28, 2022 16:09
@jorg-vr jorg-vr temporarily deployed to naos December 6, 2022 15:45 Inactive
@jorg-vr jorg-vr marked this pull request as ready for review December 6, 2022 16:31
@jorg-vr jorg-vr requested a review from bmesuere December 6, 2022 16:31
Copy link
Member

@bmesuere bmesuere left a comment

Choose a reason for hiding this comment

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

I really like this change 👍
Two minor UI remarks:

  • I feel that the gap between title and subtitle is a bit too large. This is most prominent in the exercise card where the info text is closer to the subtitle than the title. This is probably because you used a <br> in combination with the bigger line height of the header tag.
  • Is it possible to add a slight shadow on hover?

@jorg-vr jorg-vr requested a review from bmesuere December 7, 2022 09:07
@bmesuere bmesuere temporarily deployed to naos December 7, 2022 11:15 — with GitHub Actions Inactive
Copy link
Member

@bmesuere bmesuere left a comment

Choose a reason for hiding this comment

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

The UI changes look good 👍

There's still a small issue with the wording of the progress bar tooltip: in a series of 4 exercises where 2 are correct and 2 unstarted, it now says: 2 started, 2 correct. This is confusing because the 2 started ones are the two that are correct. Also, the order should follow the order of the bar itself: correct, incorrect, not yet started.

I have no remarks about the code.

config/locales/views/pages/nl.yml Outdated Show resolved Hide resolved
@bmesuere bmesuere requested a review from chvp December 7, 2022 13:04
Copy link
Member

@niknetniko niknetniko left a comment

Choose a reason for hiding this comment

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

Besides some minor spacing nitpicks, it all looks good to me 👍

app/views/pages/clickable_homepage_cards/_series.html.erb Outdated Show resolved Hide resolved
app/views/pages/clickable_homepage_cards/_series.html.erb Outdated Show resolved Hide resolved
app/views/pages/_important_homepage_links.html.erb Outdated Show resolved Hide resolved
config/locales/views/pages/en.yml Outdated Show resolved Hide resolved
config/locales/views/pages/nl.yml Outdated Show resolved Hide resolved
config/locales/views/pages/nl.yml Outdated Show resolved Hide resolved
jorg-vr and others added 2 commits December 7, 2022 14:12
Co-authored-by: Niko Strijbol <strijbol.niko@gmail.com>
Co-authored-by: Bart Mesuere <Bart.Mesuere@UGent.be>
@jorg-vr
Copy link
Contributor Author

jorg-vr commented Dec 7, 2022

I updated the tooltip to
image

@jorg-vr jorg-vr requested a review from bmesuere December 7, 2022 14:36
config/locales/views/pages/en.yml Outdated Show resolved Hide resolved
config/locales/views/pages/nl.yml Outdated Show resolved Hide resolved
Co-authored-by: Bart Mesuere <Bart.Mesuere@UGent.be>
@bmesuere
Copy link
Member

bmesuere commented Dec 8, 2022

(maybe wait to merge this one till after the exercise filter PRs are merged and released as 6.3?)

app/views/pages/home.html.erb Outdated Show resolved Hide resolved
Co-authored-by: Charlotte Van Petegem <charlotte.vanpetegem@ugent.be>
@jorg-vr jorg-vr merged commit a6a338e into develop Dec 13, 2022
@jorg-vr jorg-vr deleted the feature/home-most-important-content-on-top branch December 13, 2022 12:05
@jorg-vr jorg-vr mentioned this pull request Jan 4, 2023
1 task
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants