From 52b5707e1c3278e24da432013fc719b29090e5df Mon Sep 17 00:00:00 2001
From: Matus Kosut <matus.kosut@ntnu.no>
Date: Thu, 24 Oct 2024 15:36:33 +0200
Subject: [PATCH] add quote

---
 pages/.vitepress/theme/custom.css | 24 ++++++++++++++++++++++++
 pages/.vitepress/theme/index.ts   |  4 ++++
 pages/en/researchers/index.md     | 23 +++++++++++++++++------
 3 files changed, 45 insertions(+), 6 deletions(-)

diff --git a/pages/.vitepress/theme/custom.css b/pages/.vitepress/theme/custom.css
index a62a8c24..ccc0e879 100644
--- a/pages/.vitepress/theme/custom.css
+++ b/pages/.vitepress/theme/custom.css
@@ -195,6 +195,30 @@
     /* font-size: min(1.1em, calc(8px + 1vw)); */
 }
 
+.hc-quote-text {
+  /* color: rgb(0, 0, 0); */
+  text-align: center;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  padding-bottom: 32px;
+  line-height: 1.5;
+  font-weight: 600;
+  font-size: min(1.4em, calc(6px + 2vw));
+}
+
+.hc-quote-author {
+  /* color: rgb(0, 0, 0); */
+  text-align: center;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  padding-bottom: 32px;
+  line-height: 1.5;
+  font-style: italic;
+  font-size: min(1.0em, calc(4px + 1.5vw));
+}
+
 .hc-row {
     display: grid;
     column-gap: 10px;
diff --git a/pages/.vitepress/theme/index.ts b/pages/.vitepress/theme/index.ts
index d1912358..5ffb5524 100644
--- a/pages/.vitepress/theme/index.ts
+++ b/pages/.vitepress/theme/index.ts
@@ -39,6 +39,8 @@ import {
   faBrain,
   faCheck,
   faInfinity,
+  faQuoteLeft,
+  faQuoteRight,
 } from '@fortawesome/free-solid-svg-icons';
 
 library.add(faClipboardCheck)
@@ -47,6 +49,8 @@ library.add(faPeopleArrows)
 library.add(faBrain)
 library.add(faCheck)
 library.add(faInfinity)
+library.add(faQuoteLeft)
+library.add(faQuoteRight)
 
 export default {
   extends: DefaultTheme,
diff --git a/pages/en/researchers/index.md b/pages/en/researchers/index.md
index 8cb3faf7..91759614 100644
--- a/pages/en/researchers/index.md
+++ b/pages/en/researchers/index.md
@@ -65,11 +65,6 @@ sidebar: false
           </v-sheet>
         </v-col>
       </v-row>
-      <v-row>
-        <v-col cols="12">
-          <!-- social proof -->
-        </v-col>
-      </v-row>
       <!-- <div class="hc-title-main font-weight-black">
         For researchers
       </div> -->
@@ -114,7 +109,7 @@ sidebar: false
 
   <div class="hc-block">
     <div class="hc-block-container">
-      <v-row>
+      <v-row class="pb-16">
         <v-col cols="12" class="align-self-start v-col-sm-6">
           <div class="hc-container-title" style="text-align: left;">
             High flexibility
@@ -170,6 +165,22 @@ sidebar: false
           </div>
         </v-col>
       </v-row>
+      <v-row class="flex-nowrap mt-16">
+        <v-col cols="1" style="min-width: 70px">
+          <font-awesome-icon class="highlight-color" icon="fas fa-quote-left" size="4x" />
+        </v-col>
+        <v-col>
+          <div class="hc-quote-text">
+            HUNT cloud has brought our productivity to new levels. I&nbsp;would never have imagined that we would analyze so much data on a&nbsp;daily basis. Everything is secure and transparent. And if we have a&nbsp;problem, the HUNT Cloud community is always here to help!
+          </div>
+          <div class="hc-quote-author">
+            Marc Vaudel, University&nbsp;of&nbsp;Bergen and&nbsp;Norwegian&nbsp;Institute&nbsp;of&nbsp;Public&nbsp;Health
+          </div>
+        </v-col>
+        <v-col cols="1" style="min-width: 70px">
+          <font-awesome-icon class="highlight-color" icon="fas fa-quote-right" size="4x" />
+        </v-col>
+      </v-row>
     </div>
   </div>