update organizations

huntdatacenter · Sep 27, 2024 · 2379e80 · 2379e80
1 parent 6a6886b
commit 2379e80
Show file tree

Hide file tree

Showing 5 changed files with 129 additions and 10 deletions.
diff --git a/package.json b/package.json
@@ -25,6 +25,9 @@
     "vuetify": "^3.5.4"
   },
   "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^6.6.0",
+    "@fortawesome/free-solid-svg-icons": "^6.6.0",
+    "@fortawesome/vue-fontawesome": "^3.0.8",
     "@mdi/font": "^7.4.47"
   }
 }
diff --git a/pages/.vitepress/components/FooterBlock.vue b/pages/.vitepress/components/FooterBlock.vue
@@ -2,7 +2,7 @@
 
 export default {
   props: {
-    contact: { type: String, required: true },
+    contact: { type: Object, required: false },
     image: { type: String, default: '/img/robot-2-square-250.png' },
     listmenus: { type: String, default: false },
   },

diff --git a/pages/.vitepress/theme/index.ts b/pages/.vitepress/theme/index.ts
@@ -26,11 +26,28 @@ import 'vuetify/styles';
 
 import { vuetify } from '../plugins/vuetify';
 
+// Search for FREE icons: https://fontawesome.com/search?o=r&m=free
+import { library } from '@fortawesome/fontawesome-svg-core';
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
+import {
+  faClipboardCheck,
+  faFolderOpen,
+  faPeopleArrows,
+  faBrain,
+} from '@fortawesome/free-solid-svg-icons';
+
+library.add(faClipboardCheck)
+library.add(faFolderOpen)
+library.add(faPeopleArrows)
+library.add(faBrain)
+
 export default {
   extends: DefaultTheme,
   enhanceApp(context: EnhanceAppContext) {
     context.app.use(vuetify)
 
+    // Search for FREE icons: https://fontawesome.com/search?o=r&m=free
+    context.app.component('font-awesome-icon', FontAwesomeIcon);
     context.app.component('ContactDialog', ContactDialog);
     context.app.component('CallDialog', CallDialog);
     context.app.component('SimpleButton', SimpleButton);

diff --git a/pages/en/organizations/index.md b/pages/en/organizations/index.md
@@ -51,22 +51,83 @@ sidebar: false
         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>
       <div class="hc-container-text" style="text-align: left;">
-        In today’s data-driven science, organizations need secure, compliant and trustworthy solutions to easily manage sensitive data from many different research projects. At HUNT Cloud, we provide organizations with a comprehensive solution that:
+        In today’s data-driven science, organizations need secure, compliant and trustworthy solutions to easily manage sensitive data from many different research projects.
       </div>
-      <v-list lines="one" bg-color="transparent">
-        <v-list-item>Ensures that your sensitive data is protected within ISO-certified cloud environments</v-list-item>
-        <v-list-item>Enables comprehensive and easy overview and portfolio management of your research projects and data</v-list-item>
-        <v-list-item>Provides structured follow-up in developing your research culture for sensitive data</v-list-item>
-        <v-list-item>Give access to AI-ready infrastructure</v-list-item>
-      </v-list>
-    <!-- </div>
+    </div>
+  </div>
+
+
+
+
+  <div class="hc-block">
+    <div class="hc-block-container">
+      <div class="hc-container-title">
+        At HUNT Cloud, we provide organizations with a comprehensive solution.
+      </div>
+      <v-row>
+        <v-col cols="3">
+          <v-card variant="outlined" style="height: 100%">
+            <v-sheet class="mx-auto d-flex justify-center align-center" elevation="0" height="200px" width="100%" color="transparent">
+              <font-awesome-icon icon="fas fa-clipboard-check" size="8x" />
+            </v-sheet>
+            <v-card-text class="text-center font-weight-bold">
+              ISO-certified cloud environments
+            </v-card-text>
+          </v-card>
+        </v-col>
+        <v-col cols="3">
+          <v-card variant="outlined" style="height: 100%">
+            <v-sheet class="mx-auto d-flex justify-center align-center" elevation="0" height="200px" width="100%" color="transparent">
+              <font-awesome-icon icon="fas fa-folder-open" size="8x" />
+            </v-sheet>
+            <v-card-text class="text-center font-weight-bold">
+              Portfolio management
+            </v-card-text>
+          </v-card>
+        </v-col>
+        <v-col cols="3">
+          <v-card variant="outlined" style="height: 100%">
+            <v-sheet class="mx-auto d-flex justify-center align-center" elevation="0" height="200px" width="100%" color="transparent">
+              <font-awesome-icon icon="fas fa-people-arrows" size="8x" />
+            </v-sheet>
+            <v-card-text class="text-center font-weight-bold">
+              Structured follow-up
+            </v-card-text>
+          </v-card>
+        </v-col>
+        <v-col cols="3">
+          <v-card variant="outlined" style="height: 100%">
+            <v-sheet class="mx-auto d-flex justify-center align-center" elevation="0" height="200px" width="100%" color="transparent">
+              <font-awesome-icon icon="fas fa-brain" size="8x" />
+            </v-sheet>
+            <v-card-text class="text-center font-weight-bold">
+              AI-ready infrastructure
+            </v-card-text>
+          </v-card>
+        </v-col>
+      </v-row>
+      <v-row>
+        <v-col cols="3" class="text-subtitle-2 px-6">
+          Ensures that your sensitive data is protected within ISO-certified cloud environments
+        </v-col>
+        <v-col cols="3" class="text-subtitle-2 px-6">
+          Enables comprehensive and easy overview and portfolio management of your research projects and data
+        </v-col>
+        <v-col cols="3" class="text-subtitle-2 px-6">
+          Provides structured follow-up in developing your research culture for sensitive data
+        </v-col>
+        <v-col cols="3" class="text-subtitle-2 px-6">
+          Give access to AI-ready infrastructure
+        </v-col>
+      </v-row>
+    </div>
   </div>
 
 
 
 
   <div class="hc-block">
-    <div class="hc-block-container"> -->
+    <div class="hc-block-container">
       <div class="hc-container-title">
         Features
       </div>

diff --git a/yarn.lock b/yarn.lock
@@ -900,6 +900,41 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@fortawesome/fontawesome-common-types@npm:6.6.0":
+  version: 6.6.0
+  resolution: "@fortawesome/fontawesome-common-types@npm:6.6.0"
+  checksum: f76e5959f6ce01355f599126a3a68facba578dc8ebb7ad40fbd22417b7056364a577c1887720ec9653d4efa5b704a01150f5064fc7de237d697fd80e3d9c83aa
+  languageName: node
+  linkType: hard
+
+"@fortawesome/fontawesome-svg-core@npm:^6.6.0":
+  version: 6.6.0
+  resolution: "@fortawesome/fontawesome-svg-core@npm:6.6.0"
+  dependencies:
+    "@fortawesome/fontawesome-common-types": "npm:6.6.0"
+  checksum: 38e2840791711524a3c57d9ea48a5a2e99da6fa3c657ba6beaad7ec3b8da31489a9e38f42b23d70584c75b579dc1ff8c67e075bc9789032278e4da54bb86ecfe
+  languageName: node
+  linkType: hard
+
+"@fortawesome/free-solid-svg-icons@npm:^6.6.0":
+  version: 6.6.0
+  resolution: "@fortawesome/free-solid-svg-icons@npm:6.6.0"
+  dependencies:
+    "@fortawesome/fontawesome-common-types": "npm:6.6.0"
+  checksum: 34828d5e682c6f9d19e3a892ff8a390128fa7dc68768b11c727c11b6a05e5efc929206bfbec83e9d3ae0590a6f6ea22fd5e447fea647e560650f7f3ef1cff543
+  languageName: node
+  linkType: hard
+
+"@fortawesome/vue-fontawesome@npm:^3.0.8":
+  version: 3.0.8
+  resolution: "@fortawesome/vue-fontawesome@npm:3.0.8"
+  peerDependencies:
+    "@fortawesome/fontawesome-svg-core": ~1 || ~6
+    vue: ">= 3.0.0 < 4"
+  checksum: a123db06deceb3b7304a94081262946f8da64884a6aac55ea3691ef7fe803692b3af933e772b04cdaad4f2c41473594122cc516a3078f861d413452ce6cb1d86
+  languageName: node
+  linkType: hard
+
 "@isaacs/cliui@npm:^8.0.2":
   version: 8.0.2
   resolution: "@isaacs/cliui@npm:8.0.2"
@@ -1747,6 +1782,9 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "About@workspace:."
   dependencies:
+    "@fortawesome/fontawesome-svg-core": "npm:^6.6.0"
+    "@fortawesome/free-solid-svg-icons": "npm:^6.6.0"
+    "@fortawesome/vue-fontawesome": "npm:^3.0.8"
     "@mdi/font": "npm:^7.4.47"
     "@vitejs/plugin-vue": "npm:^5.0.4"
     "@vitejs/plugin-vue-jsx": "npm:^3.1.0"