@madgex/fert 7.2.0 → 7.3.0

package/docs/README.md

@@ -12,14 +12,28 @@ Check out [Branding Repository Overview](BRANDING_REPO_OVERVIEW.md) for the stru
 
 Find out your `Client Property ID` by visiting [Madgexverse](https://madgexverse.job.madgexhosting.net). If your CPID does not exist, you can not work on this Branding Repo right now.
 
-This will give you your repository `https://github.com/wiley/madgex-<CPID>` e.g. https://github.com/wiley/madgex-ff6102ff-0f4b-43d1-a2c7-83b835b8dee5. If this is a brand new client, the Branding Repo should be automatically created on `master` branch.
+This will give you your repository `https://github.com/wiley/madgex-<CPID>` e.g. https://github.com/wiley/madgex-ff6102ff-0f4b-43d1-a2c7-83b835b8dee5. If this is a brand new client, the Branding Repo will have no branches. See below for empty Branding Repo instructions.
 
 > **Ask Systems why, if this is not automatically created**
 
-### If you have an **empty** Branding Repo (e.g. a git repository has been set up but has no files)
+### If you have an **empty** Branding Repo (e.g. a git repository has been set up but has no branches or files)
+
+To begin with, lets make sure the `master` branch exists (even without commits yet!). Its important that a branch named `master` exists for our infrastructure to work (e.g. jenkins)
+
+- After you have checked out an empty Branding Repo, `cd` into your empty git repo folder
+
+  > Although this should not happen on new Branding Repos: if the current branch says `main` instead of `master`, we need to fix this.
+  >
+  > - Rename the `main` branch to `master` (I use vscode and right click on the branch and select `rename branch`) or cli `git branch -m main master`
+
+- Now we have an empty branch called `master` on our local machine, we can make an empty commit to this branch, then push it to github remote.
+- `git commit --allow-empty -m "init"`
+- `git push -u origin master`
+
+Now `master` branch is properly created _and_ exists on github remote (although we have not committed to it yet!), lets do our first bit of work in a new branch. `master` should only be merged into from other branches via PRs in github.
 
 - Switch into a new branch
-- `cd` into your cloned empty git repo. Use `npx @madgex/fert init .` and follow the prompts, this will populate your directory, including at least one `service` where the majority of the work will be done.
+- Use `npx @madgex/fert init .` and follow the prompts, this will populate your directory, including at least one `service` where the majority of the work will be done.
 - `npm i` install packages.
 
 ### If you have an existing Branding Repo
@@ -63,15 +77,20 @@ Themes work better on V5 than Custom templates. If you must create Custom templa
 
 ### Custom template
 
-> Coming soon? Custom template starter-from-theme?
+If the client has pushed us to design a Custom design, then we can create a good starting point by cloning an existing Theme into a branding repo service.
+Then you will have your own copy of the Theme files to modify to match the design.
+
+Run the FERT command `init-template` like so `npx @madgex/fert init-template`, in the root of an existing branding repo, and follow the prompts to select the Theme you would like to clone, and which service it will be for.
+
+### Available global Nunjucks context
 
-Available global Nunjucks context:
+Variables and functions available in the Nunjucks templates.
 
-- `templatePath: string`: Required prefix for importing additional Nunjucks files e.g. `{%- include templatePath + './include/my-other-file.njk' -%}`
-- `path: string`: current page relative URL
-- `normaliseUrl: Filter`: removes trailing slash from a URL, e.g. `{{path === myNavLink | normaliseUrl }}`
-- `getServiceRoute(serviceRouterId,routeId,paramsObj,queryObj):Function` : [ usage](https://github.com/wiley/madgex-hapi-reverse-router/blob/master/packages/@madgex.hapi-reverse-router/README.md#usage-example)
-- `getAbsoluteServiceRoute(serviceRouterId,routeId,paramsObj,queryObj):Function` : [ usage](https://github.com/wiley/madgex-hapi-reverse-router/blob/master/packages/@madgex.hapi-reverse-router/README.md#usage-example)
+- `templatePath: string`: **Required** prefix for `import`/`include` additional Nunjucks files e.g. `{%- from './include/my-other-file.njk' import myOtherFileMacro with context -%} {%- include templatePath + './include/my-other-file.njk' -%}`
+- `path: string`: current page relative URL, (does not have trailing slash!) - use in navigation for current page check
+- `normaliseUrl: Filter`: removes trailing slash from a URL, good for comparison with `path`, e.g. `{{path === myNavLink | normaliseUrl }}`
+- `getServiceRoute(serviceRouterId,routeId,paramsObj,queryObj):Function` : recommended to generate _relative_ URLs from V5 source of truth, instead of hand-written [usage](https://github.com/wiley/madgex-hapi-reverse-router/blob/master/packages/@madgex.hapi-reverse-router/README.md#usage-example)
+- `getAbsoluteServiceRoute(serviceRouterId,routeId,paramsObj,queryObj):Function` : recommended to generate _absolute_ URLs from V5 source of truth, instead of hand-written [usage](https://github.com/wiley/madgex-hapi-reverse-router/blob/master/packages/@madgex.hapi-reverse-router/README.md#usage-example)
   - routeId reference for [`"jobseekersite"`](https://jobseekers-frontend.job.madgexhosting.net/api/routing-table/ff6102ff-0f4b-43d1-a2c7-83b835b8dee5)
   - routeId reference for [`"recruitersite"`](https://recruiterservices-frontend.job.madgexhosting.net/api/routing-table/ff6102ff-0f4b-43d1-a2c7-83b835b8dee5)
   - e.g. `{{getServiceRoute('jobseekersite', 'account.login', {}, {Pipline: path})}}`
@@ -79,7 +98,7 @@ Available global Nunjucks context:
 
 ## 🔠 Service V6 translations
 
-Each `service` in a branding repo may have **optional** translation overrides.
+Each `service` in a branding repo may have **optional** translation overrides. These are consumed by the V6 service (so not consumed by the header/footer)
 
 These live at `<root>/services/<SERVICE_NAME>/public/translation.json`, e.g. https://github.com/wiley/madgex-ff6102ff-0f4b-43d1-a2c7-83b835b8dee5/blob/901e5b2295892747015bd1c9bab7ac307b4e2112/services/jobseekers-frontend/public/translation.json .
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@madgex/fert",
-  "version": "7.2.0",
+  "version": "7.3.0",
   "description": "Tool to help build the V6 branding",
   "bin": {
     "fert": "./bin/cli.js"
@@ -48,7 +48,7 @@
     "prompts": "2.4.2",
     "rimraf": "6.1.3",
     "sass": "1.98.0",
-    "simple-git": "3.33.0",
+    "simple-git": "3.36.0",
     "simple-update-notifier": "2.0.0",
     "uuid-validate": "0.0.3",
     "vite": "7.3.2",

package/repo-template/services/jobseekers-frontend/templates/footer.njk

@@ -1,20 +1,19 @@
-{%- from templatePath + 'translations/en.njk' import translations -%}
+{# Populate this entry file with a Theme generated from https://header-footer-podlet.job.madgexhosting.net/storybook/
+{{ FooterThemeColumns( <-- macro name which is globally accessible without doing an import, see Storybook for Theme's macro name
+  {
+    "macroName": "FooterThemeColumns",
+    "serviceName": "jobseekers-frontend", <-- ensure serviceName is correct for this service
+    "locale": "en",
+    "cssVarColorText": "#000",
+    ...more args generated from Header Footer Podlet's Storybook
+  }
+)}}
+ #}
 
-<div  data-block="footer-main" class="position-static" scoped-v6="">
-  <footer role="contentinfo" class="contentinfo">
-    <div class="back-to-top">
-      <div class="wrapper cf">
-        <p class="right-text no-margin">
-          <a href="#top-bar" class="js-smooth-scrollto block-level">{{ translations.footer["back-to-top"] }}</a>
-        </p>
-      </div>
-    </div>
-    <div class="wrapper content">
-      {% include templatePath + './includes/footer-nav.njk' %}
-      
-      <p class="copyright no-margin">
-        © 2008 - {{ dayjs().format('YYYY') }} bigworkbag.com, all rights reserved. Powered by Madgex Job Board Software
-      </p>
-    </div>
-  </footer>
-</div>
+{# 
+Alternatively, if this client has pushed for a Custom non-Theme design, you can run `npx @madgex/fert init-template` from the root of this branding repo and follow the prompts.
+This will clone a custom version of one of the Themes from header-footer-podlet which you can modify completely.
+
+🚨🚨🚨 Remember Custom non-Theme designs are discourage and should only happen if the client really pushed for it.
+If there are only minor differences from a Theme and the design, then pushed back and get back into a standard Theme 🚨🚨🚨
+ #}

package/repo-template/services/jobseekers-frontend/templates/header.njk

@@ -1,74 +1,19 @@
-<!-- HEADER-FOOTER-PODLET VERSION: {{ version }} -->
-
-{%- from templatePath + './translations/en.njk' import translations -%}
-
-<div data-block="header-main" class="position-static" scoped-v6="">
-
-  <div id="ad-leaderboard" class="ad ad--leaderboard ad--leaderboard--empty"></div>
-
-  <header role="banner" class="banner">
-    <div id="top-bar" class="top-bar">
-      <div class="wrapper cf">
-
-        <ul class="nav-toggles cf js-togglable-nav-triggers">
-          <li class="nav-toggles__item nav-toggles__item--primary">
-            <mdgx-togglable-nav aria-controls="primary-nav">
-              <a href="#primary-nav" title="Main menu" class="js-togglable-nav-trigger">
-                <i class="burger" aria-hidden="true"></i>
-                <span class="hidden">{{ translations.header["skip-to-main-menu"] }}</span>
-              </a>
-            </mdgx-togglable-nav>
-          </li>
-
-          <li class="nav-toggles__item nav-toggles__item--secondary">
-            <mdgx-togglable-nav aria-controls="secondary-nav">
-              <a href="#secondary-nav" title="User menu" class="js-togglable-nav-trigger">
-                <i class="icon-after" data-icon="☺" aria-hidden="true"></i>
-                <span class="hidden">{{ translations.header["skip-to-user-menu"] }}</span>
-              </a>
-            </mdgx-togglable-nav>
-          </li>
-        </ul>
-
-        <nav aria-label="{{ translations.header["user"] }}" id="secondary-nav" class="secondary-nav togglable-nav cf js-togglable-nav">
-          <ul class="secondary-nav__items togglable-nav__items cf">
-            <li class="togglable-nav__item secondary-nav__item secondary-nav--jobseekers jobseekers jobseekers-nav">
-              {# User Nav #}
-              {%- ifAsync auth.isAuthenticated %}
-                {% include templatePath + './includes/user-nav/authenticated.njk' %}
-              {%- else %}
-                {% include templatePath + './includes/user-nav/unauthenticated.njk' %}
-              {% endif -%}
-            </li>
-            <li class="togglable-nav__item secondary-nav__item secondary-nav--recruiters recruiters recruiters-nav">
-              <ul class="recruiters__items cf">
-                <li class="togglable-nav__item recruiters__item recruiters__item--button">
-                  <a
-                    href="https://bigworkbag-rs.madgexjb.com/" {# Add recruiter site link var #}
-                    data-icon="▶"
-                    class="button button--brand icon-after icon-white js-recruiter-link recruiters__item--link">{{ translations.header["recruiters"] }}
-                  </a>
-                </li>
-              </ul>
-            </li>
-          </ul>
-        </nav>
-
-      </div>
-    </div>
-    <div id="ad-mobileleaderboard" class="ad--mobileleaderboard ad--mobileleaderboard--empty"></div>
-
-    <div class="wrapper cf">
-      <div class="primary-logo">
-        <a href="/">
-          <img src="/public/images/logo.png" alt="Bigworkbag Home"/>
-        </a>
-      </div>
-    </div>
-
-    {% include templatePath + './includes/main-nav.njk' %}
-
-  </header>
-</div>
-
-<!-- END HEADER FRAGMENT -->
+{# Populate this entry file with a Theme generated from https://header-footer-podlet.job.madgexhosting.net/storybook/
+{{ HeaderThemeInlineUserNav( <-- macro name which is globally accessible without doing an import, see Storybook for Theme's macro name
+  {
+    "macroName": "HeaderThemeInlineUserNav",
+    "serviceName": "jobseekers-frontend", <-- ensure serviceName is correct for this service
+    "locale": "en",
+    "cssVarColorText": "#000",
+    ...more args generated from Header Footer Podlet's Storybook
+  }
+)}}
+ #}
+
+{# 
+Alternatively, if this client has pushed for a Custom non-Theme design, you can run `npx @madgex/fert init-template` from the root of this branding repo and follow the prompts.
+This will clone a custom version of one of the Themes from header-footer-podlet which you can modify completely.
+
+🚨🚨🚨 Remember Custom non-Theme designs are discourage and should only happen if the client really pushed for it.
+If there are only minor differences from a Theme and the design, then pushed back and get back into a standard Theme 🚨🚨🚨
+ #}

package/repo-template/services/recruiterservices-frontend/templates/footer.njk

@@ -1,18 +1,19 @@
-{%- from templatePath + 'translations/en.njk' import translations -%}
-{%- from templatePath + 'includes/footer/footer-nav.njk' import footerNav with context -%}
-
-{%- from templatePath + 'context/links.njk' import footerNavigationColumns as footerNavigation -%}
-{# {%- from templatePath + 'context/links.njk' import footerNavigationHorizontal as footerNavigation -%} #}
-
-<footer data-block="footer-main" scoped-v6="">
-  <div class="site-width-wrapper">
-    {{ footerNav(footerNavigation) }}
-
-    {% include templatePath + 'includes/footer/social-links.njk' %}
-
-    <p class="copyright">
-      © 2011 - {{ dayjs().format('YYYY') }} {{ translations["site-name"] }}. All rights reserved.
-      Powered by <a href="https://www.wiley.com/en-gb/business/workforce/madgex/solutions">Madgex Job Board Software</a>
-    </p>
-  </div>
-</footer>
+{# Populate this entry file with a Theme generated from https://header-footer-podlet.job.madgexhosting.net/storybook/
+{{ FooterThemeColumns( <-- macro name which is globally accessible without doing an import, see Storybook for Theme's macro name
+  {
+    "macroName": "FooterThemeColumns",
+    "serviceName": "recruiterservices-frontend", <-- ensure serviceName is correct for this service
+    "locale": "en",
+    "cssVarColorText": "#000",
+    ...more args generated from Header Footer Podlet's Storybook
+  }
+)}}
+ #}
+
+{# 
+Alternatively, if this client has pushed for a Custom non-Theme design, you can run `npx @madgex/fert init-template` from the root of this branding repo and follow the prompts.
+This will clone a custom version of one of the Themes from header-footer-podlet which you can modify completely.
+
+🚨🚨🚨 Remember Custom non-Theme designs are discourage and should only happen if the client really pushed for it.
+If there are only minor differences from a Theme and the design, then pushed back and get back into a standard Theme 🚨🚨🚨
+ #}

package/repo-template/services/recruiterservices-frontend/templates/header.njk

@@ -1,82 +1,19 @@
-{%- from templatePath + 'translations/en.njk' import translations -%}
-{%- from templatePath + 'includes/user-nav/user-nav.njk' import UserNavigation with context -%}
-
-{%- ifAsync auth.isAuthenticated -%}
-  {% set primaryRecruiter = auth.artifacts.recruiters | selectattr("isPrimary") | first %}
-  {% set isAuthenticated = true %}
-{%- endif -%}
-
-<!-- HEADER-FOOTER-PODLET VERSION: {{ version }} -->
-<div data-block="header-main" scoped-v6="">
-  <header role="banner" id="top-bar">
-
-    {# Mobile Navigation #}
-    <div class="mobile-navbar">
-
-      {# Main Navigation #}
-      <mds-dropdown-nav target="primary-nav_mobile" aria-label="{{ translations["primary-nav-button"] }}" class="toggle-nav_button toggle-nav--primary-nav">
-        <svg aria-hidden="true" focusable="false" class="icon" alt="">
-          <use href="/public/icons/icons.svg#icon-menu"></use>
-        </svg>
-      </mds-dropdown-nav>
-      <div id="primary-nav_mobile" class="toggle-nav_content">
-        {% include templatePath + 'includes/primary-nav.njk' %}
-      </div>
-
-      {# Basket Navigation #}
-      {%- if isAuthenticated -%}
-        <mds-dropdown-nav target="basket-nav_mobile" aria-label="{{ translations["basket-nav-button"] }}" class="toggle-nav_button toggle-nav--basket-nav">
-          <svg aria-hidden="true" focusable="false" class="icon" alt="">
-            <use href="/public/icons/icons.svg#icon-cart"></use>
-          </svg>
-        </mds-dropdown-nav>
-        <div id="basket-nav_mobile" class="toggle-nav_content">
-          {% include templatePath + 'includes/basket-nav.njk' %}
-        </div>
-      {%- endif -%}
-
-      {# User Navigation #}
-      <mds-dropdown-nav target="user-nav_mobile" aria-label="{{ translations["user-nav-button"] }}" class="toggle-nav_button toggle-nav--user-nav">
-        <svg aria-hidden="true" focusable="false" class="icon" alt="">
-          <use href="/public/icons/icons.svg#icon-user"></use>
-        </svg>
-      </mds-dropdown-nav>
-      <div id="user-nav_mobile" class="toggle-nav_content">
-        {{ UserNavigation({ switchCompanyForm: false, isAuthenticated: isAuthenticated, primaryRecruiter: primaryRecruiter }) }}
-      </div>
-    </div>
-
-    {# Main Banner #}
-    <div>
-      <div class="site-width-wrapper main-banner">
-
-        {# Primary Logo #}
-        <div class="primary-logo">
-          <a href="/">
-            <img src="/public/images/logo.png" alt="{{ translations["logo-alt"] }}"/>
-          </a>
-        </div>
-
-        <div class="secondary-navs">
-
-          {# User Navigation #}
-          {{ UserNavigation({ switchCompanyForm: true, isAuthenticated: isAuthenticated, primaryRecruiter: primaryRecruiter }) }}
-
-          {# Basket #}
-          {%- if isAuthenticated -%}
-            {% include templatePath + 'includes/basket-nav.njk' %}
-          {%- endif -%}
-        </div>
-      </div>
-
-      {# Primary Navigation #}
-      <div>
-        <div class="site-width-wrapper main-nav">
-          {% include templatePath + 'includes/primary-nav.njk' %}
-        </div>
-      </div>
-    </div>
-  </header>
-</div>
-
-<!-- END HEADER FRAGMENT -->
+{# Populate this entry file with a Theme generated from https://header-footer-podlet.job.madgexhosting.net/storybook/
+{{ HeaderThemeInlineUserNav( <-- macro name which is globally accessible without doing an import, see Storybook for Theme's macro name
+  {
+    "macroName": "HeaderThemeInlineUserNav",
+    "serviceName": "recruiterservices-frontend", <-- ensure serviceName is correct for this service
+    "locale": "en",
+    "cssVarColorText": "#000",
+    ...more args generated from Header Footer Podlet's Storybook
+  }
+)}}
+ #}
+
+{# 
+Alternatively, if this client has pushed for a Custom non-Theme design, you can run `npx @madgex/fert init-template` from the root of this branding repo and follow the prompts.
+This will clone a custom version of one of the Themes from header-footer-podlet which you can modify completely.
+
+🚨🚨🚨 Remember Custom non-Theme designs are discourage and should only happen if the client really pushed for it.
+If there are only minor differences from a Theme and the design, then pushed back and get back into a standard Theme 🚨🚨🚨
+ #}

package/types.d.ts

@@ -38,6 +38,7 @@ interface FertServiceConfigFile {
   };
 }
 type Client = {
+  name: string;
   brandName: string;
   parentCpid: string;
   rootClientPropertyId: string;

package/repo-template/services/jobseekers-frontend/templates/context/footer-nav.njk

@@ -1,27 +0,0 @@
-{% set footerNavigation = [
-    {
-        "href": "/about-us",
-        "label": "About us",
-        "openInNewWindow": false
-    },
-    {
-        "href": "/contact-us",
-        "label": "Contact us",
-        "openInNewWindow": false
-    },
-    {
-        "href": "/terms-and-conditions/",
-        "label": "Terms & conditions",
-        "openInNewWindow": false
-    },
-    {
-        "href": "/privacy-policy",
-        "label": "Privacy Policy",
-        "openInNewWindow": false
-    },
-    {
-        "href": "https://bigworkbag-rs.madgexjb.com/",
-        "label": "Advertise with us",
-        "openInNewWindow": false
-    }
-] %}

package/repo-template/services/jobseekers-frontend/templates/context/main-nav.njk

@@ -1,41 +0,0 @@
-{% set mainNavigation = [
-    {
-        "href": "/",
-        "label": "Home",
-        "openInNewWindow": false
-    },
-    {
-        "href": "/jobs",
-        "label": "Find a job",
-        "openInNewWindow": false
-    },
-    {
-        "href": "/newalert",
-        "label": "Job alerts",
-        "openInNewWindow": false
-    },
-    {
-        "href": "/employers",
-        "label": "Search recruiters",
-        "openInNewWindow": false
-    },
-    {
-        "href": "/careers",
-        "label": "Career advice",
-        "openInNewWindow": false
-    },
-    {
-        "href": "/careerfairs",
-        "label": "Career fairs",
-        "openInNewWindow": false
-    },    {
-        "href": "/cp/role-explorer",
-        "label": "Role Insights",
-        "openInNewWindow": false
-    },
-    {
-        "href": "/forum",
-        "label": "Forum",
-        "openInNewWindow": false
-    }
-] %}

package/repo-template/services/jobseekers-frontend/templates/context/user-nav.njk

@@ -1,17 +0,0 @@
-{% set userNavigation = [
-    {
-        "href": "/your-jobs",
-        "label": "Your jobs",
-        "openInNewWindow": false
-    },
-    {
-        "href": "/profile",
-        "label": "Your profile",
-        "openInNewWindow": false
-    },
-    {
-        "href": "/account",
-        "label": "Your account",
-        "openInNewWindow": false
-    }
-] %}

package/repo-template/services/jobseekers-frontend/templates/includes/footer-nav.njk

@@ -1,15 +0,0 @@
-{%- from templatePath + 'context/footer-nav.njk' import footerNavigation -%}
-
-{%- if footerNavigation.length -%}
-  <nav aria-label="{{ translations.footer["footer"] }}" class="tertiary-nav block">
-    <ul class="tertiary-nav__items cf">
-    {%- for item in footerNavigation -%}
-      <li class="tertiary-nav__item tertiary-nav__item--index-{{loop.index0}}">
-        <a class="tertiary-nav__link" href="{{ item.href }}" {%- if item.openInNewWindow -%} target="_blank" rel="noopener" {% endif %}>
-          {{ item.label | safe }}{%- if item.openInNewWindow %} <span class="mds-visually-hidden">{{ translations.header["link-new-window"] }}</span>{%- endif -%}
-        </a>
-      </li>
-    {%- endfor -%}
-    </ul>
-  </nav>
-{%- endif -%}

package/repo-template/services/jobseekers-frontend/templates/includes/main-nav.njk

@@ -1,19 +0,0 @@
-{%- from templatePath + 'context/main-nav.njk' import mainNavigation -%}
-
-<nav aria-label="{{ translations.header["main"] }}" id="primary-nav" class="primary-nav togglable-nav js-togglable-nav">
-  <div class="wrapper">
-    {% if mainNavigation.length %}
-      <ul class="primary-nav__items togglable-nav__items cf">
-        {% for item in mainNavigation %}
-          <li class="togglable-nav__item primary-nav__item  primary-nav__item--index-{{loop.index0}}
-          {%- if item.href | normaliseUrl === path %} primary-nav__item--active{% endif -%}
-          {%- if loop.last %} primary-nav__item--last{% endif -%}">
-            <a class="primary-nav__link" href="{{ item.href }}" {%- if item.openInNewWindow -%} target="_blank" rel="noopener" {% endif %}><span class="primary-nav__label">{{- item.label | safe -}}</span>{%- if item.openInNewWindow %}<span class="hidden">{{ translations.header["link-new-window"] }}</span>{% endif %}
-            </a>
-          </li>
-        {% endfor %}
-      </ul>
-    {% endif %}
-    <div class="sector-nav--smallscreen" data-set="sector-nav"></div>
-  </div>
-</nav>

package/repo-template/services/jobseekers-frontend/templates/includes/user-nav/authenticated.njk

@@ -1,34 +0,0 @@
-{%- from templatePath + 'context/user-nav.njk' import userNavigation -%}
-<ul class="jobseekers__items cf">
-  <li class="user-nav togglable-nav__item jobseekers__item jobseekers__item--username">
-    <a
-      href="#user-nav-items"
-      title="User menu"
-      data-icon="☺"
-      class="user-nav__toggle icon-before js-togglable-nav-trigger"
-      data-hj-suppress>
-      <span data-icon="▼" class="user-nav__triangle icon-after" data-hj-suppress>{{ auth.credentials.username | safe }}</span>
-    </a>
-    <ul id="user-nav-items" class="user-nav__items togglable-nav togglable-nav--secondary z-index-bump js-togglable-nav">
-      <li
-        class="user-nav__item user-nav__item--first user-nav__item--label togglable-nav__item togglable-nav__item--first"
-        data-hj-suppress>
-        {{ auth.credentials.username | safe }}
-      </li>
-      {% for item in userNavigation %}
-        <li class="user-nav__item togglable-nav__item">
-          <a class="user-nav__link" href="{{ item.href }}">{{ item.label }}</a>
-        </li>
-      {% endfor %}
-    </ul>
-  </li>
-  <li class="togglable-nav__item jobseekers__item jobseekers__item--shortlist">
-    <a href="/your-jobs?ActiveSection=ShortList">
-      <span aria-hidden="true" class="icon-after js-shortlist-counter" data-icon="★" title="Your shortlist">{{ auth.artifacts.shortlistedJobs | length | default(0) }}</span>
-      <span class="hidden">{{ translations.header["your-shortlist"] }} (<span class="js-shortlist-counter">{{ auth.artifacts.shortlistedJobs | length | default(0) }}</span>)</span>
-    </a>
-  </li>
-  <li class="togglable-nav__item togglable-nav__item--last jobseekers__item jobseekers__item--sign-out">
-    <a href="{{ getServiceRoute('jobseekersite', 'account.logoff') }}">{{ translations.header["sign-out"] }}</a>
-  </li>
-</ul>

package/repo-template/services/jobseekers-frontend/templates/includes/user-nav/unauthenticated.njk

@@ -1,9 +0,0 @@
-<ul class="jobseekers__items cf">
-  <li class="togglable-nav__item jobseekers__item jobseekers__item--sign-in">
-    <a href="{{ getServiceRoute('jobseekersite', 'account.login') }}">{{ translations.header["sign-in"] }}</a>
-    <span class="text or">{{ translations.header["or"] }}</span>
-  </li>
-  <li class="togglable-nav__item togglable-nav__item--last jobseekers__item jobseekers__item--create-account">
-    <a href="{{ getServiceRoute('jobseekersite', 'account.signup') }}">{{ translations.header["create-account"] }}</a>
-  </li>
-</ul>

package/repo-template/services/jobseekers-frontend/templates/translations/da.njk

@@ -1,26 +0,0 @@
-{% set translations = {
-  header: {
-    "sign-in": "Log ind",
-    "sign-out": "Log ud",
-    "or": "eller",
-    "create-account": "Opret konto",
-    "link-new-window": "(Dette vil åbne i et nyt vindue)",
-    "your-shortlist": "Din jobliste",
-    "user-menu": "Brugermenu",
-
-    "skip-to-main-menu": "Gå direkte til hovedmenu",
-    "skip-to-user-menu": "Skip to user menu",
-
-    "recruiters": "Hververe",
-    "jobseekers": "Jobsøgende",
-
-    "user": "Bruger",
-    "homepage": "Forsiden",
-    "main": "Hovedmenu"
-  },
-
-    footer: {
-    "back-to-top": "Tilbage til toppen",
-    "footer": "Sidefod"
-  }
-} %}

package/repo-template/services/jobseekers-frontend/templates/translations/de.njk

@@ -1,26 +0,0 @@
-{% set translations = {
-  header: {
-    "sign-in": "Log ind",
-    "sign-out": "Log ud",
-    "or": "eller",
-    "create-account": "Opret konto",
-    "link-new-window": "(Dette vil åbne i et nyt vindue)",
-    "your-shortlist": "Din jobliste",
-    "user-menu": "Brugermenu",
-
-    "skip-to-main-menu": "Überspringen und zur Hauptseite zurückkehren",
-    "skip-to-user-menu": "Skip to user menu",
-
-    "recruiters": "Stellenanbieter",
-    "jobseekers": "Bewerber",
-
-    "user": "Benutzer",
-    "homepage": "Startseite",
-    "main": "Hauptmenü"
-  },
-
-  footer: {
-    "back-to-top": "Nach oben",
-    "footer": "Fusszeile"
-  }
-} %}

package/repo-template/services/jobseekers-frontend/templates/translations/en.njk

@@ -1,27 +0,0 @@
-{% set translations = {
-
-  header: {
-    "sign-in": "Sign in",
-    "sign-out": "Sign out",
-    "or": "or",
-    "create-account": "Create account",
-    "link-new-window": "(This link will open in a new window)",
-    "your-shortlist": "Your shortlist",
-    "user-menu": "User menu",
-
-    "skip-to-main-menu": "Skip to main menu",
-    "skip-to-user-menu": "Skip to user menu",
-
-    "recruiters": "Recruiters",
-    "jobseekers": "Jobseekers",
-
-    "user": "User",
-    "homepage": "Homepage",
-    "main": "Main menu"
-  },
-
-  footer: {
-    "back-to-top": "Back to top",
-    "footer": "Footer"
-  }
-} %}