ATC/Lakehouse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Lakehouse Admin
2026-05-19 14:12:01 +02:00
parent d7545fd4ab
commit 7e9cb836da
6 changed files with 89 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files
config/homepage/custom.css
+42 -34
View File
@@ -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);
}