Update text for acknowledgement

components/footer/AcknowledgementText.vue

+<template>
+  <p class="text-caption text-justify">
+    The EUbOPEN project has received funding from the Innovative Medicines
+    Initiative 2 Joint Undertaking (JU) under grant agreement No 875510. The JU
+    receives support from the European Union’s Horizon 2020 research and
+    innovation programme and EFPIA and Ontario Institute for Cancer Research,
+    Royal Institution for the Advancement of Learning McGill University,
+    Kungliga Tekniska Hoegskolan, Diamond Light Source Limited. This
+    communication reflects the views of the authors and neither IMI nor the
+    European Union, EFPIA or any Associated Partners are liable for any use that
+    may be made of the information contained herein.
+  </p>
+</template>
+
+<script>
+export default {}
+</script>
+
+<style></style>

components/footer/DisclaimerText.vue

-<template>
-  <p class="text-caption text-justify">
-    The EUbOPEN project has received funding from the Innovative Medicines
-    Initiative 2 Joint Undertaking under grant agreement No 875510. This Joint
-    Undertaking receives support from the European Union's Horizon 2020 research
-    and innovation programme, EFPIA companies and Associated Partners: KTH,
-    OICR, Diamond and McGill. This communication reflects the views of the
-    authors and neither IMI nor the European Union, EFPIA or any Associated
-    Partners are liable for any use that may be made of the information
-    contained herein.
-  </p>
-</template>
-
-<script>
-export default {}
-</script>
-
-<style></style>

components/footer/Footer.vue

@@ -6,7 +6,7 @@
           <Logos />
         </v-col>
         <v-col cols="12" md="8">
-          <DisclaimerText />
+          <AcknowledgementText />
         </v-col>
       </v-row>
       <v-row>
@@ -20,11 +20,11 @@
 
 <script>
 import Logos from '~/components/footer/Logos.vue'
-import DisclaimerText from '~/components/footer/DisclaimerText.vue'
+import AcknowledgementText from '~/components/footer/AcknowledgementText.vue'
 import LicenseAndPrivacy from '~/components/footer/LicenseAndPrivacy.vue'
 
 export default {
-  components: { Logos, DisclaimerText, LicenseAndPrivacy },
+  components: { Logos, AcknowledgementText, LicenseAndPrivacy },
 }
 </script>
 

components/footer/LicenseAndPrivacy.vue

@@ -3,12 +3,16 @@
     <v-divider />
     <div class="d-flex justify-center text-container">
       <span class="text-body-2 text-justify">
-        Copyright © 2021 EMBL-EBI, Website licensed under the
+        Website Hosted by the
+        <a target="_blank" href="https://www.ebi.ac.uk/">EMBL-EBI</a>, licensed
+        under the
         <a target="_blank" href="https://www.apache.org/licenses/LICENSE-2.0"
           >Apache License, Version 2.0.</a
         >
         |
-        <a> Privacy Notice </a>
+        <nuxt-link to="/privacy_notice"> Privacy Notice </nuxt-link>
+        |
+        <nuxt-link to="/accessibility"> Accessibility </nuxt-link>
       </span>
     </div>
   </div>

pages/acknowledgement.vue

@@ -5,17 +5,75 @@
     <v-card-text>
       <p class="text-justify">
         The EUbOPEN project has received funding from the Innovative Medicines
-        Initiative 2 Joint Undertaking under grant agreement No 875510. This
-        Joint Undertaking receives support from the European Union's Horizon
-        2020 research and innovation programme, EFPIA companies and Associated
-        Partners: KTH, OICR, Diamond and McGill.
+        Initiative 2 Joint Undertaking (JU) under grant agreement No 875510. The
+        JU receives support from the European Union’s Horizon 2020 research and
+        innovation programme and EFPIA and Ontario Institute for Cancer
+        Research, Royal Institution for the Advancement of Learning McGill
+        University, Kungliga Tekniska Hoegskolan, Diamond Light Source Limited.
       </p>
+      <br />
+      <div>
+        <v-row>
+          <v-spacer />
+          <template v-for="partner in partners">
+            <v-col
+              :key="partner.id"
+              cols="3"
+              sm="2"
+              md="1"
+              class="d-flex justify-center align-center"
+            >
+              <a :href="partner.linkTo" class="logo-link">
+                <v-img
+                  :src="
+                    require(`@/static/img/partnerLogos/${partner.logoFilename}`)
+                  "
+                  :alt="partner.alt"
+                />
+              </a>
+            </v-col>
+            <v-spacer :key="`${partner.id}-spacer`" />
+          </template>
+          <v-spacer />
+        </v-row>
+      </div>
     </v-card-text>
   </v-card>
 </template>
 
 <script>
-export default {}
+export default {
+  data() {
+    return {
+      partners: [
+        {
+          logoFilename: 'Ontario_Institute_for_Cancer_Research.jpeg',
+          linkTo: 'https://oicr.on.ca',
+          alt: 'Ontario Institute for Cancer Research',
+          id: 'OICR',
+        },
+        {
+          logoFilename: 'McGill_University.png',
+          linkTo: 'https://www.mcgill.ca',
+          alt: 'McGill University',
+          id: 'McGillUniversity',
+        },
+        {
+          logoFilename: 'KTH_Royal_Institute_of_Technology.png',
+          linkTo: 'https://www.kth.se/en',
+          alt: 'KTH Royal Institute of Technology',
+          id: 'KTHRoyalInstituteOfTechnology',
+        },
+        {
+          logoFilename: 'Diamond_Light_Source.jpeg',
+          linkTo: 'https://www.diamond.ac.uk',
+          alt: 'Diamond Light Source',
+          id: 'Diamond',
+        },
+      ],
+    }
+  },
+}
 </script>
 
 <style></style>