From 91afc278e287f188756386eb05e8543e6b69806a Mon Sep 17 00:00:00 2001
From: John Arban Lewis <johnarban@users.noreply.github.com>
Date: Tue, 18 Nov 2025 15:05:53 -0500
Subject: [PATCH 1/4] Add CDSPrivacyPolicy dialog component

Add CDSPrivacyPolicy dialog component. visibility is controlled by `showPrivacyDialog`
---
 src/CDSPrivacyPolicy.vue | 100 +++++++++++++++++++++++++++++++++++++++
 src/Carina.vue           |   4 +-
 src/main.ts              |   2 +
 3 files changed, 105 insertions(+), 1 deletion(-)
 create mode 100644 src/CDSPrivacyPolicy.vue

diff --git a/src/CDSPrivacyPolicy.vue b/src/CDSPrivacyPolicy.vue
new file mode 100644
index 0000000..e11229f
--- /dev/null
+++ b/src/CDSPrivacyPolicy.vue
@@ -0,0 +1,100 @@
+<template>
+  <v-dialog
+    id="cds-privacy-policy"
+    class="cds-privacy-policy__dialog"
+    scrim="false"
+    v-model="showPrivacyDialog"
+    max-width="400px"
+    
+  >
+    <v-card class="cds-privacy-policy__card">
+      <div class="cds-privacy-policy__close">
+        <v-btn 
+          class="cds-privacy-policy__close-icon" 
+          density="compact"
+          icon="mdi-close"
+          @click="showPrivacyDialog = false"
+          @keyup.enter="showPrivacyDialog = false"
+          />
+      </div>
+      <v-card-text class="cds-privacy-policy__text">
+        <slot>
+          <p>
+            Your anonymous response will be used by the 
+            <a 
+              class="cds-privacy-policy__link"
+              href="https://www.cosmicds.cfa.harvard.edu/" 
+              rel="noopener noreffer external" 
+              target="_blank"
+              >CosmicDS</a> team to improve the educational experience.
+          </p>
+          <p style="text-align: center; margin-top: 1em; font-size: 0.9em">
+            Learn more about our 
+            <a 
+            href="https://cfa.harvard.edu/privacy-statement" 
+            rel="noopener noreffer external" 
+            target="_blank"
+            >Privacy Policy</a>
+          </p>
+        </slot>
+      </v-card-text>
+      
+    </v-card>
+  </v-dialog>
+</template>
+
+<script lang="ts">
+/* eslint-disable @typescript-eslint/no-empty-function */
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: false,
+      required: true,
+    },
+  },
+  mounted: () => {},
+  data: () => {
+    return {};
+  },
+  computed: {
+    showPrivacyDialog:  {
+      get: function () {
+        return this.modelValue;
+      },
+      set: function (value: boolean) {
+        this.$emit('update:model-value', value);
+      }
+    }
+  },
+  methods: {},
+  watch: {},
+});
+
+
+</script>
+<style lang="css">
+#cds-privacy-policy {
+  font-size: 0.9em;
+}
+.cds-privacy-policy__close {
+  display: inline-flex;
+  justify-content: flex-end;
+  margin: 0 0 0 auto;
+}
+.cds-privacy-policy__close-icon {
+  margin-top: 0.25em;
+  margin-right: 0.25em;
+}
+
+#cds-privacy-policy.cds-privacy-policy__dialog .cds-privacy-policy__text {
+  margin: 0;
+  padding-top: 0;
+}
+
+.cds-privacy-policy__link {
+  font-weight: normal;
+}
+</style>
\ No newline at end of file
diff --git a/src/Carina.vue b/src/Carina.vue
index 76119d7..4cc164c 100644
--- a/src/Carina.vue
+++ b/src/Carina.vue
@@ -388,7 +388,7 @@
               <v-btn
                 class="privacy-button"
                 color="#BDBDBD"
-                href="https://www.cfa.harvard.edu/privacy-statement"
+                @click="showPrivacyDialog = true"
                 size="small"
                 target="_blank"
                 rel="noopener noreferrer"
@@ -396,6 +396,7 @@
               >
               Privacy Policy
               </v-btn>
+              <cds-privacy-policy v-model="showPrivacyDialog" />
             </div>
           </template>
         </user-experience>
@@ -477,6 +478,7 @@ export default defineComponent({
       question: Math.random() > 0.5 ? 
         "Does this spark your curiosity?" :
         "Are you learning something new?",
+      showPrivacyDialog: false as boolean,
     };
   },
 
