From f233cad54782ce99f06da7379c3dec0be5696aa7 Mon Sep 17 00:00:00 2001
From: deetz99 <73151365+deetz99@users.noreply.github.com>
Date: Sat, 21 Sep 2024 19:52:59 -0700
Subject: [PATCH] feat: Ppr page (#183)
* update readme, contributing and code of conduct
* update vaults env and pkg josn
* start ppr page
* fix some styles
* add french md files for ppr
---
app/app.config.ts | 6 +
app/components/BCReg/HeroBanner.vue | 6 +-
app/components/PPR/ContactInfo.vue | 52 +++++
app/components/PPR/FeatureCard.vue | 18 ++
app/components/PPR/HeroBanner.vue | 38 ++++
app/components/PPR/LinkCard.vue | 50 +++++
app/components/PPR/Section.vue | 23 ++
app/components/Sbc/AuthMenu.vue | 8 +-
app/components/Sbc/ProductCard.vue | 2 +-
.../content/BcRegAccountButtons.vue | 6 +-
app/components/content/LandingSection.vue | 2 +-
app/components/content/ProseA.vue | 4 +-
app/pages/index.vue | 2 +-
app/pages/ppr-marketing.vue | 207 ++++++++++++++++++
content/en-CA/ppr/sections/01.search.md | 13 ++
content/en-CA/ppr/sections/02.reports.md | 11 +
content/en-CA/ppr/sections/03.register.md | 13 ++
content/fr-CA/ppr/sections/01.search.md | 13 ++
content/fr-CA/ppr/sections/02.reports.md | 11 +
content/fr-CA/ppr/sections/03.register.md | 13 ++
package.json | 2 +-
pnpm-lock.yaml | 65 ++++--
public/svgs/account-circle.svg | 20 ++
public/svgs/currency-usd-circle.svg | 17 ++
public/svgs/custom-pdf-icon-whiteonblue.svg | 23 ++
public/svgs/custom-pdf-icon.svg | 23 ++
public/svgs/file-document-box-search-icon.svg | 16 ++
public/svgs/legal-services-icon.svg | 18 ++
public/svgs/monitor-dashboard.svg | 18 ++
public/svgs/table-key.svg | 20 ++
public/svgs/table-search.svg | 18 ++
public/svgs/vehicle-claim-icon.svg | 25 +++
tailwind.config.ts | 6 +-
33 files changed, 731 insertions(+), 38 deletions(-)
create mode 100644 app/components/PPR/ContactInfo.vue
create mode 100644 app/components/PPR/FeatureCard.vue
create mode 100644 app/components/PPR/HeroBanner.vue
create mode 100644 app/components/PPR/LinkCard.vue
create mode 100644 app/components/PPR/Section.vue
create mode 100644 app/pages/ppr-marketing.vue
create mode 100644 content/en-CA/ppr/sections/01.search.md
create mode 100644 content/en-CA/ppr/sections/02.reports.md
create mode 100644 content/en-CA/ppr/sections/03.register.md
create mode 100644 content/fr-CA/ppr/sections/01.search.md
create mode 100644 content/fr-CA/ppr/sections/02.reports.md
create mode 100644 content/fr-CA/ppr/sections/03.register.md
create mode 100644 public/svgs/account-circle.svg
create mode 100644 public/svgs/currency-usd-circle.svg
create mode 100644 public/svgs/custom-pdf-icon-whiteonblue.svg
create mode 100644 public/svgs/custom-pdf-icon.svg
create mode 100644 public/svgs/file-document-box-search-icon.svg
create mode 100644 public/svgs/legal-services-icon.svg
create mode 100644 public/svgs/monitor-dashboard.svg
create mode 100644 public/svgs/table-key.svg
create mode 100644 public/svgs/table-search.svg
create mode 100644 public/svgs/vehicle-claim-icon.svg
diff --git a/app/app.config.ts b/app/app.config.ts
index db23b4f..94a98ea 100644
--- a/app/app.config.ts
+++ b/app/app.config.ts
@@ -29,6 +29,7 @@ export default defineAppConfig({
}
},
button: {
+ rounded: 'rounded',
size: {
bcGov: 'text-sm'
},
@@ -73,6 +74,11 @@ export default defineAppConfig({
border: 'border-gray-500',
label: 'text-base text-bcGovColor-midGray font-normal'
},
+ container: {
+ base: 'mx-auto',
+ padding: 'px-4 sm:px-6 lg:px-8',
+ constrained: 'max-w-bcGovLg'
+ },
divider: {
border: {
base: 'flex border-bcGovGray-500 dark:border-gray-300/50'
diff --git a/app/components/BCReg/HeroBanner.vue b/app/components/BCReg/HeroBanner.vue
index d42488c..c947817 100644
--- a/app/components/BCReg/HeroBanner.vue
+++ b/app/components/BCReg/HeroBanner.vue
@@ -1,5 +1,5 @@
-
+ {{ description }}
+
+ The Personal Property Registry records security interests and
+ liens against personal property belonging to British Columbia businesses
+ and individuals.
+ {{ description }}
+ The Personal Property Registry is now one of BC Registries and Online
+ Services' new modernized applications.
+ Log in securely using your mobile BC Services Card, government's trusted way to access online services.
+ {{ title }}
+
+ Register or search for legal claims on personal property
+
+ A Modern Personal Property Registry for B.C.
+
+
+
+
+
+ Helpful Links
+
+
+
+
+ Create an Account to Get Started
+
+
+ It's Secure
+
+
+
+
+ It's Quick and Easy
+
+
+
+
+ Note: The Personal Property Registry includes interests in fixtures and crops (personal property attached to land), but does not include ownership and interests in real property (land). Find real property interests in the Land Title Surveyor Authority (LTSA). +
\ No newline at end of file diff --git a/content/en-CA/ppr/sections/02.reports.md b/content/en-CA/ppr/sections/02.reports.md new file mode 100644 index 0000000..07164a7 --- /dev/null +++ b/content/en-CA/ppr/sections/02.reports.md @@ -0,0 +1,11 @@ +--- +bgImage: "bg-ppr-reportpaper" +--- + +### Get Detailed Search Result Reports + +- Get a detailed report containing the list of registrations that match your criteria. +- See the current information and complete history of each registration in your report. +- Easily find a particular registration in your report. +- Use your Search Result Report as evidence of a claim, or lack of a claim, on personal property. + \ No newline at end of file diff --git a/content/en-CA/ppr/sections/03.register.md b/content/en-CA/ppr/sections/03.register.md new file mode 100644 index 0000000..5292e76 --- /dev/null +++ b/content/en-CA/ppr/sections/03.register.md @@ -0,0 +1,13 @@ +--- +bgImage: "bg-ppr-register" +--- + +### Register Security Agreements and Liens + +- Register legal claims on personal property. +- Look up Secured Parties based on a B.C. business name or incorporation number or enter them manually. +- Save drafts of your financing statements before registering. +- Review your registration for accuracy prior to payment. +- Manage and find your draft and registered financing statements easily. +- See if your registrations are due to expire or if they have been discharged. +- Amend, Renew, or Discharge registrations. \ No newline at end of file diff --git a/content/fr-CA/ppr/sections/01.search.md b/content/fr-CA/ppr/sections/01.search.md new file mode 100644 index 0000000..c2a7781 --- /dev/null +++ b/content/fr-CA/ppr/sections/01.search.md @@ -0,0 +1,13 @@ +--- +bgImage: "bg-ppr-search" +--- +### Search for Registered Security Agreements and Liens FRENCH + +- Search for legal claims on personal property as well as the people, businesses, and organizations associated with these claims. +- Select registrations to download and view the secured parties, debtors, and collateral in each. +- View and manage your search history. +- Download copies of your Search Result Reports for your records or for use in court. + ++ Note: The Personal Property Registry includes interests in fixtures and crops (personal property attached to land), but does not include ownership and interests in real property (land). Find real property interests in the Land Title Surveyor Authority (LTSA). +
\ No newline at end of file diff --git a/content/fr-CA/ppr/sections/02.reports.md b/content/fr-CA/ppr/sections/02.reports.md new file mode 100644 index 0000000..a919d11 --- /dev/null +++ b/content/fr-CA/ppr/sections/02.reports.md @@ -0,0 +1,11 @@ +--- +bgImage: "bg-ppr-reportpaper" +--- + +### Get Detailed Search Result Reports FRENCH + +- Get a detailed report containing the list of registrations that match your criteria. +- See the current information and complete history of each registration in your report. +- Easily find a particular registration in your report. +- Use your Search Result Report as evidence of a claim, or lack of a claim, on personal property. + \ No newline at end of file diff --git a/content/fr-CA/ppr/sections/03.register.md b/content/fr-CA/ppr/sections/03.register.md new file mode 100644 index 0000000..5b7dfa2 --- /dev/null +++ b/content/fr-CA/ppr/sections/03.register.md @@ -0,0 +1,13 @@ +--- +bgImage: "bg-ppr-register" +--- + +### Register Security Agreements and Liens FRENCH + +- Register legal claims on personal property. +- Look up Secured Parties based on a B.C. business name or incorporation number or enter them manually. +- Save drafts of your financing statements before registering. +- Review your registration for accuracy prior to payment. +- Manage and find your draft and registered financing statements easily. +- See if your registrations are due to expire or if they have been discharged. +- Amend, Renew, or Discharge registrations. \ No newline at end of file diff --git a/package.json b/package.json index 87560fe..a43ef32 100644 --- a/package.json +++ b/package.json @@ -47,7 +47,7 @@ }, "dependencies": { "@bcrs-shared-components/interfaces": "^1.1.16", - "@daxiom/nuxt-core-layer-test": "^0.0.1", + "@daxiom/nuxt-core-layer-test": "^0.0.2", "@vuepic/vue-datepicker": "^8.8.1", "firebase": "^10.12.3", "http-status-codes": "^2.3.0", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 6f632b0..8fafbed 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -9,8 +9,8 @@ dependencies: specifier: ^1.1.16 version: 1.1.16 '@daxiom/nuxt-core-layer-test': - specifier: ^0.0.1 - version: 0.0.1(nuxt@3.12.3)(pinia@2.1.7)(rollup@4.18.0)(typescript@5.5.3)(vite@5.3.3)(vue@3.4.31) + specifier: ^0.0.2 + version: 0.0.2(nuxt@3.12.3)(pinia@2.1.7)(rollup@4.18.0)(typescript@5.5.3)(vite@5.3.3)(vue@3.4.31) '@vuepic/vue-datepicker': specifier: ^8.8.1 version: 8.8.1(vue@3.4.31) @@ -684,8 +684,8 @@ packages: postcss-selector-parser: 6.1.0 dev: false - /@daxiom/nuxt-core-layer-test@0.0.1(nuxt@3.12.3)(pinia@2.1.7)(rollup@4.18.0)(typescript@5.5.3)(vite@5.3.3)(vue@3.4.31): - resolution: {integrity: sha512-QUICvSnfbVKfQlIKHgXvueZCTkjJJE9IQlnkZ0wkpGRvPo9mwwLOxO6+z1Elfr9rSkEWp+JrZtt7dQfOMMfoPw==} + /@daxiom/nuxt-core-layer-test@0.0.2(nuxt@3.12.3)(pinia@2.1.7)(rollup@4.18.0)(typescript@5.5.3)(vite@5.3.3)(vue@3.4.31): + resolution: {integrity: sha512-i33lrbDFOWX69R2LwfeULRfNrKcj0r9j4LC1NYPt0c7O/K/pp6dSdXcCkIjblBLUjoIGkixvOCoAJjAg3SprbA==} dependencies: '@iconify-json/mdi': 1.1.68 '@nuxt/content': 2.13.2(nuxt@3.12.3)(rollup@4.18.0)(vue@3.4.31) @@ -695,6 +695,7 @@ packages: '@pinia/nuxt': 0.5.1(rollup@4.18.0)(typescript@5.5.3)(vue@3.4.31) '@vueuse/nuxt': 10.11.0(nuxt@3.12.3)(rollup@4.18.0)(vue@3.4.31) keycloak-js: 25.0.1 + launchdarkly-vue-client-sdk: 2.2.2(vue@3.4.31) zod: 3.23.8 transitivePeerDependencies: - '@azure/app-configuration' @@ -1999,7 +2000,7 @@ packages: pathe: 1.1.2 picocolors: 1.0.1 source-map-js: 1.2.0 - unplugin: 1.11.0 + unplugin: 1.12.0 vue-i18n: 9.10.2(vue@3.4.31) transitivePeerDependencies: - rollup @@ -2086,6 +2087,7 @@ packages: /@koa/router@12.0.1: resolution: {integrity: sha512-ribfPYfHb+Uw3b27Eiw6NPqjhIhTpVFzEWLwyc/1Xp+DCdwRRyIlAUODX+9bPARF6aQtUu1+/PHzdNvRzcs/+Q==} engines: {node: '>= 12'} + deprecated: Use v12.0.2 or higher to fix the vulnerability issue dependencies: debug: 4.3.5 http-errors: 2.0.0 @@ -2744,7 +2746,7 @@ packages: '@nuxt/kit': 3.12.4(rollup@4.18.0) pathe: 1.1.2 pkg-types: 1.1.3 - semver: 7.6.2 + semver: 7.6.3 transitivePeerDependencies: - magicast - rollup @@ -2818,7 +2820,7 @@ packages: '@intlify/unplugin-vue-i18n': 3.0.1(rollup@4.18.0)(vue-i18n@9.10.2) '@intlify/utils': 0.12.0 '@miyaneee/rollup-plugin-json5': 1.2.0(rollup@4.18.0) - '@nuxt/kit': 3.12.3(magicast@0.3.4)(rollup@4.18.0) + '@nuxt/kit': 3.12.4(rollup@4.18.0) '@rollup/plugin-yaml': 4.1.2(rollup@4.18.0) '@vue/compiler-sfc': 3.4.31 debug: 4.3.5 @@ -2831,8 +2833,8 @@ packages: pathe: 1.1.2 scule: 1.3.0 sucrase: 3.35.0 - ufo: 1.5.3 - unplugin: 1.11.0 + ufo: 1.5.4 + unplugin: 1.12.0 vue-i18n: 9.10.2(vue@3.4.31) vue-router: 4.4.0(vue@3.4.31) transitivePeerDependencies: @@ -2901,7 +2903,7 @@ packages: postcss-nesting: 12.1.5(postcss@8.4.39) tailwind-config-viewer: 2.0.4(tailwindcss@3.4.7) tailwindcss: 3.4.7 - ufo: 1.5.3 + ufo: 1.5.4 unctx: 2.3.1 transitivePeerDependencies: - magicast @@ -3296,7 +3298,7 @@ packages: /@pinia/nuxt@0.5.1(rollup@4.18.0)(typescript@5.5.3)(vue@3.4.31): resolution: {integrity: sha512-6wT6TqY81n+7/x3Yhf0yfaJVKkZU42AGqOR0T3+UvChcaOJhSma7OWPN64v+ptYlznat+fS1VTwNAcbi2lzHnw==} dependencies: - '@nuxt/kit': 3.12.3(magicast@0.3.4)(rollup@4.18.0) + '@nuxt/kit': 3.12.4(rollup@4.18.0) pinia: 2.1.7(typescript@5.5.3)(vue@3.4.31) transitivePeerDependencies: - '@vue/composition-api' @@ -3802,12 +3804,6 @@ packages: resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==} dev: true - /@types/mdast@4.0.3: - resolution: {integrity: sha512-LsjtqsyF+d2/yFOYaN22dHZI1Cpwkrj+g06G8+qtUKlhovPW89YhqSnfKtMbkgmEtYpH2gydRNULd6y8mciAFg==} - dependencies: - '@types/unist': 3.0.2 - dev: false - /@types/mdast@4.0.4: resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==} dependencies: @@ -4497,7 +4493,7 @@ packages: peerDependencies: nuxt: ^3.0.0 dependencies: - '@nuxt/kit': 3.12.3(magicast@0.3.4)(rollup@4.18.0) + '@nuxt/kit': 3.12.4(rollup@4.18.0) '@vueuse/core': 10.11.0(vue@3.4.31) '@vueuse/metadata': 10.11.0 local-pkg: 0.5.0 @@ -8205,7 +8201,7 @@ packages: acorn: 8.12.1 eslint-visitor-keys: 3.4.3 espree: 9.6.1 - semver: 7.6.2 + semver: 7.6.3 dev: false /jsonc-parser@3.2.1: @@ -8337,6 +8333,13 @@ packages: launchdarkly-js-sdk-common: 5.2.0 dev: false + /launchdarkly-js-client-sdk@3.4.0: + resolution: {integrity: sha512-3v1jKy1RECT0SG/3SGlyRO32vweoNxvWiJuIChRh/Zhk98cHpANuwameXVhwJ4WEDNZJTur73baaKAyatSP46A==} + dependencies: + escape-string-regexp: 4.0.0 + launchdarkly-js-sdk-common: 5.3.0 + dev: false + /launchdarkly-js-sdk-common@5.2.0: resolution: {integrity: sha512-aLv2ZrUv229RIwLtFhdILu2aJS/fqGSJzTk4L/bCDZA8RuIh7PutI3ui/AJeNnzPzjKzdEQZw6wVhkVc84baog==} dependencies: @@ -8345,6 +8348,14 @@ packages: uuid: 8.3.2 dev: false + /launchdarkly-js-sdk-common@5.3.0: + resolution: {integrity: sha512-NI5wFF8qhjtpRb4KelGdnwNIOf/boLlbLiseV7uf1jxSeoM/L30DAz87RT8VhYCSGCo4LedGILQFednI/MKFkA==} + dependencies: + base64-js: 1.5.1 + fast-deep-equal: 2.0.1 + uuid: 8.3.2 + dev: false + /launchdarkly-vue-client-sdk@2.2.0(vue@3.4.31): resolution: {integrity: sha512-JyHjRUbi52sJE4dR3n3haYEQaSQImB6dS/Pgq7JzvvZMAJTfovPzTpmx3QJ64dA9X85gr/nAINNl/rGbWtwL7Q==} engines: {node: '>=16.15.1', npm: '>=8.11.0'} @@ -8355,6 +8366,16 @@ packages: vue: 3.4.31(typescript@5.5.3) dev: false + /launchdarkly-vue-client-sdk@2.2.2(vue@3.4.31): + resolution: {integrity: sha512-fi8HLhnDqDKaVvtpu92iRVNs3XK+mUThhou8e805nWvn4EqD0Q6A5R2KK4OK5MdhSU429443pIhTHOlVYpZ+6A==} + engines: {node: '>=16.15.1', npm: '>=8.11.0'} + peerDependencies: + vue: ^3.2.36 + dependencies: + launchdarkly-js-client-sdk: 3.4.0 + vue: 3.4.31(typescript@5.5.3) + dev: false + /lazystream@1.0.1: resolution: {integrity: sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==} engines: {node: '>= 0.6.3'} @@ -8681,7 +8702,7 @@ packages: /mdast-util-to-string@4.0.0: resolution: {integrity: sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==} dependencies: - '@types/mdast': 4.0.3 + '@types/mdast': 4.0.4 dev: false /mdn-data@2.0.28: @@ -9869,7 +9890,7 @@ packages: '@vue/devtools-api': 6.6.3 typescript: 5.5.3 vue: 3.4.31(typescript@5.5.3) - vue-demi: 0.14.7(vue@3.4.31) + vue-demi: 0.14.10(vue@3.4.31) /pirates@4.0.6: resolution: {integrity: sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==} @@ -12453,7 +12474,6 @@ packages: optional: true dependencies: vue: 3.4.31(typescript@5.5.3) - dev: false /vue-demi@0.14.7(vue@3.4.31): resolution: {integrity: sha512-EOG8KXDQNwkJILkx/gPcoL/7vH+hORoBaKgGe+6W7VFMvCYJfmF2dGbvgDroVnI8LU7/kTu8mbjRZGBU1z9NTA==} @@ -12468,6 +12488,7 @@ packages: optional: true dependencies: vue: 3.4.31(typescript@5.5.3) + dev: true /vue-devtools-stub@0.1.0: resolution: {integrity: sha512-RutnB7X8c5hjq39NceArgXg28WZtZpGc3+J16ljMiYnFhKvd8hITxSWQSQ5bvldxMDU6gG5mkxl1MTQLXckVSQ==} diff --git a/public/svgs/account-circle.svg b/public/svgs/account-circle.svg new file mode 100644 index 0000000..650ab7a --- /dev/null +++ b/public/svgs/account-circle.svg @@ -0,0 +1,20 @@ + + \ No newline at end of file diff --git a/public/svgs/currency-usd-circle.svg b/public/svgs/currency-usd-circle.svg new file mode 100644 index 0000000..36a793a --- /dev/null +++ b/public/svgs/currency-usd-circle.svg @@ -0,0 +1,17 @@ + + \ No newline at end of file diff --git a/public/svgs/custom-pdf-icon-whiteonblue.svg b/public/svgs/custom-pdf-icon-whiteonblue.svg new file mode 100644 index 0000000..cb7ccbe --- /dev/null +++ b/public/svgs/custom-pdf-icon-whiteonblue.svg @@ -0,0 +1,23 @@ + + \ No newline at end of file diff --git a/public/svgs/custom-pdf-icon.svg b/public/svgs/custom-pdf-icon.svg new file mode 100644 index 0000000..a6de300 --- /dev/null +++ b/public/svgs/custom-pdf-icon.svg @@ -0,0 +1,23 @@ + + \ No newline at end of file diff --git a/public/svgs/file-document-box-search-icon.svg b/public/svgs/file-document-box-search-icon.svg new file mode 100644 index 0000000..2250e61 --- /dev/null +++ b/public/svgs/file-document-box-search-icon.svg @@ -0,0 +1,16 @@ + + \ No newline at end of file diff --git a/public/svgs/legal-services-icon.svg b/public/svgs/legal-services-icon.svg new file mode 100644 index 0000000..9f3a36a --- /dev/null +++ b/public/svgs/legal-services-icon.svg @@ -0,0 +1,18 @@ + + \ No newline at end of file diff --git a/public/svgs/monitor-dashboard.svg b/public/svgs/monitor-dashboard.svg new file mode 100644 index 0000000..8223e00 --- /dev/null +++ b/public/svgs/monitor-dashboard.svg @@ -0,0 +1,18 @@ + + \ No newline at end of file diff --git a/public/svgs/table-key.svg b/public/svgs/table-key.svg new file mode 100644 index 0000000..151f3b5 --- /dev/null +++ b/public/svgs/table-key.svg @@ -0,0 +1,20 @@ + + \ No newline at end of file diff --git a/public/svgs/table-search.svg b/public/svgs/table-search.svg new file mode 100644 index 0000000..2aa9827 --- /dev/null +++ b/public/svgs/table-search.svg @@ -0,0 +1,18 @@ + + \ No newline at end of file diff --git a/public/svgs/vehicle-claim-icon.svg b/public/svgs/vehicle-claim-icon.svg new file mode 100644 index 0000000..af8cf97 --- /dev/null +++ b/public/svgs/vehicle-claim-icon.svg @@ -0,0 +1,25 @@ + + \ No newline at end of file diff --git a/tailwind.config.ts b/tailwind.config.ts index a921ee6..7b8b2e6 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -5,7 +5,11 @@ module.exports = { theme: { extend: { backgroundImage: { - homebanner: "url('/img/BCReg_homebanner_images_final_80compressed_032521.jpg')" + homebanner: "url('/img/BCReg_homebanner_images_final_80compressed_032521.jpg')", + 'ppr-homebanner': "url('/img/PPR_homebanner_image_v2_x2.jpg')", + 'ppr-reportpaper': "url('/img/PPR_reportpaper_x2.jpg')", + 'ppr-search': "url('/img/PPR_search_screenshot.png')", + 'ppr-register': "url('/img/PPR_register_screenshot.png')" } } }