diff --git a/ome2024-ngff-challenge/src/App.svelte b/ome2024-ngff-challenge/src/App.svelte
index edd2295..c122099 100644
--- a/ome2024-ngff-challenge/src/App.svelte
+++ b/ome2024-ngff-challenge/src/App.svelte
@@ -5,6 +5,7 @@
import Pixel from "./Pixel.svelte";
import { SAMPLES_HOME, filesizeformat, loadCsv, lookupImagingModality, lookupOrganism } from "./util";
+ import Nav from "./Nav.svelte";
// check for ?csv=url
@@ -104,13 +105,14 @@
+
+
OME 2024 NGFF Challenge
- Totals:
Zarr Samples (URLs) |
@@ -228,8 +230,6 @@
diff --git a/ome2024-ngff-challenge/src/ThumbGallery.svelte b/ome2024-ngff-challenge/src/ThumbGallery.svelte
index 635ff05..f402a37 100644
--- a/ome2024-ngff-challenge/src/ThumbGallery.svelte
+++ b/ome2024-ngff-challenge/src/ThumbGallery.svelte
@@ -108,6 +108,8 @@
color: black;
}
.gallery {
+ position: relative;
+ z-index: 10;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(112px, 1fr));
gap: 5px;
diff --git a/ome2024-ngff-challenge/src/app.css b/ome2024-ngff-challenge/src/app.css
index 74345df..dadeb0c 100644
--- a/ome2024-ngff-challenge/src/app.css
+++ b/ome2024-ngff-challenge/src/app.css
@@ -38,7 +38,12 @@ body {
width: 100%;
height: 100%;
- background-image: repeating-linear-gradient(
+ background-image: linear-gradient(
+ 180deg,
+ rgba(255, 255, 255, 0.5),
+ rgba(255, 255, 255, 0)
+ ),
+ repeating-linear-gradient(
180deg,
rgb(255, 149, 0, 0.3) 0px,
rgb(255, 149, 0, 0.3) 1px,
@@ -65,8 +70,7 @@ body {
rgba(70, 70, 70, 0.1) 1px,
transparent 1px,
transparent 20px
- ),
- linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255));
+ );
}
p,