From 09bcef4c5de0da212e5de2a5c23cce6873f18f3b Mon Sep 17 00:00:00 2001
From: Ignacio Pascual <4764217+ignapas@users.noreply.github.com>
Date: Thu, 12 Dec 2024 18:23:30 +0100
Subject: [PATCH 1/2] added consortia links to docs

---
 components/Paper/Paper.vue     | 7 +++++++
 pages/about/consortia/[id].vue | 3 ++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/components/Paper/Paper.vue b/components/Paper/Paper.vue
index 93a5d00..585cf41 100644
--- a/components/Paper/Paper.vue
+++ b/components/Paper/Paper.vue
@@ -5,6 +5,9 @@
         <img v-if="logoSrc" class="logo-image mr-16" :src="logoSrc" />
         <div class="subpage-col">
           <div class="about-page-text" v-html="text" />
+          <nuxt-link v-if="readMoreLink && readMoreLink.href && readMoreLink.label" :to="readMoreLink.href" class="mb-12" target="_blank">
+            {{ readMoreLink.label }} <svgo-icon-open />
+          </nuxt-link>
           <div v-if="showShareLinks">
             <share-links />
           </div>
@@ -66,6 +69,10 @@ export default {
     showShareLinks: {
       type: Boolean,
       default: false
+    },
+    readMoreLink: {
+      type: Object,
+      default: null
     }
   }
 }
diff --git a/pages/about/consortia/[id].vue b/pages/about/consortia/[id].vue
index bfd2224..30c4d59 100644
--- a/pages/about/consortia/[id].vue
+++ b/pages/about/consortia/[id].vue
@@ -10,7 +10,7 @@
   <div :style="consortiaStyle" class="pb-32">
     <Breadcrumb :breadcrumb="breadcrumb" :title="title" />
     <div class="container pt-32">
-      <paper class="row" :text="parseMarkdown(overview)" :logoSrc="logoUrl" show-share-links />
+      <paper class="row" :text="parseMarkdown(overview)" :logoSrc="logoUrl" show-share-links :readMoreLink="{ label: `Read more about ${title} on the help center`, href: readMoreLink }"/>
       <div class="row mt-32">
         <paper class="row-item" :text="parseMarkdown(whoWeAre)" :button-text="whoWeAreButtonText"
           :button-link="whoWeAreButtonLink" />
