From 09cbf17ed95cc2491cb74ac970aa733893f3858a Mon Sep 17 00:00:00 2001
From: Matus Kosut <matus.kosut@ntnu.no>
Date: Sun, 7 Jul 2024 15:55:28 +0200
Subject: [PATCH] improve cards

---
 pages/.vitepress/components/CardElement.vue | 10 ++++++++--
 pages/en/organizations/index.md             | 20 ++++++++++----------
 pages/index.md                              |  4 ++--
 3 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/pages/.vitepress/components/CardElement.vue b/pages/.vitepress/components/CardElement.vue
index 1eb5d96..be37ae1 100644
--- a/pages/.vitepress/components/CardElement.vue
+++ b/pages/.vitepress/components/CardElement.vue
@@ -6,6 +6,7 @@ export default {
     subtitle: { type: String, required: false, default: "" },
     text: { type: String, required: true, default: "" },
     href: { type: String, required: false, default: "" },
+    link: { type: Boolean, required: false, default: false },
   },
   data() {
     return {
@@ -23,6 +24,11 @@ export default {
   computed: {
     // TODO
   },
+  methods: {
+    hoverIcon (isHovering: Boolean) {
+      return isHovering ? 'mdi-chevron-triple-right' : 'mdi-chevron-right'
+    },
+  },
 }
 </script>
 
@@ -38,8 +44,8 @@ export default {
           :title="title"
           :subtitle="subtitle"
           :href="href"
-          link
-          :append-icon="isHovering ? 'mdi-chevron-triple-right' : 'mdi-chevron-right'"
+          :link="link ? true : false"
+          :append-icon="link ? hoverIcon(isHovering) : ''"
         >
           <v-card-text>
             <v-row>
diff --git a/pages/en/organizations/index.md b/pages/en/organizations/index.md
index cd8f18c..da3e030 100644
--- a/pages/en/organizations/index.md
+++ b/pages/en/organizations/index.md
@@ -73,16 +73,16 @@ sidebar: false
       <!-- <div class="hc-container-subtitle">
         Empower your scientists with our flexible cloud services for sensitive data, while staying confident that both data and users are secure and compliant in our high-trust framework.
       </div> -->
-      <v-list lines="two" variant="tonal" bg-color="rgb(62,98,138)">
-        <v-list-item title="Solid agreement framework" subtitle="Our comprehensive agreement framework ensures that you can trust your scientists to securely use sensitive data."></v-list-item>
-        <v-list-item title="Organization report" subtitle="Simply the management of your projects by easy overview of data, user access, key personnel, resource consumption and maturity measures."></v-list-item>
-        <v-list-item title="Develop your research culture for sensitive data" subtitle="We work closely with you in capacity building at all levels, from scientists to administration and leadership."></v-list-item>
-        <v-list-item title="Explore Data Space" subtitle="The home of your digital labs gives you easy management and governance of your sensitive data activities."></v-list-item>
-        <v-list-item title="Archive lab" subtitle="The Archive lab gives your organisation a secure place to store data from completed projects and control of the deletion process. The first 1TB of storage is free."></v-list-item>
-        <v-list-item title="Digital labs" subtitle="Your scientists get access to digital labs where they can analyze, collaborate and store their sensitive data. The cost of each lab is covered by the project’s own fund."></v-list-item>
-        <v-list-item title="ISO certificate" subtitle="We are certified according to the ISO standard for quality management, information technology and privacy."></v-list-item>
-        <v-list-item title="Opportunities for partnership" subtitle="The sensitive data community is growing and flourishing with new ideas. We provide meeting places for scientists, administrators and research leaders to ensure that the community has a voice."></v-list-item>
-      </v-list>
+      <v-row>
+        <CardElement title="Solid agreement framework" text="Our comprehensive agreement framework ensures that you can trust your scientists to securely use sensitive data." />
+        <CardElement title="Organization report" text="Simply the management of your projects by easy overview of data, user access, key personnel, resource consumption and maturity measures." />
+        <CardElement title="Develop your research culture for sensitive data" text="We work closely with you in capacity building at all levels, from scientists to administration and leadership." />
+        <CardElement title="Explore Data Space" text="The home of your digital labs gives you easy management and governance of your sensitive data activities." />
+        <CardElement title="Archive lab" text="The Archive lab gives your organisation a secure place to store data from completed projects and control of the deletion process. The first 1TB of storage is free." />
+        <CardElement title="Digital labs" text="Your scientists get access to digital labs where they can analyze, collaborate and store their sensitive data. The cost of each lab is covered by the project’s own fund." />
+        <CardElement title="ISO certificate" text="We are certified according to the ISO standard for quality management, information technology and privacy." />
+        <CardElement title="Opportunities for partnership" text="The sensitive data community is growing and flourishing with new ideas. We provide meeting places for scientists, administrators and research leaders to ensure that the community has a voice." />
+      </v-row>
     </div>
   </div>
 
diff --git a/pages/index.md b/pages/index.md
index 5709118..33cc1e7 100644
--- a/pages/index.md
+++ b/pages/index.md
@@ -102,8 +102,8 @@ contact: https://docs.hdc.ntnu.no/about/contact/
         Explore, collaborate, and create while knowing that your data is secure within flexible and ISO-certified cloud environments.
       </div>
       <v-row class="my-5 d-flex" style="justify-content: center; align-items: center;">
-        <CardElement title="Researchers" href="/en/researchers/" text="We ensure that your data is secure so your team can successfully explore, innovate and collaborate on sensitive data. Our scalable solution caters to your specific requirements, with flexible options for storage, CPUs, or GPUs." />
-        <CardElement title="Organizations" href="/en/organizations/" text="Our cloud solutions provide easy overview and portfolio management for your sensitive data activities. Empower your scientists with the flexibility they need while ensuring robust data safety and compliance." />
+        <CardElement title="Researchers" href="/en/researchers/" text="We ensure that your data is secure so your team can successfully explore, innovate and collaborate on sensitive data. Our scalable solution caters to your specific requirements, with flexible options for storage, CPUs, or GPUs." link />
+        <CardElement title="Organizations" href="/en/organizations/" text="Our cloud solutions provide easy overview and portfolio management for your sensitive data activities. Empower your scientists with the flexibility they need while ensuring robust data safety and compliance." link />
       </v-row>
     </div>
   </div>