diff --git a/blog/2025-12-10_kv-caching-vllm-lmcache-ceph.md b/blog/2025-12-10_kv-caching-vllm-lmcache-ceph.md index c41ab43..8bac746 100644 --- a/blog/2025-12-10_kv-caching-vllm-lmcache-ceph.md +++ b/blog/2025-12-10_kv-caching-vllm-lmcache-ceph.md @@ -11,6 +11,12 @@ authors: tags: [blog, ceph, rgw, s3, kv-cache] --- +import Head from '@docusaurus/Head'; + + + + + Inference accounts for [90% of the machine learning costs](https://www.sciencedirect.com/science/article/pii/S2210537923000124) for deployed AI systems, and it is no surprise that inference optimization is a burgeoning topic @@ -622,4 +628,3 @@ scenarios like PD disaggregation and cache blending. Finally, we'd like to thank Supermicro for providing the environment for these testing efforts. If you have any questions about Data or AI workloads for Ceph, please [reach out](mailto:kbader@ibm.com). - diff --git a/docusaurus.config.js b/docusaurus.config.js index ed9074d..ae90a9a 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -154,11 +154,13 @@ const config = { { type: 'html', position: 'right', + className: 'navbar-github-stars', value: '', }, { type: 'html', position: 'right', + className: 'navbar-slack-item', value: 'SlackJoin Slack', }, ], diff --git a/src/css/custom.css b/src/css/custom.css index d756ab6..b9f96cc 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -113,6 +113,23 @@ display: none !important; transform: scale(1.05); } +/* Tighten spacing for right-side navbar items */ +.navbar-github-stars, +.navbar-slack-item { + padding: 0 !important; + margin: 0 2px !important; +} + +/* Make GitHub stars iframe fit tightly */ +.navbar-github-stars { + display: flex !important; + align-items: center; +} + +.navbar-github-stars iframe { + width: 150px !important; +} + /* Navbar Slack button */ .navbar-slack-button { display: inline-flex; @@ -127,7 +144,7 @@ display: none !important; font-size: 1rem; font-weight: var(--ifm-font-weight-semibold); vertical-align: middle; - margin-left: 8px; + margin-left: 0; transition: background-color 0.2s ease; } @@ -141,6 +158,24 @@ display: none !important; background-color: #3a3a3a; } +/* Hide GitHub stars in top navbar below 1105px (they appear in hamburger menu instead) */ +@media screen and (max-width: 1105px) { + .navbar__inner .navbar-github-stars { + display: none !important; + } +} + +/* Style GitHub stars in mobile sidebar */ +.navbar-sidebar .navbar-github-stars { + display: flex !important; + padding: 8px 16px; + margin-bottom: 8px; +} + +.navbar-sidebar .navbar-github-stars iframe { + width: 150px !important; +} + .header { display: flex; align-content: center; @@ -518,6 +553,27 @@ img.llm-d-logo { --ifm-footer-background-color: #262626 !important; } +/* ----------------------------- Announcement Bar ---------------------------- */ + +/* Override Docusaurus fixed height on desktop */ +@media (min-width: 997px) { + :root { + --docusaurus-announcement-bar-height: auto !important; + } +} + +/* Main announcement bar container - allow height to grow */ +.theme-announcement-bar { + height: auto !important; + min-height: 30px; + padding: 8px 16px; +} + +/* Content styling - allow wrapping */ +[class*="announcementBarContent"] { + white-space: normal !important; +} + /* Improved YAML syntax highlighting site-wide */ /* Fix YAML code blocks to avoid red/green diff-like appearance */