Merge branch 'develop-2'

inab · Jun 20, 2022 · f9445a3 · f9445a3
2 parents 961eb17 + 5512cbe
commit f9445a3
Show file tree

Hide file tree

Showing 16 changed files with 66 additions and 18 deletions.
diff --git a/components/Cards/CommunityCard.vue b/components/Cards/CommunityCard.vue
@@ -1,7 +1,7 @@
 <template>
 	<v-card class="d-flex flex-column">
 		<div class="pa-5">
-			<nuxt-link :to="to">
+			<nuxt-link :to="to" :aria-label="name">
 				<v-img :src="logo" contain max-height="100" height="100" />
 			</nuxt-link>
 		</div>
@@ -44,7 +44,7 @@
 			<v-spacer />
 			<v-menu v-if="links.length > 0" bottom left>
 				<template #activator="{ on, attrs }">
-					<v-btn icon v-bind="attrs" v-on="on">
+					<v-btn icon v-bind="attrs" aria-label="Expand sub menu" v-on="on">
 						<v-icon>mdi-dots-vertical</v-icon>
 					</v-btn>
 				</template>

diff --git a/components/Cards/FeatureCard.vue b/components/Cards/FeatureCard.vue
@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<v-avatar color="primary" size="62" class="mb-10">
+		<v-avatar color="primary" size="62" class="mb-5 mb-md-10">
 			<slot name="icon" />
 		</v-avatar>
 		<h2 class="text-h6 mb-2"><slot name="title" /></h2>

diff --git a/components/Cards/__snapshots__/CommunityCard.spec.js.snap b/components/Cards/__snapshots__/CommunityCard.spec.js.snap
diff --git a/components/Cards/__snapshots__/FeatureCard.spec.js.snap b/components/Cards/__snapshots__/FeatureCard.spec.js.snap
@@ -2,7 +2,7 @@
 
 exports[`FeatureCard should match snapshot 1`] = `
 "<div>
-  <v-avatar-stub color=\\"primary\\" size=\\"62\\" class=\\"mb-10\\"></v-avatar-stub>
+  <v-avatar-stub color=\\"primary\\" size=\\"62\\" class=\\"mb-5 mb-md-10\\"></v-avatar-stub>
   <h2 class=\\"text-h6 mb-2\\"></h2>
   <p class=\\"body-1\\"></p>
   <v-btn-stub color=\\"primary\\" outlined=\\"true\\" tag=\\"button\\" activeclass=\\"\\" to=\\"someroute\\" type=\\"button\\" class=\\"mt-2\\"> Explore </v-btn-stub>

diff --git a/components/Communities/CommunityEventSelector.vue b/components/Communities/CommunityEventSelector.vue
@@ -7,7 +7,13 @@
 						<span class="text--clickable primary--text" v-bind="attrs" v-on="on"
 							>Event - {{ currentEvent.name }}</span
 						>
-						<v-btn icon color="primary" v-bind="attrs" v-on="on">
+						<v-btn
+							icon
+							color="primary"
+							v-bind="attrs"
+							aria-label="Expand Community Selector"
+							v-on="on"
+						>
 							<v-icon>mdi-chevron-down</v-icon>
 						</v-btn>
 					</template>

diff --git a/components/Communities/CommunityInfo.vue b/components/Communities/CommunityInfo.vue
@@ -2,7 +2,12 @@
 	<div>
 		<h1 class="text-h4 d-flex text--clickable" @click="expand = !expand">
 			{{ community.acronym }}
-			<v-btn class="ml-2" color="primary" icon>
+			<v-btn
+				class="ml-2"
+				color="primary"
+				icon
+				aria-label="Expand Community Information"
+			>
 				<v-icon>{{
 					expand
 						? 'mdi-chevron-up-circle-outline'

diff --git a/components/Header/HeaderMenu.vue b/components/Header/HeaderMenu.vue
@@ -39,11 +39,12 @@
 				v-if="$vuetify.breakpoint.smAndDown"
 				icon
 				data-testid="btn-toggle-menu"
+				aria-label="Toggle Menu"
 				@click.stop="handleToggleOpen"
 			>
 				<v-icon>mdi-menu</v-icon>
 			</v-btn>
-			<nuxt-link to="/">
+			<nuxt-link to="/" aria-label="Home">
 				<v-img
 					class="mx-2"
 					:src="opebLogo"

diff --git a/components/Landing/LogoSlider.vue b/components/Landing/LogoSlider.vue
@@ -12,7 +12,12 @@
 				:key="`logoslider_` + index"
 				disabled
 			>
-				<a :href="image.href" target="_blank" class="d-flex">
+				<a
+					:href="image.href"
+					target="_blank"
+					class="d-flex"
+					:aria-label="image.title"
+				>
 					<v-img
 						contain
 						class="ma-5 pa-2"

diff --git a/components/Landing/__snapshots__/FeatureTeaser.spec.js.snap b/components/Landing/__snapshots__/FeatureTeaser.spec.js.snap
@@ -6,23 +6,23 @@ exports[`FeatureTeaser should match snapshot 1`] = `
   <div class=\\"row\\">
     <div align=\\"center\\" class=\\"col-md-3 col-12\\">
       <div>
