Skip to content
This repository has been archived by the owner on May 17, 2024. It is now read-only.

feat(home): 1XP banner #3495

Merged
merged 21 commits into from
Aug 18, 2023
Merged

feat(home): 1XP banner #3495

merged 21 commits into from
Aug 18, 2023

Conversation

eddybrando
Copy link
Collaborator

@eddybrando eddybrando commented Aug 9, 2023

馃毃 Important: Do not merge yet! Only merge when scheduled and after replacing the links.


Changes

This PR adds the 1XP banners and announcement sections to the Home page, the Learn page and the Learn Course pages.

Closes #3494

Implementation details

New components were create in the /components/OneXP folder. Note that it cannot be called "1XP.vue" since component names cannot start with numbers:

  • OneXPBanner for the banners at the top of the page
  • OneXPPageSection for the announcement page section

A new style was added to the UiCta component: "one-xp".

Screenshots

Large screen

Banner (Home)

Screenshot 2023-08-10 at 17 58 26

Banner (Learn)

Screenshot 2023-08-10 at 17 58 57

Banner (Learn Course)

Screenshot 2023-08-10 at 17 59 16

Page Section (Home)

Screenshot 2023-08-10 at 17 59 44

Page Section (Learn)

Screenshot 2023-08-10 at 17 59 58

Medium screen

Banner (Home)

Screenshot 2023-08-10 at 18 00 35

Banner (Learn)

Screenshot 2023-08-10 at 18 00 49

Banner (Learn Course)

Screenshot 2023-08-10 at 18 01 09

Page Section (Home)

Screenshot 2023-08-10 at 18 01 28

Page Section (Learn)

Screenshot 2023-08-10 at 18 01 46

Small screen

Banner (Home)

Screenshot 2023-08-10 at 18 02 08

Banner (Learn)

Screenshot 2023-08-10 at 18 02 21

Banner (Learn Course)

Screenshot 2023-08-10 at 18 02 35

Page Section (Home)

Screenshot 2023-08-10 at 18 03 04

Page Section (Learn)

Screenshot 2023-08-10 at 18 03 22

Copy link
Contributor

@techtolentino techtolentino left a comment

Choose a reason for hiding this comment

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

Nicely implemented @eddybrando

just left a few minor comments, mostly on color or spacing

馃憦馃徏 馃憦馃徏

components/OneXP/OneXPBanner.vue Show resolved Hide resolved
components/OneXP/OneXPBanner.vue Show resolved Hide resolved
components/OneXP/OneXPPageSection.vue Show resolved Hide resolved
pages/index.vue Show resolved Hide resolved
pages/learn/index.vue Show resolved Hide resolved
techtolentino
techtolentino previously approved these changes Aug 16, 2023
Copy link
Contributor

@techtolentino techtolentino left a comment

Choose a reason for hiding this comment

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

Approving this - nice work here @eddybrando

(acknowledging that we're holding off on merge)

@techtolentino techtolentino dismissed their stale review August 16, 2023 13:10

taking back the approval since this should PR into the feat/sunset-learn-01 branch

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add 1XP announcements
3 participants