From 1fa468d470fe238d1610eb956188201d47eca145 Mon Sep 17 00:00:00 2001
From: Corey Cox <69321580+amc-corey-cox@users.noreply.github.com>
Date: Wed, 11 Sep 2024 14:17:09 -0500
Subject: [PATCH] Landing tweaks (#804)

### Related issues

- Tweaks the order of resources on the landing page... moving search
below the flagship resources.

### Summary

- adds UBERON svg icon for resouces bar.
- changes order of resources and search bar on landing page

### Checks

- [ X ] All tests have passed (or issues created for failing tests)
---
 frontend/src/assets/icons/resource-uberon.svg | 64 +++++++++++++++++++
 frontend/src/pages/PageHome.vue               |  2 +-
 frontend/src/pages/resources.json             | 44 ++++++-------
 3 files changed, 87 insertions(+), 23 deletions(-)
 create mode 100644 frontend/src/assets/icons/resource-uberon.svg

diff --git a/frontend/src/assets/icons/resource-uberon.svg b/frontend/src/assets/icons/resource-uberon.svg
new file mode 100644
index 000000000..2cdf77160
--- /dev/null
+++ b/frontend/src/assets/icons/resource-uberon.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+  version="1.0"
+  width="395pt"
+  height="574pt"
+  viewBox="0 0 395 574"
+  preserveAspectRatio="xMidYMid"
+  id="svg11"
+  sodipodi:docname="resource-uberon.svg"
+  inkscape:version="1.3.1 (9b9bdc1480, 2023-11-25, custom)"
+  xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+  xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:svg="http://www.w3.org/2000/svg"
+>
+  <defs id="defs11" />
+  <sodipodi:namedview
+    id="namedview11"
+    pagecolor="#ffffff"
+    bordercolor="#000000"
+    borderopacity="0.25"
+    inkscape:showpageshadow="2"
+    inkscape:pageopacity="0.0"
+    inkscape:pagecheckerboard="0"
+    inkscape:deskcolor="#d1d1d1"
+    inkscape:document-units="pt"
+    inkscape:zoom="0.36678508"
+    inkscape:cx="1123.2736"
+    inkscape:cy="398.05327"
+    inkscape:window-width="1452"
+    inkscape:window-height="749"
+    inkscape:window-x="262"
+    inkscape:window-y="118"
+    inkscape:window-maximized="0"
+    inkscape:current-layer="svg11"
+  />
+  <g
+    transform="matrix(0.1,0,0,-0.1,-33.5,583.81432)"
+    fill="#000000"
+    stroke="none"
+    id="g11"
+  >
+    <path
+      d="m 1366,5829 c 81,-138 429,-512 684,-736 122,-107 389,-323 399,-323 3,0 69,55 146,121 185,161 505,483 633,639 124,151 234,304 222,308 -15,5 -257,-122 -405,-213 -160,-99 -324,-212 -475,-329 -58,-45 -111,-85 -117,-90 -8,-4 -59,26 -135,82 -280,202 -499,337 -743,457 -183,90 -223,106 -209,84 z"
+      id="path1"
+    />
+    <path
+      d="m 1555,4266 c -158,-66 -236,-242 -180,-406 26,-78 120,-172 195,-194 164,-49 320,15 392,162 28,57 33,77 33,142 0,177 -126,308 -305,317 -63,3 -85,0 -135,-21 z"
+      id="path2"
+    />
+    <path
+      d="m 3033,4272 c -262,-94 -288,-453 -42,-587 75,-40 179,-46 264,-14 207,78 272,345 124,512 -81,93 -229,131 -346,89 z"
+      id="path3"
+    />
+    <path
+      d="m 1080,3121 c -66,-23 -96,-58 -110,-126 -16,-75 2,-146 45,-184 45,-40 89,-51 218,-58 l 107,-6 v -642 c 0,-392 4,-684 11,-751 51,-508 318,-765 821,-791 292,-15 519,61 818,276 l 85,61 6,-102 c 6,-115 16,-139 69,-166 31,-15 68,-17 300,-17 284,0 314,4 370,52 61,51 74,183 26,256 -37,56 -84,72 -223,75 l -123,4 v 978 c 0,668 -3,995 -11,1030 -14,67 -47,105 -103,119 -59,15 -666,15 -735,0 -28,-6 -62,-20 -77,-31 -77,-61 -87,-235 -17,-300 47,-43 81,-48 309,-48 h 214 v -610 c 0,-403 -4,-627 -11,-662 -27,-129 -120,-270 -237,-359 -141,-106 -275,-149 -469,-149 -323,0 -491,113 -570,385 -15,54 -18,140 -23,870 -5,794 -5,811 -26,845 -36,62 -49,65 -344,67 -240,3 -270,1 -320,-16 z"
+      id="path5"
+    />
+    <path
+      d="m 537,1250 c -76,-29 -132,-82 -169,-158 -28,-57 -33,-77 -33,-142 0,-60 5,-86 27,-132 52,-111 150,-177 273,-185 101,-7 172,21 246,96 90,91 116,208 74,331 -26,77 -118,169 -194,193 -70,22 -163,21 -224,-3 z"
+      id="path11"
+    />
+  </g>
+</svg>
diff --git a/frontend/src/pages/PageHome.vue b/frontend/src/pages/PageHome.vue
index b533a05d7..3da2ea6d1 100644
--- a/frontend/src/pages/PageHome.vue
+++ b/frontend/src/pages/PageHome.vue
@@ -3,7 +3,6 @@
 -->
 
 <template>
-  <!-- dive right in -->
   <AppSection design="fill">
     <AppTabs
       v-model="tab"
@@ -29,6 +28,7 @@
       </template>
     </AppGallery>
   </AppSection>
+
   <AppSection>
     <AppHeading>What is Monarch?</AppHeading>
 
diff --git a/frontend/src/pages/resources.json b/frontend/src/pages/resources.json
index 7f638269b..7fa8c2972 100644
--- a/frontend/src/pages/resources.json
+++ b/frontend/src/pages/resources.json
@@ -1,19 +1,11 @@
 {
-  "Standards": [
+  "Flagship": [
     {
-      "description": "An ISO-endorsed open standard for sharing disease and phenotype information.",
-      "icon": "resource-phenopackets",
-      "link": "http://phenopackets.org/",
-      "name": "Phenopackets"
+      "description": "The standard vocabulary of human phenotypic abnormalities.",
+      "icon": "resource-hpo",
+      "link": "https://hpo.jax.org/app/",
+      "name": "HPO"
     },
-    {
-      "description": "Explore gene, disease, and phenotype data across species.",
-      "icon": "resource-monarch",
-      "link": "/explore",
-      "name": "Knowledge Graph"
-    }
-  ],
-  "Ontologies": [
     {
       "description": "Harmonizing disease definitions globally.",
       "icon": "resource-mondo",
@@ -21,11 +13,13 @@
       "name": "Mondo"
     },
     {
-      "description": "The standard vocabulary of human phenotypic abnormalities.",
-      "icon": "resource-hpo",
-      "link": "https://hpo.jax.org/app/",
-      "name": "HPO"
-    },
+      "description": "A tool to find potential disease-causing variants in WES and WGS.",
+      "icon": "resource-exomiser",
+      "link": "https://exomiser.monarchinitiative.org/exomiser/",
+      "name": "Exomiser"
+    }
+  ],
+  "More Otologies": [
     {
       "description": "An integrated cross-species anatomy ontology.",
       "icon": "resource-uberon",
@@ -35,10 +29,16 @@
   ],
   "Tools": [
     {
-      "description": "A tool to find potential disease-causing variants in WES and WGS.",
-      "icon": "resource-exomiser",
-      "link": "https://exomiser.monarchinitiative.org/exomiser/",
-      "name": "Exomiser"
+      "description": "Explore gene, disease, and phenotype data across species.",
+      "icon": "resource-monarch",
+      "link": "/explore",
+      "name": "Knowledge Graph"
+    },
+    {
+      "description": "An ISO-endorsed open standard for sharing disease and phenotype information.",
+      "icon": "resource-phenopackets",
+      "link": "http://phenopackets.org/",
+      "name": "Phenopackets"
     }
   ]
 }