diff --git a/config/homepage/custom.css b/config/homepage/custom.css index 47c5cda..7e95a8f 100644 --- a/config/homepage/custom.css +++ b/config/homepage/custom.css @@ -1,4 +1,4 @@ -/* Lakehouse Dashboard - Palantir-style Dark Theme */ +/* Lakehouse Dashboard - Colorful Palantir-style 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 { @@ -22,7 +22,7 @@ body { .service-card { background: linear-gradient(135deg, var(--card-background) 0%, #1a2332 100%); - border: 1px solid rgba(59, 130, 246, 0.2); + border: 1px solid rgba(59, 130, 246, 0.3); transition: all 0.3s ease; border-radius: 12px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3); @@ -32,7 +32,7 @@ body { background: linear-gradient(135deg, var(--card-hover) 0%, #2d3748 100%); border-color: var(--accent-blue); transform: translateY(-4px); - box-shadow: 0 20px 40px rgba(59, 130, 246, 0.4); + box-shadow: 0 20px 40px rgba(59, 130, 246, 0.5); } .group-header { @@ -48,35 +48,42 @@ body { border-bottom: 2px solid rgba(59, 130, 246, 0.3); } -/* Animated background */ -@keyframes gradient { - 0% { background-position: 0% 50%; } - 50% { background-position: 100% 50%; } - 100% { background-position: 0% 50%; } +/* Widget status colors */ +.widget-status-up { + color: var(--accent-green) !important; } -.animated-background { - background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); - background-size: 400% 400%; - animation: gradient 20s ease infinite; +.widget-status-down { + color: var(--accent-red) !important; } -/* Colorful service icons */ -.service-icon { - font-size: 2.5em; - margin-bottom: 10px; - filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.3)); +.widget-status-unknown { + color: var(--accent-orange) !important; } -/* Resource section special styling */ -[data-group*="Data Engineering"] .service-card { - border-color: rgba(139, 92, 246, 0.5); - background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); +/* Animated background for specific groups */ +[data-group*="Data Pipeline"] .group-header { + background: linear-gradient(90deg, #ff6b6b, #4ecdc4, #ffe66d); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; } -[data-group*="Data Engineering"] .service-card:hover { - border-color: var(--accent-purple); - box-shadow: 0 20px 40px rgba(139, 92, 246, 0.5); +[data-group*"Source Systems"] .group-header { + background: linear-gradient(90deg, #f38181, #aa96da, #fcbad3); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +[data-group*"Analytics"] .group-header { + background: linear-gradient(90deg, #6c5ce7, #00cec9, #e84393); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +[data-group*"Data Engineering"] .group-header { + background: linear-gradient(90deg, #8b5cf6, #ec4899, #10b981); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; } /* Smooth scrolling */ @@ -101,3 +108,8 @@ html { ::-webkit-scrollbar-thumb:hover { background: var(--accent-purple); } + +/* Icon styling */ +svg { + filter: drop-shadow(0 0 8px rgba(59, 130, 246, 0.5)); +} diff --git a/config/homepage/services.yaml b/config/homepage/services.yaml index aecc7f4..321054c 100644 --- a/config/homepage/services.yaml +++ b/config/homepage/services.yaml @@ -4,89 +4,171 @@ - Data Pipeline: - Kafka UI: + icon: si-apachekafka href: http://10.0.21.36:9000/ description: Kafka Topics & Management + widget: + type: ping + url: http://10.0.21.36:9000 - Debezium Connect: + icon: si-apachedebezium href: http://10.0.21.50:8083/ description: CDC Connectors + widget: + type: ping + url: http://10.0.21.50:8083 - Spark Master: + icon: si-apachespark href: http://10.0.21.50:8080/ description: Spark Jobs & Monitoring + widget: + type: ping + url: http://10.0.21.50:8080 - Trino: + icon: si-trino href: http://10.0.21.50:8089/ description: Distributed SQL Query Engine + widget: + type: ping + url: http://10.0.21.50:8089 - Source Systems: - MongoDB: + icon: si-mongodb href: mongodb://10.0.21.51:27017 description: MongoDB Supply Chain Data + widget: + type: ping + url: http://10.0.21.51:27017 - PostgreSQL: + icon: si-postgresql href: postgresql://10.0.21.51:5432 description: PostgreSQL Sales Data + widget: + type: ping + url: http://10.0.21.51:5432 - Cassandra: + icon: si-apachecassandra href: cassandra://10.0.21.51:9042 description: Cassandra Telemetry Data + widget: + type: ping + url: http://10.0.21.51:9042 - MySQL: + icon: si-mysql href: mysql://10.0.21.51:3306 description: MySQL HR Data + widget: + type: ping + url: http://10.0.21.51:3306 - Neo4j: + icon: si-neo4j href: http://10.0.21.51:7474/ description: Neo4j Graph Database + widget: + type: ping + url: http://10.0.21.51:7474 - Storage: - ObjectScale S3: + icon: si-minio href: http://10.0.20.111:9020/ description: S3 Object Storage + widget: + type: ping + url: http://10.0.20.111:9020 - ObjectScale Web: + icon: si-minio href: https://10.0.20.111/ description: ObjectScale Management UI + widget: + type: ping + url: https://10.0.20.111 - Orchestration: - Airflow: + icon: si-apacheairflow href: http://10.0.21.55:8080/ description: Workflow Orchestration + widget: + type: ping + url: http://10.0.21.55:8080 - Analytics & Visualization: - Superset: + icon: si-apachesuperset href: http://10.0.21.45:8088/ description: Business Intelligence & Dashboards + widget: + type: ping + url: http://10.0.21.45:8088 - Elasticsearch: + icon: si-elasticsearch href: http://10.0.21.46:9200/ description: Search & Analytics Engine + widget: + type: ping + url: http://10.0.21.46:9200 - Kibana: + icon: si-kibana href: http://10.0.21.46:5601/ description: Data Visualization + widget: + type: ping + url: http://10.0.21.46:5601 - Grafana: + icon: si-grafana href: http://10.0.20.103/ description: Metrics & Monitoring + widget: + type: ping + url: http://10.0.20.103 - Management: - Proxmox: + icon: si-proxmox href: http://10.0.10.65:8006/ description: Virtualization Platform + widget: + type: ping + url: http://10.0.10.65:8006 - Git/Forgejo: + icon: si-git href: http://atc-mgt01.dell-atc.lan:3001/ description: Git Repository + widget: + type: ping + url: http://atc-mgt01.dell-atc.lan:3001 - ATC LDAP: + icon: si-openldap href: http://atc-mgt01.dell-atc.lan/lam/ description: LDAP Management + widget: + type: ping + url: http://atc-mgt01.dell-atc.lan/lam - Data Engineering & AI Resources: - TLDR Data Engineering: + icon: si-rss href: https://tldr.tech/dataengineering/ description: Daily data engineering news - TLDR AI: + icon: si-rss href: https://tldr.tech/ai/ description: Daily AI news - KDnuggets: + icon: si-rss href: https://www.kdnuggets.com/ description: Data science and machine learning - Towards Data Science: + icon: si-rss href: https://towardsdatascience.com/ description: Data science articles - Data Engineering Central: + icon: si-rss href: https://www.dataengineeringcentral.com/ description: Data engineering resources - Apache Airflow Blog: + icon: si-rss href: https://airflow.apache.org/blog/ description: Airflow updates and tutorials