@@ -91,6 +91,7 @@ const ourResearchButtonText = computed(() => pathOr('', ['fields', 'ourResearchB
 const ourResearchButtonLink = computed(() => pathOr('', ['fields', 'ourResearchButtonLink'], consortiaItem.value))
 const learnMore = computed(() => pathOr([], ['fields', 'learnMore'], consortiaItem.value))
 const logoUrl = computed(() => pathOr('', ['fields', 'logo', 'fields', 'file', 'url'], consortiaItem.value))
+const readMoreLink = computed(() => pathOr('', ['fields', 'readMoreLink'], consortiaItem.value))
 
 const featuredDatasetLink = computed(() => {
   const datasetPath = featuredDataset.value?.id ? `/datasets/${featuredDataset.value.id}` : '/';

From 58cae5560f7f6889e74b458b7ab0b4bf64c4dd92 Mon Sep 17 00:00:00 2001
From: Ignacio Pascual <4764217+ignapas@users.noreply.github.com>
Date: Mon, 23 Dec 2024 18:36:50 +0100
Subject: [PATCH 2/2] latest requirements

---
 components/Paper/Paper.vue     |  7 -------
 pages/about/consortia/[id].vue | 27 +++++++++++++++++----------
 2 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/components/Paper/Paper.vue b/components/Paper/Paper.vue
index 585cf41..93a5d00 100644
--- a/components/Paper/Paper.vue
+++ b/components/Paper/Paper.vue
@@ -5,9 +5,6 @@
         <img v-if="logoSrc" class="logo-image mr-16" :src="logoSrc" />
         <div class="subpage-col">
           <div class="about-page-text" v-html="text" />
-          <nuxt-link v-if="readMoreLink && readMoreLink.href && readMoreLink.label" :to="readMoreLink.href" class="mb-12" target="_blank">
-            {{ readMoreLink.label }} <svgo-icon-open />
-          </nuxt-link>
           <div v-if="showShareLinks">
             <share-links />
           </div>
@@ -69,10 +66,6 @@ export default {
     showShareLinks: {
       type: Boolean,
       default: false
-    },
-    readMoreLink: {
-      type: Object,
-      default: null
     }
   }
 }
diff --git a/pages/about/consortia/[id].vue b/pages/about/consortia/[id].vue
index 30c4d59..b1b0725 100644
--- a/pages/about/consortia/[id].vue
+++ b/pages/about/consortia/[id].vue
@@ -10,12 +10,14 @@
   <div :style="consortiaStyle" class="pb-32">
     <Breadcrumb :breadcrumb="breadcrumb" :title="title" />
     <div class="container pt-32">
-      <paper class="row" :text="parseMarkdown(overview)" :logoSrc="logoUrl" show-share-links :readMoreLink="{ label: `Read more about ${title} on the help center`, href: readMoreLink }"/>
+      <paper class="row" :text="parseMarkdown(overview)" :logoSrc="logoUrl" show-share-links />
       <div class="row mt-32">
         <paper class="row-item" :text="parseMarkdown(whoWeAre)" :button-text="whoWeAreButtonText"
           :button-link="whoWeAreButtonLink" />
         <paper class="row-item" :text="parseMarkdown(ourResearch)" :button-text="ourResearchButtonText"
           :button-link="ourResearchButtonLink" />
+        <paper v-if="forInvestigators" class="row-item" :text="parseMarkdown(forInvestigators)"
+          :button-text="forInvestigatorsButtonLabel" :button-link-external="forInvestigatorsButtonLink" />
       </div>
       <div v-if="featuredDataset?.title" class="featured-dataset-container p-24 mt-32">
         <div class="heading2 mb-16">Here is a dataset you might be interested in:</div>
@@ -91,7 +93,9 @@ const ourResearchButtonText = computed(() => pathOr('', ['fields', 'ourResearchB
 const ourResearchButtonLink = computed(() => pathOr('', ['fields', 'ourResearchButtonLink'], consortiaItem.value))
 const learnMore = computed(() => pathOr([], ['fields', 'learnMore'], consortiaItem.value))
 const logoUrl = computed(() => pathOr('', ['fields', 'logo', 'fields', 'file', 'url'], consortiaItem.value))
-const readMoreLink = computed(() => pathOr('', ['fields', 'readMoreLink'], consortiaItem.value))
+const forInvestigators = computed(() => pathOr('', ['fields', 'forInvestigators'], consortiaItem.value))
+const forInvestigatorsButtonLabel = computed(() => pathOr('', ['fields', 'forInvestigatorsButtonLabel'], consortiaItem.value))
+const forInvestigatorsButtonLink = computed(() => pathOr('', ['fields', 'forInvestigatorsButtonLink'], consortiaItem.value))
 
 const featuredDatasetLink = computed(() => {
   const datasetPath = featuredDataset.value?.id ? `/datasets/${featuredDataset.value.id}` : '/';
@@ -206,24 +210,27 @@ onMounted(async () => {
   background-color: white;
 }
 
-.row-item {
-  width: 49%;
+.row {
   display: flex;
-
+  gap: 20px;
   @media screen and (max-width: 767px) {
-    width: 100%;
+    flex-direction: column;
   }
 }
 
-.row {
+.row-item {
+  flex: 1;
   display: flex;
-  justify-content: space-between;
-
+  flex-direction: row;
   @media screen and (max-width: 767px) {
-    flex-direction: column;
+    width: 100%;
+  }
+  & > :deep(.subpage-col) {
+    flex: 1
   }
 }
 
+
 .gallery-items-container {
   background-color: white;
   border: 1px solid $lineColor1;