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"
/>
+
+
+
+
+ Outreach
+
+ The Monarch Initiative is a community effort, and we welcome your
+ participation!
+
+
+
+
+
+
+
+
+
+ Ways to Get Involved
+
+ OBO Academy: Monarch Training Series
+
+ Training for Semantic Engineers, Ontology Curators, and Knowledge
+ Scientists on basic technologies in and around the Monarch Initiative and
+ Open Biological and Biomedical Ontologies (OBO).
+
+
+
+ -
+ The OBO Academy develops Self-paced tutorials in the OBOOK, hosts
+ fortnightly live training sessions on Zoom, and maintains a YouTube
+ channel with lesson recordings.
+
+ -
+ Youtube channel:
+ https://www.youtube.com/@obo-academy
+
+ -
+ Join the OBO Academy mailing list
+ here
+
+
+
+
+
+ The Mondo Disease Ontology (Mondo)
+
+
+ Mondo aims to harmonize disease definitions across the world. The name
+ Mondo comes from the latin word ‘mundus’ and means ‘for the world.’
+
+
+
+ -
+ The Mondo Outreach calls aim to bring together stakeholders and clinical
+ terminology experts to discuss specific use cases and requirements. Our
+ goal is to improve Mondo with a focus on our user needs.
+
+
+ -
+ These calls are scheduled for the second Thursday of every month. You
+ can find more information about the calls
+ here.
+
+ -
+ You can find the schedule with Zoom information
+ here.
+
+
+ -
+ Join the Mondo User mailing list
+ here
+
+
+
+
+
+ LinkML (the Linked data Modeling Language)
+
+
+ LinkML is a flexible modeling language that allows you to author schemas
+ in YAML that describe the structure of your data.
+
+
+ LinkML is used to model the Monarch data model, and we welcome your
+ contributions to the LinkML community.
+
+
+ -
+ You can learn more
+ here.
+
+
+
+
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;