improve cards

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>

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>
 

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>