This is an automated email from the ASF dual-hosted git repository. visoar pushed a commit to branch master in repository https://gitbox.apache.org/repos/asf/bifromq-sites.git
commit b2f9e341848164ff8802781622918355d948c806 Author: Visoar <[email protected]> AuthorDate: Tue Jan 13 11:54:54 2026 +0800 To introduce visual effects for the Bifrost-rainbow name, the .bifrost-rainbow class and its styles were added to enhance the visual presentation in the documentation. --- docs/get_started/intro.md | 2 +- src/css/custom.css | 34 ++++++++++++++++++++++++++++++++++ 2 files changed, 35 insertions(+), 1 deletion(-) diff --git a/docs/get_started/intro.md b/docs/get_started/intro.md index 048d054b..11472919 100644 --- a/docs/get_started/intro.md +++ b/docs/get_started/intro.md @@ -9,7 +9,7 @@ systems. ## Origin of the Name -`BifroMQ` derives its name from the Norse mythological `Bifröst`, a rainbow bridge that connects Midgard (the realm of humans) and Asgard (the domain of gods). Like Bifröst, BifroMQ serves as a flexible and sturdy bridge, linking different +`BifroMQ` derives its name from the Norse mythological <span class="bifrost-rainbow">Bifröst</span>, a rainbow bridge that connects Midgard (the realm of humans) and Asgard (the domain of gods). Like Bifröst, BifroMQ serves as a flexible and sturdy bridge, linking different systems or applications to enable communication through message exchange. This aligns with the core function of MQTT middleware, which is to manage and accelerate message delivery in distributed systems. The robustness of Bifröst symbolizes BifroMQ's stability and reliability, while its flexibility signifies BifroMQ's scalability and adaptability. In a nutshell, "BifroMQ" epitomizes resilient, adaptable MQTT middleware that interconnects diff --git a/src/css/custom.css b/src/css/custom.css index a6beed6d..8da31119 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -380,6 +380,40 @@ html[data-theme='dark'] .markdown h4 { color: var(--color-accent); } +.bifrost-rainbow { + color: inherit; + font-family: var(--font-mono); + font-weight: 500; + position: relative; + display: inline-block; +} + +.bifrost-rainbow::after { + content: ''; + position: absolute; + left: 0; + right: 0; + bottom: 0; + height: 0.2rem; + border-radius: 20px; + opacity: 0.6; + background: linear-gradient(90deg, + var(--bifrost-red) 12.5%, + var(--bifrost-orange) 12.5%, + var(--bifrost-orange) 25%, + var(--bifrost-yellow) 25%, + var(--bifrost-yellow) 37.5%, + var(--bifrost-green) 37.5%, + var(--bifrost-green) 50%, + var(--bifrost-teal) 50%, + var(--bifrost-teal) 62.5%, + var(--color-accent) 62.5%, + var(--color-accent) 75%, + var(--bifrost-indigo) 75%, + var(--bifrost-indigo) 87.5%, + var(--bifrost-violet) 87.5%); +} + .markdown pre code { background: transparent; border: none;
