mirror of
https://github.com/tiennm99/HugoBlox-kit.git
synced 2026-10-14 18:18:09 +00:00
feat: re-designed search UI and new FAQ and Q&A blocks
- Add search-hero block with ==highlight== syntax and gradient mesh backgrounds - Add knowledge-categories block with dynamic Hugo taxonomy counts - Add trending-questions block with content-driven trending system - Add FAQ/questions layouts with Alpine.js accordions and search integration - Redesign search modal using Pagefind headless API to create custom UI design - Add gradient mesh background system (orbs, waves, dots, grid) to framework - Add i18n support for new blocks - Fix video backgrounds regression in parse_block_v3.html - Add QAPage/FAQPage structured data for SEO optimization
This commit is contained in:
1 parent
3eef2cba11
commit
692dc8c62e
40 files changed
+2856
-122
No files matched your search
@@ -11,6 +11,39 @@
|
||||
}
|
||||
}
|
||||
|
||||
/* Gradient Mesh Animations */
|
||||
@keyframes float {
|
||||
0%, 100% {
|
||||
transform: translateY(0) translateX(0);
|
||||
}
|
||||
25% {
|
||||
transform: translateY(-20px) translateX(10px);
|
||||
}
|
||||
50% {
|
||||
transform: translateY(-10px) translateX(-10px);
|
||||
}
|
||||
75% {
|
||||
transform: translateY(-30px) translateX(5px);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rotate-slow {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.animate-float {
|
||||
animation: float 8s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.animate-rotate-slow {
|
||||
animation: rotate-slow 20s linear infinite;
|
||||
}
|
||||
|
||||
/* Custom utilities and components */
|
||||
@utility task-list {
|
||||
list-style: none;
|
||||
|
||||
Reference in new issue
Block a user