diff --git a/config/homepage/custom.css b/config/homepage/custom.css index 70f5e52..47c5cda 100644 --- a/config/homepage/custom.css +++ b/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); - box-shadow: 0 10px 40px rgba(59, 130, 246, 0.3); + transform: translateY(-4px); + 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; - font-size: 1.2em; + letter-spacing: 2px; + font-size: 1.3em; + margin-bottom: 20px; + padding-bottom: 10px; + border-bottom: 2px solid rgba(59, 130, 246, 0.3); } -/* Colorful icon glow effects */ -.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 */ +/* Animated background */ @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 */ -[data-group*="Data Pipeline"] .service-card { - border-color: rgba(239, 68, 68, 0.3); +/* Colorful service icons */ +.service-icon { + 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 { - border-color: rgba(168, 85, 247, 0.3); +/* 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%); } -[data-group*"Storage"] .service-card { - border-color: rgba(59, 130, 246, 0.3); +[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*"Orchestration"] .service-card { - border-color: rgba(245, 158, 11, 0.3); +/* Smooth scrolling */ +html { + scroll-behavior: smooth; } -[data-group*="Analytics"] .service-card { - border-color: rgba(139, 92, 246, 0.3); +/* Custom scrollbar */ +::-webkit-scrollbar { + width: 10px; } -[data-group*="Management"] .service-card { - border-color: rgba(16, 185, 129, 0.3); +::-webkit-scrollbar-track { + background: var(--background-color); +} + +::-webkit-scrollbar-thumb { + background: var(--accent-blue); + border-radius: 5px; +} + +::-webkit-scrollbar-thumb:hover { + background: var(--accent-purple); } diff --git a/config/homepage/icons/debezium.png b/config/homepage/icons/debezium.png index 1becba2..f15df93 100644 --- a/config/homepage/icons/debezium.png +++ b/config/homepage/icons/debezium.png @@ -1 +1 @@ -404: Not Found \ No newline at end of file +Package size exceeded the configured limit of 50 MB. Try https://github.com/walkxcode/dashboard-icons/tree/master/png/debezium.png instead. \ No newline at end of file diff --git a/config/homepage/icons/kafka.png b/config/homepage/icons/kafka.png index c515711..e64ddf6 100644 Binary files a/config/homepage/icons/kafka.png and b/config/homepage/icons/kafka.png differ diff --git a/config/homepage/icons/spark.png b/config/homepage/icons/spark.png index 1becba2..a78c05d 100644 --- a/config/homepage/icons/spark.png +++ b/config/homepage/icons/spark.png @@ -1 +1 @@ -404: Not Found \ No newline at end of file +Package size exceeded the configured limit of 50 MB. Try https://github.com/walkxcode/dashboard-icons/tree/master/png/apache-spark.png instead. \ No newline at end of file diff --git a/config/homepage/icons/trino.png b/config/homepage/icons/trino.png index 1becba2..5039829 100644 --- a/config/homepage/icons/trino.png +++ b/config/homepage/icons/trino.png @@ -1 +1 @@ -404: Not Found \ No newline at end of file +Package size exceeded the configured limit of 50 MB. Try https://github.com/walkxcode/dashboard-icons/tree/master/png/trino.png instead. \ No newline at end of file diff --git a/config/homepage/services.yaml b/config/homepage/services.yaml index 67a028a..dbb9369 100644 --- a/config/homepage/services.yaml +++ b/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: - - Homepage Config: - icon: https://raw.githubusercontent.com/walkxcode/dashboard-icons/main/svg/homepage.svg - href: http://atc-docker01.dell-atc.lan/ - description: Dashboard Configuration - color: '#b2bec3' +- Data Engineering & AI Resources: + - TLDR Data Engineering: + icon: πŸ“° + href: https://tldr.tech/dataengineering/ + description: Daily data engineering news + - 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