metadata template

index.tsx

@@ -13,10 +13,15 @@ const fakeText = (p) => {
 
 const title = 'Primary Lung Cancer [M-003]';
 const configWaypoints = [
+  {
+    "key": "test",
+    "title": "Metadata Template",
+    "content": "### Demographics  \n**Species:** Human  \n**Vital Status:** [Alive/deceased]  \n**Cause of death:** [if deceased]  \n**Sex:** (Female, Male, Intersex)   \n**Race:** [White, American Indian or Alaska Native, Black or African American, Asian, Native Hawaiian or Pacific Islander, Other]  \n**Ethnicity:** [Hispanic or Latino, Not Hispanic or Latino]  \n\n### Diagnosis  \n**Age at Diagnosis:** [years]  \n**Primary Diagnosis:**  \n**Site of Resection or Biopsy:**  \n**Tumor Grade:**  \n**Stage (AJCC 8th Edition):**  \n\n### Therapy  \n**Pre-operative:**  \n**Post-operative:**  \n**Initial Disease Status:**  \n\n### Follow Up  \n**Progression:**  \n**Last Known Disease Status:**   \n**Age at Follow Up:**  \n**Days to Progression## Metadata about this sample  \n\n"
+  },
   {
     "key": "A",
     "title": "Data Aquisition",
-    "content": "Tissue cyclic immunofluorescence (t-CyCIF) was used to generate the fluorescence images.\n\nThe RareCyte CyteFinder microscope was used with a 40X/0.6NA objective.\n\nThe images were artifact corrected using the BaSiC tool, stitched and registered using the ASHLAR algorithm, \nand segmented using ilastik software and MATLAB. Single-cell features were then extracted from these images using HistoCAT software.\n\n![image](https://www.cycif.org/assets/img/du-lin-rashid-nat-protoc-2019/Fig1_Rashid_SciData.JPG)\n\nRead more about the t-CyCIF method and this data in the following papers:\n\n[Lin et al., eLife, 2018](https://elifesciences.org/articles/31657)\n\n[Du, Lin, and Rashid et al., Nature Methods, 2019](https://www-nature-com.ezp-prod1.hul.harvard.edu/articles/s41596-019-0206-y)\n\n[Rashid et al., Scientific Data, 2019](https://www-nature-com.ezp-prod1.hul.harvard.edu/articles/s41597-019-0332-y)\n"
+    "content": "Tissue cyclic immunofluorescence (t-CyCIF) was used to generate the fluorescence images.\n\nThe RareCyte CyteFinder microscope was used with a 40X/0.6NA objective.\n\nThe images were artifact corrected using the BaSiC tool, stitched and registered using the ASHLAR algorithm, \nand segmented using ilastik software and MATLAB. Single-cell features were then extracted from these images using HistoCAT software.\n\n![image](https://www.cycif.org/assets/img/du-lin-rashid-nat-protoc-2019/Fig1_Rashid_SciData.JPG)"
   },
   {
     "key": "B",

package.json

@@ -55,7 +55,7 @@
     "gl-matrix": "^3.4.3",
     "idb-keyval": "^6.2.1",
     "lensing": "https://github.com/jessupjs/lensing/tarball/f800a9d67155db599f8054922cb6d45b673fe5c9",
-    "minerva-author-ui": "2.0.0-beta.17",
+    "minerva-author-ui": "2.0.0-beta.18",
     "openseadragon": "^4.1.1",
     "prop-types": "^15.8.1",
     "react": "^18.3.1",

src/components/channel/content.module.css

@@ -25,6 +25,7 @@
   padding: 0.8em;
   font-size: 16px;
   pointer-events: all;
+  padding-top: calc(1.5*var(--theme-gap-tiny));
   outline: 1px solid var(--theme-glass-edge);
   background-color: var(--dark-glass);
   border-radius: var(--radius-0001);

src/components/channel/toolbar.tsx

@@ -13,8 +13,8 @@ const Toolbar = (props) => {
 
   const icon = {
     size: "16px",
-    width: "32px",
-    height: "32px",
+    width: "34px",
+    height: "34px",
     color: "inherit",
     icon: faToggle,
     onClick: togglePanel,

src/theme.module.css

@@ -4,7 +4,7 @@
   --theme-dark-main-color: hwb(240 10% 50%);
   --theme-light-focus-color: hwb(45 90% 0%);
   --theme-light-contrast-color: hwb(45 99% 0%);
-  --theme-dark-accept-color: hwb(240 10% 50%);
+  --theme-dark-accept-color: hwb(170 5% 75%);
   --theme-dark-reject-color: hwb(25 0% 75%);
   --theme-dark-focus-color: hwb(45 0% 90%);
   --theme-glass-edge: color-mix(in xyz, white 50%, transparent);