diff --git a/frontend/src/components/TheFooter.vue b/frontend/src/components/TheFooter.vue index 956e6e92d..472e05a34 100644 --- a/frontend/src/components/TheFooter.vue +++ b/frontend/src/components/TheFooter.vue @@ -11,6 +11,18 @@ + + + + + +
Monarch Intiative {{ new Date().getFullYear() }} diff --git a/frontend/src/global/icons.ts b/frontend/src/global/icons.ts index 79130ee61..2c5899357 100644 --- a/frontend/src/global/icons.ts +++ b/frontend/src/global/icons.ts @@ -8,7 +8,9 @@ import * as fas from "@fortawesome/free-solid-svg-icons"; /** create collection/"palette" of useable icons */ const icons = [ fab.faGithub, + fab.faLinkedin, fab.faMedium, + fab.faYoutube, far.faChartBar, far.faCircleCheck, far.faCirclePause, @@ -46,6 +48,7 @@ const icons = [ fas.faBars, fas.faBarsProgress, fas.faBook, + fas.faBullhorn, fas.faCheck, fas.faCircleExclamation, fas.faCircleInfo, @@ -58,6 +61,7 @@ const icons = [ fas.faFeatherPointed, fas.faFilter, fas.faFlask, + fas.faHandshakeAngle, fas.faLink, fas.faLocationDot, fas.faMagnifyingGlass, @@ -67,6 +71,7 @@ const icons = [ fas.faPersonRunning, fas.faScaleBalanced, fas.faSitemap, + fas.faShareNodes, fas.faSquareCheck, fas.faSubscript, fas.faTable, diff --git a/frontend/src/pages/PageHome.vue b/frontend/src/pages/PageHome.vue index 1f1ce825c..c9ebbc308 100644 --- a/frontend/src/pages/PageHome.vue +++ b/frontend/src/pages/PageHome.vue @@ -141,14 +141,28 @@ to="https://medium.com/@MonarchInit" icon="medium" title="Medium" - subtitle="Blog posts and major updates" + subtitle="Blog posts" design="small" /> + + diff --git a/frontend/src/pages/about/PageAbout.vue b/frontend/src/pages/about/PageAbout.vue index 3e9c1ce6e..c7cceae96 100644 --- a/frontend/src/pages/about/PageAbout.vue +++ b/frontend/src/pages/about/PageAbout.vue @@ -69,6 +69,12 @@ title="Cite" subtitle="How to cite and attribute Monarch" /> + + + diff --git a/frontend/src/pages/about/team.json b/frontend/src/pages/about/team.json index c207b73e6..8566f0fda 100644 --- a/frontend/src/pages/about/team.json +++ b/frontend/src/pages/about/team.json @@ -75,7 +75,8 @@ }, { "name": "Bryan Laraway", - "role": "Data Wrangler" + "role": "Data Wrangler", + "link": "https://tislab.org/members/bryan-laraway.html" } ] }, @@ -85,8 +86,8 @@ "members": [ { "name": "Peter Robinson", - "link": "https://www.jax.org/research-and-faculty/faculty/peter-robinson", - "role": "Monarch PI" + "role": "Monarch PI", + "link": "https://www.jax.org/research-and-faculty/faculty/peter-robinson" }, { "name": "Leigh Carmody", @@ -288,7 +289,7 @@ { "name": "Harry Hochheiser", "role": "Monarch PI", - "link": "https://www.dbmi.pitt.edu/person/harry-hochheiser-phd" + "link": "https://www.phdl.pitt.edu/people/harry-hochheiser-phd" }, { "name": "Michael Davis", diff --git a/frontend/src/pages/help/PageHelp.vue b/frontend/src/pages/help/PageHelp.vue index 301960ca9..857b7e746 100644 --- a/frontend/src/pages/help/PageHelp.vue +++ b/frontend/src/pages/help/PageHelp.vue @@ -7,8 +7,9 @@ Help

- Request a feature, report a bug, or chat with us about anything - Monarch-related. + We welcome all questions, requests, and feedback! Request a feature, + report a bug, or chat with us about anything Monarch-related. We will + connect you with someone who can help.

import("../pages/about/PagePhenomicsFirst.vue"), }, + { + path: "/outreach", + name: "Outreach", + component: () => import("../pages/about/PageOutreach.vue"), + }, /** help pages */ { @@ -184,7 +189,12 @@ const getTarget = (element: Element): Element => { }; /** get offset to account for header */ -const getOffset = () => document?.querySelector("header")?.clientHeight || 0; +const getOffset = () => { + const header = document?.querySelector("header"); + if (header && window.getComputedStyle(header).position === "sticky") + header.clientHeight; + return 0; +}; /** scroll to element */ export const scrollToElement = async (element?: Element | null) => { @@ -220,4 +230,11 @@ router.beforeEach(() => { hideAll(); }); +/** on route load */ +router.afterEach(async () => { + /** wait for layout shifts */ + await sleep(1000); + scrollToHash(); +}); + export default router;