-        <div class=\\"v-avatar mb-10 primary\\" style=\\"height: 62px; min-width: 62px; width: 62px;\\"><i aria-hidden=\\"true\\" class=\\"v-icon notranslate material-icons theme--dark\\">$vuetify.icons.values.benchmark</i></div>
+        <div class=\\"v-avatar mb-5 mb-md-10 primary\\" style=\\"height: 62px; min-width: 62px; width: 62px;\\"><i aria-hidden=\\"true\\" class=\\"v-icon notranslate material-icons theme--dark\\">$vuetify.icons.values.benchmark</i></div>
         <h2 class=\\"text-h6 mb-2\\"> Benchmarks </h2>
         <p class=\\"body-1\\">Explore existing community-driven scientific benchmark results for
           Life Sciences software</p> <a class=\\"mt-2 v-btn v-btn--outlined v-btn--router theme--light v-size--default primary--text\\"><span class=\\"v-btn__content\\"> Explore </span></a>
       </div>
     </div>
     <div align=\\"center\\" class=\\"mt-10 mt-md-0 col-md-3 col-12\\">
       <div>
-        <div class=\\"v-avatar mb-10 primary\\" style=\\"height: 62px; min-width: 62px; width: 62px;\\"><i aria-hidden=\\"true\\" class=\\"v-icon notranslate mdi mdi-clipboard-list-outline theme--dark\\" style=\\"font-size: 36px;\\"></i></div>
+        <div class=\\"v-avatar mb-5 mb-md-10 primary\\" style=\\"height: 62px; min-width: 62px; width: 62px;\\"><i aria-hidden=\\"true\\" class=\\"v-icon notranslate mdi mdi-clipboard-list-outline theme--dark\\" style=\\"font-size: 36px;\\"></i></div>
         <h2 class=\\"text-h6 mb-2\\"> Tools &amp; Metrics </h2>
         <p class=\\"body-1\\">Individually browse technical metrics for popular research software
           in Life Sciences</p> <a class=\\"mt-2 v-btn v-btn--outlined v-btn--router theme--light v-size--default primary--text\\"><span class=\\"v-btn__content\\"> Explore </span></a>
       </div>
     </div>
     <div align=\\"center\\" class=\\"mt-10 mt-md-0 col-md-3 col-12\\">
       <div>
-        <div class=\\"v-avatar mb-10 primary\\" style=\\"height: 62px; min-width: 62px; width: 62px;\\"><i aria-hidden=\\"true\\" class=\\"v-icon notranslate material-icons theme--dark\\">$vuetify.icons.values.observatory</i></div>
+        <div class=\\"v-avatar mb-5 mb-md-10 primary\\" style=\\"height: 62px; min-width: 62px; width: 62px;\\"><i aria-hidden=\\"true\\" class=\\"v-icon notranslate material-icons theme--dark\\">$vuetify.icons.values.observatory</i></div>
         <h2 class=\\"text-h6 mb-2\\"> Tools Observatory </h2>
         <p class=\\"body-1\\">
           Quantitative monitoring of the technical quality of software in Life
@@ -31,7 +31,7 @@ exports[`FeatureTeaser should match snapshot 1`] = `
     </div>
     <div align=\\"center\\" class=\\"mt-10 mt-md-0 col-md-3 col-12\\">
       <div>
-        <div class=\\"v-avatar mb-10 primary\\" style=\\"height: 62px; min-width: 62px; width: 62px;\\"><i aria-hidden=\\"true\\" class=\\"v-icon notranslate material-icons theme--dark\\">$vuetify.icons.values.projects</i></div>
+        <div class=\\"v-avatar mb-5 mb-md-10 primary\\" style=\\"height: 62px; min-width: 62px; width: 62px;\\"><i aria-hidden=\\"true\\" class=\\"v-icon notranslate material-icons theme--dark\\">$vuetify.icons.values.projects</i></div>
         <h2 class=\\"text-h6 mb-2\\"> Project Spaces </h2>
         <p class=\\"body-1\\">
           Community spaces for projects to collaborate on software in life

diff --git a/components/Molecules/InfoSlider.vue b/components/Molecules/InfoSlider.vue
@@ -3,7 +3,12 @@
 		<v-row>
 			<v-col class="d-flex" cols="auto">
 				<slot name="header" icon />
-				<v-btn class="ml-2" color="primary" icon>
+				<v-btn
+					class="ml-2"
+					color="primary"
+					icon
+					aria-label="Expand Information"
+				>
 					<v-icon>{{
 						expand
 							? 'mdi-chevron-up-circle-outline'

diff --git a/components/TheFooter.vue b/components/TheFooter.vue
@@ -75,7 +75,8 @@
 						icon
 						dark
 						class="button"
-						href="mailto:[email protected] "
+						href="mailto:[email protected]"
+						aria-label="Mail link for OpenEBench Support"
 					>
 						<v-icon>mdi-email-outline</v-icon>
 					</v-btn>
@@ -86,6 +87,7 @@
 						class="button"
 						href="https://twitter.com/openebench"
 						target="_blank"
+						aria-label="Link to Twitter Profile of OpenEBench"
 					>
 						<v-icon>mdi-twitter</v-icon>
 					</v-btn>

diff --git a/components/__snapshots__/TheFooter.spec.js.snap b/components/__snapshots__/TheFooter.spec.js.snap
@@ -99,7 +99,7 @@ exports[`TheFooter should match snapshot 1`] = `
         </div>
       </div>
       <div class=\\"pa-4 col-md-3 col-12\\">
