diff --git "a/_data/m\303\251li-m\303\251lo.json" "b/_data/m\303\251li-m\303\251lo.json" index a1eb2ecb6..81e79a3fc 100644 --- "a/_data/m\303\251li-m\303\251lo.json" +++ "b/_data/m\303\251li-m\303\251lo.json" @@ -33,6 +33,12 @@ "th-zev", "th-empathy" ] + }, + { + "nom": "ab-testing", + "libs": [ + "ab-testing" + ] } ], "subProjects": [ diff --git "a/m\303\251li-m\303\251lo/ab-testing/theme-a.html" "b/m\303\251li-m\303\251lo/ab-testing/theme-a.html" new file mode 100644 index 000000000..c7bac199f --- /dev/null +++ "b/m\303\251li-m\303\251lo/ab-testing/theme-a.html" @@ -0,0 +1,177 @@ +--- +title: Jobs +description: Find a job, view funding programs for jobs and training. Explore career skills and training, learn about workplace standards and labour mobility. +lang: en +altLangPage: theme-a.html +dateModified: 2024-10-10 +layout: no-container +css: +- href: ../ab-testing.css +--- + +
+
+

{{ page.title }}

+

{{ page.description }}

+
+ +
+
+

Most requested

+ +
+
+ +
+
+

Services and information

+
+
+

Find a job

+

Search for jobs in Canada, apply or extend a work permit, get a Social Insurance Number (SIN), a criminal record check or security clearance.

+
+
+

Funding for jobs and training

+

Find funding programs, grants and contributions that help support jobs, training, and social development.

+
+
+

Training

+

Information on education, training, financial assistance, support for apprentices, and the skills needed to find and keep a job.

+
+
+

Hiring and managing employees

+

Information on payroll, wages and other human resources obligations and advice on recruiting, training and managing employees.

+
+
+

Starting a business

+

Information on what to consider before starting a business, including registration, business plan templates, regulations, and incorporation.

+
+
+

Workplace standards

+

Federal and provincial labour laws, workplace standards, federal health and safety standards and labour relations programs.

+
+
+

Employment Insurance benefits and leave

+

Apply for Employment Insurance (EI) temporary benefits for workers, caregivers, sickness, fishing, maternity and parental EI. Submit your EI report.

+
+
+

Pensions and retirement

+

Employer and personal pensions, federal benefits and registered retirement savings plans and tools to help you plan for retirement information.

+
+
+
+ +
+

Features

+
+
+ Explore Equi’Vision +

Explore Equi’Vision

+

Access data on workplace representation and pay gaps for the 4 designated groups in federally regulated private-sector workplaces.

+
+
+ 4 young people smiling +

Youth Digital Gateway

+

Find jobs, skill-building and volunteer opportunities for youth

+
+
+
+
+
+ +
+
+ +
+
+

Jobs

+
+
+
+

Most requested

+ +
+
+
+
+

Services and information

+
+
+

Find a job

+

Search for jobs in Canada, apply or extend a work permit, get a Social Insurance Number (SIN), a criminal record check or security clearance.

+
+
+

Funding for jobs and training

+

Find funding programs, grants and contributions that help support jobs, training, and social development.

+
+
+

Training

+

Information on education, training, financial assistance, support for apprentices, and the skills needed to find and keep a job.

+
+
+

Hiring and managing employees

+

Information on payroll, wages and other human resources obligations and advice on recruiting, training and managing employees.

+
+
+

Starting a business

+

Information on what to consider before starting a business, including registration, business plan templates, regulations, and incorporation.

+
+
+

Workplace standards

+

Federal and provincial labour laws, workplace standards, federal health and safety standards and labour relations programs.

+
+
+

Employment Insurance benefits and leave

+

Apply for Employment Insurance (EI) temporary benefits for workers, caregivers, sickness, fishing, maternity and parental EI. Submit your EI report.

+
+
+

Pensions and retirement

+

Employer and personal pensions, federal benefits and registered retirement savings plans and tools to help you plan for retirement information.

+
+
+
+
+
+
+
diff --git "a/m\303\251li-m\303\251lo/ab-testing/theme-b.html" "b/m\303\251li-m\303\251lo/ab-testing/theme-b.html" new file mode 100644 index 000000000..79f778db2 --- /dev/null +++ "b/m\303\251li-m\303\251lo/ab-testing/theme-b.html" @@ -0,0 +1,179 @@ +--- +title: Jobs +description: Find a job, view funding programs for jobs and training. Explore career skills and training, learn about workplace standards and labour mobility. +lang: en +altLangPage: theme-b.html +dateModified: 2024-10-10 +layout: no-container +css: +- href: ../ab-testing.css +script: +- ../ab-testing.js +--- + +
+
+

{{ page.title }}

+

{{ page.description }}

+
+ +
+
+

Most requested

+ +
+
+ +
+
+

Services and information

+
+
+

Find a job

+

Search for jobs in Canada, apply or extend a work permit, get a Social Insurance Number (SIN), a criminal record check or security clearance.

+
+
+

Funding for jobs and training

+

Find funding programs, grants and contributions that help support jobs, training, and social development.

+
+
+

Training

+

Information on education, training, financial assistance, support for apprentices, and the skills needed to find and keep a job.

+
+
+

Hiring and managing employees

+

Information on payroll, wages and other human resources obligations and advice on recruiting, training and managing employees.

+
+
+

Starting a business

+

Information on what to consider before starting a business, including registration, business plan templates, regulations, and incorporation.

+
+
+

Workplace standards

+

Federal and provincial labour laws, workplace standards, federal health and safety standards and labour relations programs.

+
+
+

Employment Insurance benefits and leave

+

Apply for Employment Insurance (EI) temporary benefits for workers, caregivers, sickness, fishing, maternity and parental EI. Submit your EI report.

+
+
+

Pensions and retirement

+

Employer and personal pensions, federal benefits and registered retirement savings plans and tools to help you plan for retirement information.

+
+
+
+ +
+

Features

+
+
+ Explore Equi’Vision +

Explore Equi’Vision

+

Access data on workplace representation and pay gaps for the 4 designated groups in federally regulated private-sector workplaces.

+
+
+ 4 young people smiling +

Youth Digital Gateway

+

Find jobs, skill-building and volunteer opportunities for youth

+
+
+
+
+
+ +
+
+ +
+
+

Jobs

+
+
+
+

Most requested

+ +
+
+
+
+

Services and information

+
+
+

Find a job

+

Search for jobs in Canada, apply or extend a work permit, get a Social Insurance Number (SIN), a criminal record check or security clearance.

+
+
+

Funding for jobs and training

+

Find funding programs, grants and contributions that help support jobs, training, and social development.

+
+
+

Training

+

Information on education, training, financial assistance, support for apprentices, and the skills needed to find and keep a job.

+
+
+

Hiring and managing employees

+

Information on payroll, wages and other human resources obligations and advice on recruiting, training and managing employees.

+
+
+

Starting a business

+

Information on what to consider before starting a business, including registration, business plan templates, regulations, and incorporation.

+
+
+

Workplace standards

+

Federal and provincial labour laws, workplace standards, federal health and safety standards and labour relations programs.

+
+
+

Employment Insurance benefits and leave

+

Apply for Employment Insurance (EI) temporary benefits for workers, caregivers, sickness, fishing, maternity and parental EI. Submit your EI report.

+
+
+

Pensions and retirement

+

Employer and personal pensions, federal benefits and registered retirement savings plans and tools to help you plan for retirement information.

+
+
+
+
+
+
+
diff --git "a/m\303\251li-m\303\251lo/ab-testing/theme.js" "b/m\303\251li-m\303\251lo/ab-testing/theme.js" new file mode 100644 index 000000000..bdf6f0d40 --- /dev/null +++ "b/m\303\251li-m\303\251lo/ab-testing/theme.js" @@ -0,0 +1,8 @@ +// A/B Testing Theme template for jobs page +document.getElementById("oldTheme").classList.add("hide"); +document.getElementById("newTheme").classList.remove("hide"); +document.getElementById("wb-bc").classList.add("new-theme"); +document.querySelector(".gcweb-menu").classList.add("hide"); +document.getElementById("wb-bnr").classList.add("new-theme"); +document.querySelector("#oldTheme h1").id = ""; +document.querySelector("#newTheme h1").id = "wb-cont"; diff --git "a/m\303\251li-m\303\251lo/ab-testing/theme.scss" "b/m\303\251li-m\303\251lo/ab-testing/theme.scss" new file mode 100644 index 000000000..7e7bd075b --- /dev/null +++ "b/m\303\251li-m\303\251lo/ab-testing/theme.scss" @@ -0,0 +1,184 @@ +#wb-bnr.new-theme + hr { + border-top: 1px solid #ddd; +} + +#wb-bc.new-theme { + li:first-child a { + border-left: solid #26374a 5px; + padding-left: 8px; + } + + .breadcrumb { + margin-bottom: 15px; + } +} + +#gridContainer { + > nav { + #menuBtn { + border-radius: 0; + display: block; + margin-bottom: 1em; + margin-left: -15px; + text-align: left; + width: calc(100% + 30px); + + .glyphicon-chevron-down { + margin-left: 10px; + } + + &.expanded .glyphicon-chevron-down { + transform: rotate(180deg) translateY(2px); + } + + // Les items du menu sont affichés par défaut en mode basic HTML, donc il n'est pas nécessaire d'afficher le bouton menu car il ne sera pas fonctionnel + .wb-disable & { + display: none; + } + } + + li { + a { + color: #295376; + display: block; + font-size: 16px; + line-height: 1.65em; + padding: 10px 14px; + text-decoration: none; + + &:hover { + background-color: #f5f5f5; + color: #284162; + text-decoration: underline; + } + } + + &.active { + a, a:hover { + background-color: #26374a; + color: #fff; + } + + a:focus { + outline: 5px auto #fff; + outline-offset: -5px; + } + } + } + + & + section { + h1#wb-cont { + border: none; + font-size: 1.2em; + line-height: 1.1; + margin: 10px 0 11.5px; + } + + .gc-most-requested { + h2 { + float: none; + font-size: 1em; + width: auto; + } + } + } + } +} + +// screen-sm-max +@media screen and (max-width: 991px) { + #gridContainer { + > nav { + #menuBtn.expanded + ul { + display: block; + } + + ul { + display: none; + + .wb-disable & { + display: block; + } + + li { + border-bottom: #f5f5f5 solid 1px; + position: relative; + + a { + &::after { + content: "\203A"; + font-size: 1.5em; + margin-left: 10px; + position: absolute; + right: 14px; + top: 50%; + transform: translateY(-50%); + } + } + + &.active a::after { + display: none; + } + } + } + } + } +} + +// screen-md-min +@media screen and (min-width: 992px) { + #gridContainer { + display: flex; + margin: 0 auto; + padding: 0 15px; + width: 970px; + + > nav { + border-right: 5px solid #26374a; + flex: 0 0 300px; + + .container { + padding: 0; + width: auto; + } + + #menuBtn { + display: none; + } + + & + section { + flex: 1 0 0%; + + .container { + padding-left: 35px; + width: auto; + } + + .gc-most-requested { + position: relative; + + &::after { + background-color: #f5f5f5; + bottom: 0; + content: ""; + left: calc(100% - 1px); + position: absolute; + top: 0; + width: calc( (100vw - 970px + 15px)/2 ); + } + } + } + } + } +} + +// screen-lg-min +@media screen and (min-width: 1200px) { + #gridContainer { + width: 1170px; + + > nav + section .gc-most-requested::after { + width: calc( (100vw - 1170px + 15px)/2 ); + } + } +}