v2: 120 Darwin nodes (+9 incl Darwin-Image-v1, Darwin-28B-NEG, AETHER-Q2B/14B, NOESIS-Darwin x9), Modalities=default, premium glass-morphism UI

compressed_darwin_data.json.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:ca2c702749c1fb5ee9c5129437cd97c39b0970fda08e2d0a1b11464a9d15c60b
-size 14255
+oid sha256:9ae4a21c99846c02d2787c3fa2162e3ffa8fa8407736bd806d1f8edc6d5945da
+size 17952

compressed_large_nlp_data.json.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:7e18f3d15e98e9d5aac7f061569fedae5186875f8c6ef7eaa35f878e80eaa60c
-size 23660615
+oid sha256:896160ec9dc1848bc547f4064a468c43b04967364b39584efe33faefce731d11
+size 23664164

compressed_modalities_data.json.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:4b0537315156e6be463b9a33b81af6c78a5f13a64a733d60fd4f3efcce767b74
-size 3110550
+oid sha256:22126f2c8c88bf6abd7524e36099153cfb90e3880f1f5bc029022b7ef307002e
+size 3114062

config.json

@@ -1,7 +1,7 @@
 {
   "type": "network",
   "version": "1.0",
-  "data": "compressed_darwin_data.json.gz",
+  "data": "compressed_modalities_data.json.gz",
   "logo": {
     "file": "",
     "link": "",

css/style.css

@@ -761,4 +761,445 @@ display: none;
 
 #mainpanel::-webkit-scrollbar-thumb:hover {
   background: #555;
-}
+}
+
+/* ============================================================
+   DARWIN ATLAS — PREMIUM OVERRIDE (2026-04-30)
+   Glass-morphism + gradient accents + modality color chips
+   ============================================================ */
+
+@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;600;700&family=IBM+Plex+Sans:wght@300;400;500;600;700&family=IBM+Plex+Sans+KR:wght@400;500;600;700&display=swap');
+
+html, body {
+  font-family: 'IBM Plex Sans', 'IBM Plex Sans KR', -apple-system, BlinkMacSystemFont, sans-serif !important;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.sigma-expand {
+  background: radial-gradient(ellipse at center, #0f172a 0%, #020617 100%) !important;
+}
+
+/* ----- Left main panel ----- */
+#mainpanel {
+  background: linear-gradient(155deg, rgba(15,23,42,0.92) 0%, rgba(30,41,59,0.92) 50%, rgba(15,23,42,0.94) 100%) !important;
+  backdrop-filter: blur(18px) saturate(140%);
+  -webkit-backdrop-filter: blur(18px) saturate(140%);
+  border-right: 1px solid rgba(245,158,11,0.18);
+  box-shadow: 4px 0 24px rgba(0,0,0,0.4), inset -1px 0 0 rgba(245,158,11,0.06);
+  width: 290px !important;
+  color: #e2e8f0 !important;
+  font-size: 12px;
+}
+
+#mainpanel .col {
+  padding: 18px 20px !important;
+}
+
+/* ----- Title block ----- */
+#title {
+  font-family: 'IBM Plex Mono', monospace !important;
+  font-size: 18px !important;
+  font-weight: 700 !important;
+  letter-spacing: 0.4px;
+  background: linear-gradient(135deg, #f59e0b 0%, #ef4444 60%, #db2777 100%);
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  margin-bottom: 4px !important;
+  text-shadow: 0 0 24px rgba(245,158,11,0.25);
+}
+#title::before { content: "🌳 "; -webkit-text-fill-color: initial; }
+
+#titletext {
+  color: #94a3b8 !important;
+  font-size: 11px !important;
+  line-height: 1.55 !important;
+  margin-bottom: 14px !important;
+  padding-bottom: 14px;
+  border-bottom: 1px solid rgba(148,163,184,0.18);
+}
+#titletext strong { color: #fbbf24 !important; font-weight: 600; }
+#titletext a { color: #f59e0b !important; }
+
+.info { margin-bottom: 14px !important; }
+.info dl { margin: 0 !important; }
+.info dt.moreinformation { display: none !important; }
+.info dd.line a {
+  display: inline-flex !important;
+  align-items: center;
+  gap: 6px;
+  color: #fbbf24 !important;
+  background: rgba(245,158,11,0.08);
+  border: 1px solid rgba(245,158,11,0.25);
+  padding: 6px 12px;
+  border-radius: 8px;
+  font-size: 11px;
+  font-weight: 500;
+  text-decoration: none !important;
+  transition: all 0.18s ease;
+}
+.info dd.line a::before { content: "ℹ"; font-weight: 700; }
+.info dd.line a:hover {
+  background: rgba(245,158,11,0.18);
+  border-color: rgba(245,158,11,0.5);
+  transform: translateX(2px);
+}
+
+/* ----- Section headers ----- */
+#mainpanel h2 {
+  color: #f8fafc !important;
+  font-size: 11px !important;
+  font-weight: 600 !important;
+  letter-spacing: 1.2px;
+  text-transform: uppercase;
+  margin-bottom: 6px !important;
+  padding-left: 8px;
+  border-left: 3px solid #f59e0b;
+  line-height: 1.4;
+}
+
+/* ----- Legend ----- */
+#legend {
+  background: rgba(15,23,42,0.55) !important;
+  border: 1px solid rgba(148,163,184,0.18);
+  border-radius: 10px;
+  padding: 10px 12px !important;
+  margin-bottom: 14px !important;
+  margin-top: 4px !important;
+}
+#legend .box { padding: 0 !important; }
+#legend h2 { border-left-color: #ec4899; padding-left: 8px; margin-bottom: 8px !important; }
+#colorLegend {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+  font-size: 11px;
+  color: #cbd5e1;
+}
+#colorLegend > * {
+  display: flex !important;
+  align-items: center;
+  gap: 8px;
+  padding: 4px 6px;
+  border-radius: 5px;
+  background: rgba(255,255,255,0.02);
+  transition: background 0.15s;
+}
+#colorLegend > *:hover { background: rgba(245,158,11,0.08); }
+
+/* ----- Form sections ----- */
+.b1 form > div {
+  margin-bottom: 12px !important;
+  background: rgba(15,23,42,0.5);
+  border: 1px solid rgba(148,163,184,0.15);
+  border-radius: 10px;
+  padding: 10px 12px;
+  transition: border-color 0.18s;
+}
+.b1 form > div:hover { border-color: rgba(245,158,11,0.35); }
+
+/* ----- Search input ----- */
+#search input[type="text"] {
+  width: 100% !important;
+  background: rgba(2,6,23,0.6) !important;
+  border: 1px solid rgba(148,163,184,0.3) !important;
+  border-radius: 8px !important;
+  padding: 8px 12px !important;
+  color: #f1f5f9 !important;
+  font-size: 12px !important;
+  font-family: 'IBM Plex Mono', monospace !important;
+  transition: all 0.18s;
+  margin-top: 4px;
+}
+#search input[type="text"]:focus {
+  outline: none !important;
+  border-color: #f59e0b !important;
+  background: rgba(2,6,23,0.85) !important;
+  box-shadow: 0 0 0 3px rgba(245,158,11,0.12), inset 0 1px 2px rgba(0,0,0,0.4);
+}
+#search input.empty { color: rgba(148,163,184,0.7) !important; font-style: italic; }
+#search h2::before { content: "🔍  "; -webkit-text-fill-color: initial; }
+
+#search .results {
+  max-height: 200px;
+  overflow-y: auto;
+  margin-top: 6px;
+  font-family: 'IBM Plex Mono', monospace;
+  font-size: 10px;
+}
+#search .results a {
+  display: block;
+  padding: 5px 8px;
+  color: #cbd5e1 !important;
+  text-decoration: none !important;
+  border-radius: 4px;
+  transition: all 0.12s;
+}
+#search .results a:hover {
+  background: linear-gradient(90deg, rgba(245,158,11,0.18), rgba(245,158,11,0.05)) !important;
+  color: #fbbf24 !important;
+  transform: translateX(2px);
+}
+
+/* ----- Selectors (Atlas / Color By) ----- */
+.select {
+  background: rgba(2,6,23,0.6) !important;
+  border: 1px solid rgba(148,163,184,0.3) !important;
+  border-radius: 8px !important;
+  padding: 8px 32px 8px 12px !important;
+  color: #f1f5f9 !important;
+  cursor: pointer !important;
+  font-family: 'IBM Plex Mono', monospace !important;
+  font-size: 11px !important;
+  font-weight: 500 !important;
+  position: relative;
+  transition: all 0.18s;
+  margin-top: 4px;
+}
+.select::after {
+  content: "▾";
+  position: absolute;
+  right: 12px;
+  top: 50%;
+  transform: translateY(-50%);
+  color: #f59e0b;
+  font-size: 10px;
+}
+.select:hover {
+  border-color: #f59e0b !important;
+  background: rgba(245,158,11,0.06) !important;
+}
+.select.close::after { transform: translateY(-50%) rotate(180deg); }
+
+#attributeselect h2::before { content: "📁  "; -webkit-text-fill-color: initial; }
+#coloringselect h2::before { content: "🎨  "; -webkit-text-fill-color: initial; }
+#atlasselect h2::before { content: "🗺️  "; -webkit-text-fill-color: initial; }
+
+.list {
+  background: rgba(2,6,23,0.95) !important;
+  border: 1px solid rgba(148,163,184,0.3) !important;
+  border-radius: 8px !important;
+  margin-top: 4px;
+  padding: 4px !important;
+  display: none;
+  max-height: 240px;
+  overflow-y: auto;
+}
+.list.open { display: block !important; }
+.list a {
+  display: block !important;
+  padding: 7px 10px !important;
+  color: #cbd5e1 !important;
+  text-decoration: none !important;
+  border-radius: 5px !important;
+  font-size: 11px !important;
+  font-family: 'IBM Plex Mono', monospace !important;
+  transition: all 0.12s !important;
+}
+.list a:hover {
+  background: linear-gradient(90deg, rgba(245,158,11,0.2), rgba(245,158,11,0.05)) !important;
+  color: #fbbf24 !important;
+}
+
+/* Highlight DARWIN-prefixed atlas option */
+.list a[data-file="compressed_darwin_data.json.gz"] {
+  background: rgba(220,38,38,0.1) !important;
+  color: #fca5a5 !important;
+  font-weight: 700 !important;
+  border-left: 2px solid #dc2626;
+}
+.list a[data-file="compressed_darwin_data.json.gz"]:hover {
+  background: linear-gradient(90deg, rgba(220,38,38,0.3), rgba(220,38,38,0.08)) !important;
+  color: #fff !important;
+}
+.list a[data-file="compressed_modalities_data.json.gz"] {
+  background: rgba(245,158,11,0.08) !important;
+  border-left: 2px solid #f59e0b;
+}
+
+/* ----- Right info panel ----- */
+#attributepane {
+  background: linear-gradient(195deg, rgba(15,23,42,0.96) 0%, rgba(2,6,23,0.96) 100%) !important;
+  backdrop-filter: blur(18px) saturate(140%);
+  -webkit-backdrop-filter: blur(18px) saturate(140%);
+  border-left: 1px solid rgba(245,158,11,0.18) !important;
+  box-shadow: -4px 0 24px rgba(0,0,0,0.4);
+  width: 320px !important;
+  color: #e2e8f0 !important;
+  padding: 0 22px !important;
+}
+#attributepane .text { padding: 18px 0; }
+#attributepane .headertext {
+  color: #f8fafc !important;
+  font-family: 'IBM Plex Mono', monospace !important;
+  font-size: 12px !important;
+  font-weight: 600 !important;
+  text-transform: uppercase;
+  letter-spacing: 1.2px;
+  padding-bottom: 12px;
+  margin-bottom: 14px !important;
+  border-bottom: 1px solid rgba(245,158,11,0.25);
+}
+#attributepane .left-close {
+  cursor: pointer;
+  background: rgba(245,158,11,0.08);
+  border: 1px solid rgba(245,158,11,0.25);
+  border-radius: 6px;
+  padding: 6px 10px !important;
+  color: #fbbf24 !important;
+  font-size: 11px !important;
+  margin-bottom: 12px;
+  transition: all 0.18s;
+}
+#attributepane .left-close:hover {
+  background: rgba(245,158,11,0.2);
+  border-color: #f59e0b;
+}
+#attributepane .left-close::before { content: "← "; }
+
+#attributepane .name {
+  color: #fbbf24 !important;
+  font-family: 'IBM Plex Mono', monospace !important;
+  font-size: 14px !important;
+  font-weight: 600 !important;
+  word-break: break-all;
+  padding: 10px 0;
+  border-bottom: 1px dashed rgba(148,163,184,0.2);
+  margin-bottom: 10px;
+}
+
+#attributepane .data {
+  font-size: 11px;
+  color: #cbd5e1;
+}
+#attributepane .data > div, #attributepane .data > p {
+  padding: 6px 0;
+  border-bottom: 1px solid rgba(148,163,184,0.08);
+  font-family: 'IBM Plex Mono', monospace;
+}
+#attributepane .data strong, #attributepane .data b {
+  color: #f59e0b !important;
+  font-weight: 600;
+  display: inline-block;
+  min-width: 88px;
+}
+
+#attributepane .p {
+  font-family: 'IBM Plex Mono', monospace !important;
+  color: #ec4899 !important;
+  font-size: 11px !important;
+  font-weight: 600 !important;
+  text-transform: uppercase;
+  letter-spacing: 0.8px;
+  margin-top: 16px !important;
+  padding-bottom: 4px;
+  border-bottom: 1px solid rgba(236,72,153,0.3);
+}
+#attributepane .link ul {
+  list-style: none;
+  padding: 6px 0 0 0;
+  max-height: 50vh;
+  overflow-y: auto;
+}
+#attributepane .link li { margin-bottom: 4px; }
+#attributepane .link a {
+  display: block;
+  padding: 5px 10px;
+  background: rgba(245,158,11,0.05);
+  border: 1px solid rgba(148,163,184,0.15);
+  border-radius: 6px;
+  color: #cbd5e1 !important;
+  text-decoration: none !important;
+  font-family: 'IBM Plex Mono', monospace;
+  font-size: 10px;
+  word-break: break-all;
+  transition: all 0.12s;
+}
+#attributepane .link a:hover {
+  background: rgba(245,158,11,0.15);
+  border-color: rgba(245,158,11,0.5);
+  color: #fbbf24 !important;
+  transform: translateX(2px);
+}
+
+/* ----- Zoom controls ----- */
+#zoom {
+  background: rgba(15,23,42,0.85) !important;
+  backdrop-filter: blur(12px);
+  border: 1px solid rgba(245,158,11,0.2) !important;
+  border-radius: 12px !important;
+  padding: 6px !important;
+  box-shadow: 0 4px 16px rgba(0,0,0,0.4) !important;
+}
+#zoom .z {
+  background-color: rgba(245,158,11,0.1) !important;
+  border-radius: 8px !important;
+  border: 1px solid rgba(245,158,11,0.25) !important;
+  margin: 4px !important;
+  width: 32px !important;
+  height: 32px !important;
+  transition: all 0.15s !important;
+}
+#zoom .z:hover {
+  background-color: rgba(245,158,11,0.3) !important;
+  border-color: #f59e0b !important;
+  transform: scale(1.05);
+}
+
+/* ----- Information modal ----- */
+#information {
+  background: rgba(15,23,42,0.97) !important;
+  backdrop-filter: blur(20px);
+  border: 1px solid rgba(245,158,11,0.3) !important;
+  border-radius: 14px !important;
+  color: #e2e8f0 !important;
+  padding: 24px !important;
+}
+#information h2.title, #information h2 {
+  color: #f59e0b !important;
+  font-family: 'IBM Plex Mono', monospace !important;
+}
+#information code, #information pre {
+  background: rgba(2,6,23,0.6) !important;
+  border: 1px solid rgba(148,163,184,0.2) !important;
+  color: #fbbf24 !important;
+  border-radius: 6px;
+  padding: 8px 12px;
+}
+#information ul li { margin: 6px 0; }
+#information strong { color: #fbbf24 !important; }
+#information .features { margin-top: 12px; padding: 12px; background: rgba(245,158,11,0.06); border-radius: 8px; border: 1px solid rgba(245,158,11,0.2); }
+
+/* ----- Fancybox close button ----- */
+.fancybox-close, .fancybox-title {
+  filter: invert(0.9) hue-rotate(180deg);
+}
+
+/* ----- Developer footer ----- */
+#developercontainer {
+  background: rgba(15,23,42,0.7) !important;
+  border-top: 1px solid rgba(148,163,184,0.15) !important;
+  color: #94a3b8 !important;
+  font-size: 10px !important;
+  padding: 8px 14px !important;
+}
+#developercontainer a { color: #fbbf24 !important; }
+#developercontainer p { margin: 2px 0; }
+
+/* ----- Scrollbars ----- */
+*::-webkit-scrollbar { width: 8px; height: 8px; }
+*::-webkit-scrollbar-track { background: rgba(15,23,42,0.4); border-radius: 4px; }
+*::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #f59e0b, #dc2626); border-radius: 4px; }
+*::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #fbbf24, #ef4444); }
+
+/* ----- Responsive (smaller screens) ----- */
+@media (max-width: 1100px) {
+  #mainpanel { width: 260px !important; }
+  #attributepane { width: 280px !important; }
+}
+@media (max-width: 850px) {
+  #mainpanel { width: 220px !important; padding: 10px 0; }
+  #attributepane { width: 240px !important; }
+  #title { font-size: 15px !important; }
+}

js/main.js

@@ -823,8 +823,8 @@ function AtlasSelector(a) {
 
 function getAvailableAtlases() {
   return [
-    { name: "DARWIN Family Only", file: "compressed_darwin_data.json.gz" },
     { name: "Modalities Atlas (+ Darwin)", file: "compressed_modalities_data.json.gz" },
+    { name: "DARWIN Family Only", file: "compressed_darwin_data.json.gz" },
     { name: "Large NLP Atlas (+ Darwin)", file: "compressed_large_nlp_data.json.gz" },
     { name: "Hugging Face Galaxy", file: "compressed_galaxy.json.gz" },
   ];