diff --git a/src/main.ts b/src/main.ts
index b5f3dcf..aa763d2 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,6 +1,7 @@
 import Vue, { createApp } from "vue";
 
 import { FundingAcknowledgment, IconButton, CreditLogos, UserExperience } from "@cosmicds/vue-toolkit";
+import CDSPrivacyPolicy from "./CDSPrivacyPolicy.vue";
 import Carina from "./Carina.vue";
 
 import vuetify from "../plugins/vuetify";
@@ -100,6 +101,7 @@ createApp(Carina, {
   .component('funding-acknowledgment', FundingAcknowledgment)
   .component('credit-logos', CreditLogos)
   .component('user-experience', UserExperience)
+  .component('cds-privacy-policy', CDSPrivacyPolicy)
 
   // Mount
   .mount("#app");

From 1139b59cf8a060219cd71024f1ed12f9d53ea0bc Mon Sep 17 00:00:00 2001
From: John Arban Lewis <johnarban@users.noreply.github.com>
Date: Tue, 18 Nov 2025 15:32:15 -0500
Subject: [PATCH 2/4] fix typos

---
 src/CDSPrivacyPolicy.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/CDSPrivacyPolicy.vue b/src/CDSPrivacyPolicy.vue
index e11229f..331d2f0 100644
--- a/src/CDSPrivacyPolicy.vue
+++ b/src/CDSPrivacyPolicy.vue
@@ -5,7 +5,6 @@
     scrim="false"
     v-model="showPrivacyDialog"
     max-width="400px"
-    
   >
     <v-card class="cds-privacy-policy__card">
       <div class="cds-privacy-policy__close">
@@ -13,6 +12,7 @@
           class="cds-privacy-policy__close-icon" 
           density="compact"
           icon="mdi-close"
+          aria-label="Close privacy policy dialog"
           @click="showPrivacyDialog = false"
           @keyup.enter="showPrivacyDialog = false"
           />
@@ -24,7 +24,7 @@
             <a 
               class="cds-privacy-policy__link"
               href="https://www.cosmicds.cfa.harvard.edu/" 
-              rel="noopener noreffer external" 
+              rel="noopener noreferrer external" 
               target="_blank"
               >CosmicDS</a> team to improve the educational experience.
           </p>
@@ -32,7 +32,7 @@
             Learn more about our 
             <a 
             href="https://cfa.harvard.edu/privacy-statement" 
-            rel="noopener noreffer external" 
+            rel="noopener noreferrer external" 
             target="_blank"
             >Privacy Policy</a>
           </p>

From 920f414eaf5fb49854b37738ea71a904c540c1a0 Mon Sep 17 00:00:00 2001
From: John Arban Lewis <johnarban@users.noreply.github.com>
Date: Tue, 18 Nov 2025 15:58:03 -0500
Subject: [PATCH 3/4] change to "what is this"

---
 src/Carina.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Carina.vue b/src/Carina.vue
index 4cc164c..260497f 100644
--- a/src/Carina.vue
+++ b/src/Carina.vue
@@ -394,13 +394,13 @@
                 rel="noopener noreferrer"
                 variant="text"
               >
-              Privacy Policy
+              What is this?
               </v-btn>
-              <cds-privacy-policy v-model="showPrivacyDialog" />
             </div>
           </template>
         </user-experience>
       </v-expand-transition>
+      <cds-privacy-policy v-model="showPrivacyDialog" />
     </v-container>
   </v-app>
 </template>

From 0d8a0fc6f5603b4da35689581a952e57c621171a Mon Sep 17 00:00:00 2001
From: John Arban Lewis <johnarban@users.noreply.github.com>
Date: Tue, 18 Nov 2025 15:58:16 -0500
Subject: [PATCH 4/4] just use Privacy Policy Text

---
 src/CDSPrivacyPolicy.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/CDSPrivacyPolicy.vue b/src/CDSPrivacyPolicy.vue
index 331d2f0..fbe9ba4 100644
--- a/src/CDSPrivacyPolicy.vue
+++ b/src/CDSPrivacyPolicy.vue
@@ -28,8 +28,7 @@
               target="_blank"
               >CosmicDS</a> team to improve the educational experience.
           </p>
-          <p style="text-align: center; margin-top: 1em; font-size: 0.9em">
-            Learn more about our 
+          <p style="text-align: right; margin-top: 1em; font-size: 0.9em">
             <a 
             href="https://cfa.harvard.edu/privacy-statement" 
             rel="noopener noreferrer external"