-        <div><a href=\\"mailto:[email protected] \\" class=\\"button v-btn v-btn--icon v-btn--round v-btn--text theme--dark v-size--default\\"><span class=\\"v-btn__content\\"><i aria-hidden=\\"true\\" class=\\"v-icon notranslate mdi mdi-email-outline theme--dark\\"></i></span></a> <a href=\\"https://twitter.com/openebench\\" target=\\"_blank\\" class=\\"button v-btn v-btn--icon v-btn--round v-btn--text theme--dark v-size--default\\"><span class=\\"v-btn__content\\"><i aria-hidden=\\"true\\" class=\\"v-icon notranslate mdi mdi-twitter theme--dark\\"></i></span></a></div>
+        <div><a href=\\"mailto:[email protected]\\" class=\\"button v-btn v-btn--icon v-btn--round v-btn--text theme--dark v-size--default\\" aria-label=\\"Mail link for OpenEBench Support\\"><span class=\\"v-btn__content\\"><i aria-hidden=\\"true\\" class=\\"v-icon notranslate mdi mdi-email-outline theme--dark\\"></i></span></a> <a href=\\"https://twitter.com/openebench\\" target=\\"_blank\\" class=\\"button v-btn v-btn--icon v-btn--round v-btn--text theme--dark v-size--default\\" aria-label=\\"Link to Twitter Profile of OpenEBench\\"><span class=\\"v-btn__content\\"><i aria-hidden=\\"true\\" class=\\"v-icon notranslate mdi mdi-twitter theme--dark\\"></i></span></a></div>
         <div class=\\"row mt-5 no-gutters\\">
           <div align=\\"left\\" class=\\"col col-9\\">
             <p class=\\"text-sm-body-2\\">

diff --git a/nuxt.config.js b/nuxt.config.js
@@ -29,7 +29,12 @@ export default {
 		meta: [
 			{ charset: 'utf-8' },
 			{ name: 'viewport', content: 'width=device-width, initial-scale=1' },
-			{ hid: 'description', name: 'description', content: '' },
+			{
+				hid: 'description',
+				name: 'description',
+				content:
+					'OpenEBench is the ELIXIR gateway to benchmarking communities, software monitoring, and quality metrics for life sciences tools and workflows.',
+			},
 			{ name: 'format-detection', content: 'telephone=no' },
 		],
 		link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
@@ -65,8 +70,14 @@ export default {
 	modules: [
 		// https://go.nuxtjs.dev/axios
 		'@nuxtjs/axios',
+		'@nuxtjs/robots',
 	],
 
+	robots: {
+		UserAgent: '*',
+		Allow: '/',
+	},
+
 	// Axios module configuration: https://go.nuxtjs.dev/config-axios
 	axios: {
 		// Workaround to avoid enforcing hard-coded localhost:3000: https://github.com/nuxt-community/axios-module/issues/308

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -31,6 +31,7 @@
 		"@inb/oeb-chart-scatter": "^1.1.4",
 		"@inb/oeb-classification-table": "^1.2.3",
 		"@nuxtjs/axios": "^5.13.6",
+		"@nuxtjs/robots": "^2.5.0",
 		"core-js": "^3.22.6",
 		"dompurify": "^2.3.8",
 		"gsap": "^3.10.4",

diff --git a/pages/index.vue b/pages/index.vue
@@ -5,6 +5,7 @@
 		<a
 			class="scroll-down mt-5"
 			aria-label="Scroll to feature overview"
+			href="#"
 			@click="$vuetify.goTo('#key-features')"
 		/>
 		<key-features id="key-features" class="landing-mt mb-16" />