This commit is contained in:
traveler 2026-04-03 23:38:49 -05:00
parent 654b10a78f
commit 5694b2814f
4 changed files with 101 additions and 2 deletions

View file

@ -21,6 +21,65 @@
}
/*
GREMLIN Logo widget + AI card
*/
/* Logo widget — subtle glow matching the badge's green sparks */
#information-widgets img[src*="gremlin-badge"] {
filter: drop-shadow(0 0 10px rgba(0, 229, 204, 0.45))
drop-shadow(0 0 24px rgba(0, 229, 204, 0.15));
transition: filter 0.3s ease;
}
#information-widgets img[src*="gremlin-badge"]:hover {
filter: drop-shadow(0 0 16px rgba(0, 229, 204, 0.70))
drop-shadow(0 0 32px rgba(0, 229, 204, 0.25));
}
/* Gremlin AI service card — scene image as card header */
.service-card[data-name="Gremlin AI"],
.service-card[id*="gremlin"] {
background-image: url("/images/gremlin-scene.png") !important;
background-size: cover !important;
background-position: center 20% !important;
border-color: var(--ng-teal-border) !important;
box-shadow: 0 0 24px var(--ng-teal-glow),
0 4px 20px rgba(0, 0, 0, 0.5) !important;
min-height: 120px;
position: relative;
}
/* Dark gradient overlay so text stays readable over the scene */
.service-card[data-name="Gremlin AI"]::before,
.service-card[id*="gremlin"]::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
to bottom,
rgba(8, 14, 20, 0.20) 0%,
rgba(8, 14, 20, 0.82) 100%
);
border-radius: inherit;
}
/* Keep card text above the overlay */
.service-card[data-name="Gremlin AI"] > *,
.service-card[id*="gremlin"] > * {
position: relative;
z-index: 1;
}
/* Gremlin card name — teal glow text */
.service-card[data-name="Gremlin AI"] .service-name,
.service-card[id*="gremlin"] .service-name {
color: var(--ng-teal) !important;
text-shadow: 0 0 12px rgba(0, 229, 204, 0.50);
font-weight: 600;
}
/*
BASE Background behavior
*/
@ -378,4 +437,4 @@ body.tab-glance iframe[src*="glance.netgrimoire.com"] {
.service-card:nth-child(3) { animation-delay: 0.08s; }
.service-card:nth-child(4) { animation-delay: 0.12s; }
.service-card:nth-child(5) { animation-delay: 0.16s; }
.service-card:nth-child(6) { animation-delay: 0.20s; }
.service-card:nth-child(6) { animation-delay: 0.20s; }