Fix homepage icons with emoji, add Data Engineering & AI resources section, update Palantir-style styling

config/homepage/custom.css

@@ -1,4 +1,4 @@
-/* Lakehouse Dashboard - Colorful Palantir-style Theme */
+/* Lakehouse Dashboard - Palantir-style Dark Theme */
 :root {
   --background-color: #0a0e1a;
   --card-background: #111827;
@@ -12,7 +12,7 @@
   --accent-orange: #f59e0b;
   --accent-cyan: #06b6d4;
   --accent-red: #ef4444;
-  --accent-yellow: #fbbf24;
+  --accent-yellow: #fbbf24';
 }
 
 body {
@@ -25,13 +25,14 @@ body {
   border: 1px solid rgba(59, 130, 246, 0.2);
   transition: all 0.3s ease;
   border-radius: 12px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
 }
 
 .service-card:hover {
   background: linear-gradient(135deg, var(--card-hover) 0%, #2d3748 100%);
   border-color: var(--accent-blue);
-  transform: translateY(-2px);
+  transform: translateY(-4px);
-  box-shadow: 0 10px 40px rgba(59, 130, 246, 0.3);
+  box-shadow: 0 20px 40px rgba(59, 130, 246, 0.4);
 }
 
 .group-header {
@@ -40,56 +41,63 @@ body {
   -webkit-text-fill-color: transparent;
   font-weight: bold;
   text-transform: uppercase;
-  letter-spacing: 1px;
+  letter-spacing: 2px;
-  font-size: 1.2em;
+  font-size: 1.3em;
+  margin-bottom: 20px;
+  padding-bottom: 10px;
+  border-bottom: 2px solid rgba(59, 130, 246, 0.3);
 }
 
-/* Colorful icon glow effects */
+/* Animated background */
-.icon-kafka { filter: drop-shadow(0 0 8px var(--accent-red)); }
-.icon-spark { filter: drop-shadow(0 0 8px var(--accent-orange)); }
-.icon-trino { filter: drop-shadow(0 0 8px var(--accent-cyan)); }
-.icon-airflow { filter: drop-shadow(0 0 8px var(--accent-green)); }
-.icon-superset { filter: drop-shadow(0 0 8px var(--accent-purple)); }
-.icon-elasticsearch { filter: drop-shadow(0 0 8px var(--accent-yellow)); }
-.icon-kibana { filter: drop-shadow(0 0 8px var(--accent-pink)); }
-.icon-grafana { filter: drop-shadow(0 0 8px var(--accent-orange)); }
-.icon-proxmox { filter: drop-shadow(0 0 8px var(--accent-green)); }
-.icon-git { filter: drop-shadow(0 0 8px var(--accent-blue)); }
-
-/* Animated background gradient */
 @keyframes gradient {
   0% { background-position: 0% 50%; }
   50% { background-position: 100% 50%; }
   100% { background-position: 0% 50%; }
 }
 
-.animated-gradient {
+.animated-background {
   background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
   background-size: 400% 400%;
-  animation: gradient 15s ease infinite;
+  animation: gradient 20s ease infinite;
 }
 
-/* Colorful service cards based on category */
+/* Colorful service icons */
-[data-group*="Data Pipeline"] .service-card {
+.service-icon {
-  border-color: rgba(239, 68, 68, 0.3);
+  font-size: 2.5em;
+  margin-bottom: 10px;
+  filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.3));
 }
 
-[data-group*"Source Systems"] .service-card {
+/* Resource section special styling */
-  border-color: rgba(168, 85, 247, 0.3);
+[data-group*="Data Engineering"] .service-card {
+  border-color: rgba(139, 92, 246, 0.5);
+  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
 }
 
-[data-group*"Storage"] .service-card {
+[data-group*="Data Engineering"] .service-card:hover {
-  border-color: rgba(59, 130, 246, 0.3);
+  border-color: var(--accent-purple);
+  box-shadow: 0 20px 40px rgba(139, 92, 246, 0.5);
 }
 
-[data-group*"Orchestration"] .service-card {
+/* Smooth scrolling */
-  border-color: rgba(245, 158, 11, 0.3);
+html {
+  scroll-behavior: smooth;
 }
 
-[data-group*="Analytics"] .service-card {
+/* Custom scrollbar */
-  border-color: rgba(139, 92, 246, 0.3);
+::-webkit-scrollbar {
+  width: 10px;
 }
 
-[data-group*="Management"] .service-card {
+::-webkit-scrollbar-track {
-  border-color: rgba(16, 185, 129, 0.3);
+  background: var(--background-color);
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--accent-blue);
+  border-radius: 5px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--accent-purple);
 }

config/homepage/icons/debezium.png

@@ -1 +1 @@
-404: Not Found
+Package size exceeded the configured limit of 50 MB. Try https://github.com/walkxcode/dashboard-icons/tree/master/png/debezium.png instead.

config/homepage/icons/spark.png

@@ -1 +1 @@
-404: Not Found
+Package size exceeded the configured limit of 50 MB. Try https://github.com/walkxcode/dashboard-icons/tree/master/png/apache-spark.png instead.

config/homepage/icons/trino.png

@@ -1 +1 @@
-404: Not Found
+Package size exceeded the configured limit of 50 MB. Try https://github.com/walkxcode/dashboard-icons/tree/master/png/trino.png instead.

config/homepage/services.yaml

@@ -4,114 +4,114 @@
 
 - Data Pipeline:
   - Kafka UI:
-      icon: /icons/kafka.png
+      icon: 📡
       href: http://10.0.21.36:9000/
       description: Kafka Topics & Management
-      color: '#ff6b6b'
   - Debezium Connect:
-      icon: /icons/debezium.png
+      icon: 🔗
       href: http://10.0.21.50:8083/
       description: CDC Connectors
-      color: '#4ecdc4'
   - Spark Master:
-      icon: /icons/spark.png
+      icon: ⚡
       href: http://10.0.21.50:8080/
       description: Spark Jobs & Monitoring
-      color: '#ffe66d'
   - Trino:
-      icon: /icons/trino.png
+      icon: 🔍
       href: http://10.0.21.50:8089/
       description: Distributed SQL Query Engine
-      color: '#95e1d3'
 
 - Source Systems:
   - MongoDB:
-      icon: /icons/mongodb.png
+      icon: 🍃
       href: mongodb://10.0.21.51:27017
       description: MongoDB Supply Chain Data
-      color: '#f38181'
   - PostgreSQL:
-      icon: /icons/postgresql.png
+      icon: 🐘
       href: postgresql://10.0.21.51:5432
       description: PostgreSQL Sales Data
-      color: '#aa96da'
   - Cassandra:
-      icon: /icons/cassandra.png
+      icon: 🎯
       href: cassandra://10.0.21.51:9042
       description: Cassandra Telemetry Data
-      color: '#fcbad3'
   - MySQL:
-      icon: /icons/mysql.png
+      icon: 🐬
       href: mysql://10.0.21.51:3306
       description: MySQL HR Data
-      color: '#a8d8ea'
   - Neo4j:
-      icon: /icons/neo4j.png
+      icon: 🕸️
       href: http://10.0.21.51:7474/
       description: Neo4j Graph Database
-      color: '#ff9a9e'
 
 - Storage:
   - ObjectScale S3:
-      icon: /icons/minio.png
+      icon: 📦
       href: http://10.0.20.111:9020/
       description: S3 Object Storage
-      color: '#a18cd1'
   - ObjectScale Web:
-      icon: /icons/minio.png
+      icon: 🌐
       href: https://10.0.20.111/
       description: ObjectScale Management UI
-      color: '#fbc2eb'
 
 - Orchestration:
   - Airflow:
-      icon: /icons/airflow.png
+      icon: 🔄
       href: http://10.0.21.55:8080/
       description: Workflow Orchestration
-      color: '#fd9644'
 
 - Analytics & Visualization:
   - Superset:
-      icon: /icons/superset.png
+      icon: 📊
       href: http://10.0.21.45:8088/
       description: Business Intelligence & Dashboards
-      color: '#6c5ce7'
   - Elasticsearch:
-      icon: /icons/elasticsearch.png
+      icon: 🔎
       href: http://10.0.21.46:9200/
       description: Search & Analytics Engine
-      color: '#00cec9'
   - Kibana:
-      icon: /icons/kibana.png
+      icon: 📈
       href: http://10.0.21.46:5601/
       description: Data Visualization
-      color: '#e84393'
   - Grafana:
-      icon: /icons/grafana.png
+      icon: 📉
       href: http://10.0.20.103/
       description: Metrics & Monitoring
-      color: '#fd79a8'
 
 - Management:
   - Proxmox:
-      icon: proxmox.png
+      icon: 🖥️
       href: http://10.0.10.65:8006/
       description: Virtualization Platform
-      color: '#00b894'
   - Git/Forgejo:
-      icon: https://raw.githubusercontent.com/walkxcode/dashboard-icons/main/svg/git.svg
+      icon: 📝
       href: http://atc-mgt01.dell-atc.lan:3001/
       description: Git Repository
-      color: '#636e72'
   - ATC LDAP:
-      icon: /icons/lam.png
+      icon: 🔑
       href: http://atc-mgt01.dell-atc.lan/lam/
       description: LDAP Management
-      color: '#0984e3'
 
-- Development:
+- Data Engineering & AI Resources:
-  - Homepage Config:
+  - TLDR Data Engineering:
-      icon: https://raw.githubusercontent.com/walkxcode/dashboard-icons/main/svg/homepage.svg
+      icon: 📰
-      href: http://atc-docker01.dell-atc.lan/
+      href: https://tldr.tech/dataengineering/
-      description: Dashboard Configuration
+      description: Daily data engineering news
-      color: '#b2bec3'
+  - TLDR AI:
+      icon: 🤖
+      href: https://tldr.tech/ai/
+      description: Daily AI news
+  - KDnuggets:
+      icon: 📚
+      href: https://www.kdnuggets.com/
+      description: Data science and machine learning
+  - Towards Data Science:
+      icon: 🎓
+      href: https://towardsdatascience.com/
+      description: Data science articles
+  - Data Engineering Central:
+      icon: 🏗️
+      href: https://www.dataengineeringcentral.com/
+      description: Data engineering resources
+  - Apache Airflow Blog:
+      icon: 🌀
+      href: https://airflow.apache.org/blog/
+      description: Airflow updates and tutorials