From e7b73cde45031a0b28da56b444a63d046167ff00 Mon Sep 17 00:00:00 2001 From: Caleb Burke Date: Fri, 4 Sep 2026 15:14:46 -0700 Subject: [PATCH 1/2] :art: Update sign-in page disclaimer, labels, and tab title. Applies the Shannon-approved TK-76 login copy: removes the Yukon Government subtitle, renames the MyYukon credentials line, swaps the Secure Digital Storage note for the TK Vault access statement, and replaces the library logo with the green Information Sharing Agreement disclaimer. Renames the application to Traditional Knowledge Vault so the browser tab reads Traditional Knowledge Vault - Sign In. See https://yg-hpw.atlassian.net/browse/TK-75 --- web/index.html | 2 +- web/src/config.ts | 8 ++-- web/src/pages/SignInPage.vue | 70 ++++++++++++++++---------------- web/src/plugins/router-plugin.ts | 2 +- 4 files changed, 41 insertions(+), 41 deletions(-) diff --git a/web/index.html b/web/index.html index b81a9e93..01ec18bb 100644 --- a/web/index.html +++ b/web/index.html @@ -11,7 +11,7 @@ name="viewport" content="width=device-width, initial-scale=1.0" /> - Traditional Knowledge + Traditional Knowledge Vault
diff --git a/web/src/config.ts b/web/src/config.ts index f8acf37b..cfaaf8b1 100644 --- a/web/src/config.ts +++ b/web/src/config.ts @@ -12,7 +12,7 @@ const prodConfig = { clientId: "cGFfr4ZNoqn88sJGBS8VgnbG6oCV2ACc", audience: "generic-production", apiBaseUrl: "", - applicationName: "Traditional Knowledge", + applicationName: "Traditional Knowledge Vault", matomoHost: MATOMO_HOST, matomoSiteId: MATOMO_SITE_ID, } @@ -22,7 +22,7 @@ const uatConfig = { clientId: "11878vWk1pmhwyVQwsr2m2zM3w3e912U", audience: "generic-uat", apiBaseUrl: "", - applicationName: "Traditional Knowledge - UAT", + applicationName: "Traditional Knowledge Vault - UAT", matomoHost: MATOMO_HOST, matomoSiteId: MATOMO_SITE_ID, } @@ -32,7 +32,7 @@ const devConfig = { clientId: "fsWyrDohhHtojdOpOFnAYtFMxwAMHUEF", audience: "testing", apiBaseUrl: DEVELOPMENT_API_BASE_URL, - applicationName: "Traditional Knowledge", + applicationName: "Traditional Knowledge Vault", matomoHost: MATOMO_HOST, matomoSiteId: MATOMO_SITE_ID, } @@ -42,7 +42,7 @@ const localProductionConfig = { clientId: "cGFfr4ZNoqn88sJGBS8VgnbG6oCV2ACc", audience: "generic-production", apiBaseUrl: "http://localhost:8080", - applicationName: "Traditional Knowledge", + applicationName: "Traditional Knowledge Vault", matomoHost: MATOMO_HOST, matomoSiteId: MATOMO_SITE_ID, } diff --git a/web/src/pages/SignInPage.vue b/web/src/pages/SignInPage.vue index 840063c7..e1cfb0ad 100644 --- a/web/src/pages/SignInPage.vue +++ b/web/src/pages/SignInPage.vue @@ -11,13 +11,15 @@ class="d-lg-flex align-center justify-center" style="overflow: hidden" > - mdi-library +
+

+ {{ paragraph }} +

+
- mdi-library

Traditional Knowledge Vault

-
Yukon Government
Sign in -
Using your MyYukon Credentials
+
Sign in using MyYukon Credentials
- Secure Digital Storage + + The MyYukon service is being used for safe and secure access to the TK Vault. The TK + Vault is a shared space for intergovernmental collaboration and is not publicly + accessible +
- +
@@ -88,12 +82,18 @@ import { useDisplay } from "vuetify" import useCurrentUser from "@/use/use-current-user" -const { mdAndDown, smAndUp } = useDisplay() +const { mdAndDown } = useDisplay() const { reset: resetCurrentUser } = useCurrentUser() const { loginWithRedirect } = useAuth0() +const disclaimerParagraphs = [ + "The Vault is a secure digital storage mechanism intended to improve how the Government of Yukon reflects, respects and protects Traditional Knowledge in a way that is authorized, appropriate and accountable.", + "It is important to note that the Traditional Knowledge contents within have been shared under a government-to-government Information Sharing Agreement that sets out the commitments and responsibilities each government has agreed to uphold.", + "By logging in, you acknowledge and agree to uphold the commitments made by your respective government as set out in the terms and conditions of the relevant Information Sharing Agreement.", +] + onMounted(() => { resetCurrentUser() }) diff --git a/web/src/plugins/router-plugin.ts b/web/src/plugins/router-plugin.ts index 983108c0..c2e75949 100644 --- a/web/src/plugins/router-plugin.ts +++ b/web/src/plugins/router-plugin.ts @@ -10,7 +10,7 @@ const router = createRouter({ }) router.beforeEach(async (to) => { - document.title = `${APPLICATION_NAME} : ${to.meta.title ? " " + to.meta.title : ""}` + document.title = to.meta.title ? `${APPLICATION_NAME} - ${to.meta.title}` : APPLICATION_NAME if (to.meta.requiresAuth === false) return true From 2167dc8f39fc433fe45db826ba5bbdc7dba88451 Mon Sep 17 00:00:00 2001 From: Caleb Burke Date: Fri, 4 Sep 2026 15:52:43 -0700 Subject: [PATCH 2/2] :cherry_blossom: Render the sign-in button label in sentence case. Vuetify uppercases v-btn labels by default; text-none keeps it as Sign in per the approved TK-76 copy. See https://yg-hpw.atlassian.net/browse/TK-75 --- web/src/pages/SignInPage.vue | 1 + 1 file changed, 1 insertion(+) diff --git a/web/src/pages/SignInPage.vue b/web/src/pages/SignInPage.vue index e1cfb0ad..ce2608ad 100644 --- a/web/src/pages/SignInPage.vue +++ b/web/src/pages/SignInPage.vue @@ -41,6 +41,7 @@

Traditional Knowledge Vault