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

Ready to make a difference block #46

Merged
merged 7 commits into from
Sep 21, 2023
Merged

Ready to make a difference block #46

merged 7 commits into from
Sep 21, 2023

Conversation

bosschaert
Copy link

@bosschaert bosschaert commented Sep 19, 2023

Fixes #16

Test URLs:

Will add the block to the inventory when all three career testimonial blocks are done (this is the second one).

@aem-code-sync
Copy link

aem-code-sync bot commented Sep 19, 2023

Hello, I'm Franklin Bot and I will run some test suites that validate the page speed.
In case there are problems, just click the checkbox below to rerun the respective action.

  • Re-run PSI Checks

@github-actions
Copy link

🔸 1 visual difference detected

  • /career/yuya-yoshisue (main vs branch)
    Expected an image 1280px by 2705px, received 1280px by 2238px. 661243 pixels (ratio 0.20 of all image pixels) are different.

The diff images are attached in the artifact

@aem-code-sync
Copy link

aem-code-sync bot commented Sep 19, 2023

Page Scores Audits Google
/career/yuya-yoshisue PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

blocks/career-apply/career-apply.js Outdated Show resolved Hide resolved
blocks/career-apply/career-apply.js Show resolved Hide resolved
const linkedin = document.createElement('a');
linkedin.innerText = placeholders['career-apply-linkedin'];
linkedin.classList.add('button', 'primary', 'linkedin');
linkedin.href = '#';

Choose a reason for hiding this comment

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

same comment as above for this

Copy link
Author

Choose a reason for hiding this comment

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

I've updated the code to pick these up from the placeholders.xslx - that way they don't have to be duplicated on every career testimonial page.

Copy link
Author

Choose a reason for hiding this comment

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

@sdmcraft do you think this is an acceptable approach?

blocks/career-apply/career-apply.css Outdated Show resolved Hide resolved
blocks/career-apply/career-apply.css Show resolved Hide resolved
@JiangLong2019
Copy link

@bosschaert An impressive title, I thought you might create a crazy block at first glance. ^_^
A quick question:
I found similar content on the Careers page but just the background color is different. Does current block cover this case as well?

image https://www.sunstar.com/careers/

@bosschaert
Copy link
Author

@bosschaert I found similar content on the Careers page but just the background color is different. Does current block cover this case as well?

Hi @JiangLong2019 yes I see that they are nearly identical. The one you are referring to has a video on the background. Currently this block doesn't support that, but I think it could be easily extended to support it, so yes let's reuse it there too.

@aem-code-sync
Copy link

aem-code-sync bot commented Sep 20, 2023

Page Scores Audits Google
/career/yuya-yoshisue PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

@github-actions
Copy link

🔸 1 visual difference detected

  • /career/yuya-yoshisue (main vs branch)
    Expected an image 1280px by 2705px, received 1280px by 2238px. 602745 pixels (ratio 0.18 of all image pixels) are different.

The diff images are attached in the artifact

@aem-code-sync
Copy link

aem-code-sync bot commented Sep 20, 2023

Page Scores Audits Google
/career/yuya-yoshisue PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

@github-actions
Copy link

🔸 1 visual difference detected

  • /career/yuya-yoshisue (main vs branch)
    Expected an image 1280px by 2705px, received 1280px by 2238px. 602745 pixels (ratio 0.18 of all image pixels) are different.

The diff images are attached in the artifact

@aem-code-sync
Copy link

aem-code-sync bot commented Sep 20, 2023

Page Scores Audits Google
/career/yuya-yoshisue PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

@github-actions
Copy link

🔸 1 visual difference detected

  • /career/yuya-yoshisue (main vs branch)
    Expected an image 1280px by 2729px, received 1280px by 2238px. 632493 pixels (ratio 0.19 of all image pixels) are different.

The diff images are attached in the artifact

@aem-code-sync
Copy link

aem-code-sync bot commented Sep 20, 2023

Page Scores Audits Google
/career/yuya-yoshisue PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

@github-actions
Copy link

🔸 1 visual difference detected

  • /career/yuya-yoshisue (main vs branch)
    Expected an image 1280px by 2705px, received 1280px by 2238px. 602745 pixels (ratio 0.18 of all image pixels) are different.

The diff images are attached in the artifact

@aem-code-sync
Copy link

aem-code-sync bot commented Sep 20, 2023

Page Scores Audits Google
/career/yuya-yoshisue PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

@github-actions
Copy link

🔸 1 visual difference detected

  • /career/yuya-yoshisue (main vs branch)
    Expected an image 1280px by 2705px, received 1280px by 2238px. 602745 pixels (ratio 0.18 of all image pixels) are different.

The diff images are attached in the artifact

Copy link

@jindaliiita jindaliiita left a comment

Choose a reason for hiding this comment

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

LGTM added few comments. @sdmcraft it would be good if you can once check the logic for picking href from placeholders.json

blocks/career-apply/career-apply.css Show resolved Hide resolved
.career-apply {
color: var(--white);
text-align: left;
max-width: unset;

Choose a reason for hiding this comment

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

max-width is not needed here

@sdmcraft
Copy link

the logic for picking href from placeholders.json

Looks right to me as authors just have to manage it at 1 place. The other option could be to maintain it in a fragment.

@github-actions
Copy link

🔸 1 visual difference detected

  • /career/yuya-yoshisue (main vs branch)
    Expected an image 1280px by 2705px, received 1280px by 2238px. 605914 pixels (ratio 0.18 of all image pixels) are different.

The diff images are attached in the artifact

@aem-code-sync
Copy link

aem-code-sync bot commented Sep 21, 2023

Page Scores Audits Google
/career/yuya-yoshisue PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

@bosschaert bosschaert merged commit 28268ac into main Sep 21, 2023
3 checks passed
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.

Career testimonials: create apply block
6 participants