This is an automated email from the ASF dual-hosted git repository.
fmariani pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/camel-website.git
The following commit(s) were added to refs/heads/main by this push:
new f08e851b Zoom blog images and blog responsive design
f08e851b is described below
commit f08e851bfbadeac5845699828dc10432e080b470
Author: Croway <[email protected]>
AuthorDate: Fri Feb 6 15:09:52 2026 +0100
Zoom blog images and blog responsive design
---
.../{site-2c6491cbb6.css => site-3e1e4a4d80.css} | 2 +-
antora-ui-camel/public/_/data/rev-manifest.json | 4 +-
antora-ui-camel/public/_/helpers/asset.js | 4 +-
.../js/{site-9b761b31dd.js => site-0eeb09d476.js} | 1 +
.../public/_/partials/footer-scripts.hbs | 2 +-
antora-ui-camel/public/_/partials/head-styles.hbs | 2 +-
antora-ui-camel/public/_/rev-manifest | 4 +-
antora-ui-camel/src/css/blog.css | 61 +++++++++++++++++++++
antora-ui-camel/src/js/07-image-zoom.js | 48 ++++++++++++++++
.../blog/2026/01/log-analyzer/error-analyzer.png | Bin 59878 -> 163560 bytes
content/blog/2026/01/log-analyzer/infinispan.png | Bin 63473 -> 173396 bytes
.../blog/2026/01/log-analyzer/log-generator.png | Bin 80434 -> 171320 bytes
.../blog/2026/01/log-analyzer/simple-analyzer.png | Bin 57865 -> 158575 bytes
.../2026/01/log-analyzer/simple-load-generator.png | Bin 65981 -> 175385 bytes
14 files changed, 119 insertions(+), 9 deletions(-)
diff --git a/antora-ui-camel/public/_/css/site-2c6491cbb6.css
b/antora-ui-camel/public/_/css/site-3e1e4a4d80.css
similarity index 87%
rename from antora-ui-camel/public/_/css/site-2c6491cbb6.css
rename to antora-ui-camel/public/_/css/site-3e1e4a4d80.css
index da64dda9..172998f6 100644
--- a/antora-ui-camel/public/_/css/site-2c6491cbb6.css
+++ b/antora-ui-camel/public/_/css/site-3e1e4a4d80.css
@@ -1,3 +1,3 @@
@font-face{font-family:Open
Sans;font-style:normal;font-display:swap;font-weight:300;src:local("Open Sans
Light"),local("OpenSans-Light"),url(../font/open-sans-latin-ext-300.woff2)
format("woff2"),url(../font/open-sans-latin-ext-300.woff)
format("woff")}@font-face{font-family:Open
Sans;font-style:italic;font-display:swap;font-weight:300;src:local("Open Sans
Light
Italic"),local("OpenSans-LightItalic"),url(../font/open-sans-latin-ext-300-italic.woff2)
format("woff2"),url(../font/open-sans [...]
-/*! Adapted from the GitHub style by Vasily Polovnyov <[email protected]>
*/.hljs-comment,.hljs-quote{color:#998;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-subst{color:#333;font-weight:500}.hljs-literal,.hljs-number,.hljs-tag
.hljs-attr,.hljs-template-variable,.hljs-variable{color:teal}.hljs-doctag,.hljs-string{color:#d14}.hljs-section,.hljs-selector-id,.hljs-title{color:#900;font-weight:500}.hljs-subst{font-weight:400}.hljs-class
.hljs-title,.hljs-type{color:#458;font-wei [...]
+/*! Adapted from the GitHub style by Vasily Polovnyov <[email protected]>
*/.hljs-comment,.hljs-quote{color:#998;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-subst{color:#333;font-weight:500}.hljs-literal,.hljs-number,.hljs-tag
.hljs-attr,.hljs-template-variable,.hljs-variable{color:teal}.hljs-doctag,.hljs-string{color:#d14}.hljs-section,.hljs-selector-id,.hljs-title{color:#900;font-weight:500}.hljs-subst{font-weight:400}.hljs-class
.hljs-title,.hljs-type{color:#458;font-wei [...]
/*! Asciidoctor Tabs | Copyright (c) 2018-present Dan Allen | MIT License
*/.tabs{margin-bottom:1.25em}.tablist>ul{-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:0;padding:0}.tablist>ul,.tablist>ul
li{display:-webkit-box;display:-ms-flexbox;display:flex}.tablist>ul
li{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;cursor:pointer;font-weight:700;line-height:1.5;padding:.25em
1em;position:relative}.tablist>ul li:focus-visible{outline:none} [...]
\ No newline at end of file
diff --git a/antora-ui-camel/public/_/data/rev-manifest.json
b/antora-ui-camel/public/_/data/rev-manifest.json
index 796239f3..f2330261 100644
--- a/antora-ui-camel/public/_/data/rev-manifest.json
+++ b/antora-ui-camel/public/_/data/rev-manifest.json
@@ -1,5 +1,5 @@
{
- "css/site.css": "css/site-2c6491cbb6.css",
+ "css/site.css": "css/site-3e1e4a4d80.css",
"img/algolia.svg": "img/algolia-f4ab98e0de.svg",
"img/apache-kafka.svg": "img/apache-kafka-88809b7472.svg",
"img/apache-karaf.svg": "img/apache-karaf-7bdb5ce2e3.svg",
@@ -39,7 +39,7 @@
"img/support.svg": "img/support-7219bb2f58.svg",
"img/team.svg": "img/team-899f1050c2.svg",
"img/user-stories.svg": "img/user-stories-cccc5f7c8f.svg",
- "js/site.js": "js/site-9b761b31dd.js",
+ "js/site.js": "js/site-0eeb09d476.js",
"js/vendor/algoliasearch.js": "js/vendor/algoliasearch-c7d08807d6.js",
"js/vendor/highlight.js": "js/vendor/highlight-621a10fe1b.js",
"js/vendor/svg4everybody.js": "js/vendor/svg4everybody-a0c573f2b9.js",
diff --git a/antora-ui-camel/public/_/helpers/asset.js
b/antora-ui-camel/public/_/helpers/asset.js
index 5981d340..894bdd5f 100644
--- a/antora-ui-camel/public/_/helpers/asset.js
+++ b/antora-ui-camel/public/_/helpers/asset.js
@@ -1,7 +1,7 @@
'use strict'
const manifest = {
- "css/site.css": "css/site-2c6491cbb6.css",
+ "css/site.css": "css/site-3e1e4a4d80.css",
"img/algolia.svg": "img/algolia-f4ab98e0de.svg",
"img/apache-kafka.svg": "img/apache-kafka-88809b7472.svg",
"img/apache-karaf.svg": "img/apache-karaf-7bdb5ce2e3.svg",
@@ -41,7 +41,7 @@ const manifest = {
"img/support.svg": "img/support-7219bb2f58.svg",
"img/team.svg": "img/team-899f1050c2.svg",
"img/user-stories.svg": "img/user-stories-cccc5f7c8f.svg",
- "js/site.js": "js/site-9b761b31dd.js",
+ "js/site.js": "js/site-0eeb09d476.js",
"js/vendor/algoliasearch.js": "js/vendor/algoliasearch-c7d08807d6.js",
"js/vendor/highlight.js": "js/vendor/highlight-621a10fe1b.js",
"js/vendor/svg4everybody.js": "js/vendor/svg4everybody-a0c573f2b9.js",
diff --git a/antora-ui-camel/public/_/js/site-9b761b31dd.js
b/antora-ui-camel/public/_/js/site-0eeb09d476.js
similarity index 92%
rename from antora-ui-camel/public/_/js/site-9b761b31dd.js
rename to antora-ui-camel/public/_/js/site-0eeb09d476.js
index 2d1be6f7..ec94c3ab 100644
--- a/antora-ui-camel/public/_/js/site-9b761b31dd.js
+++ b/antora-ui-camel/public/_/js/site-0eeb09d476.js
@@ -4,4 +4,5 @@
!function(){"use strict";var e=document.querySelector(".page-versions
.version-menu-toggle");if(e){var
t=document.querySelector(".page-versions");e.addEventListener("click",(function(e){t.classList.toggle("is-active"),e.stopPropagation()})),document.documentElement.addEventListener("click",(function(){t.classList.remove("is-active")}))}}();
document.addEventListener("DOMContentLoaded",(function(){var
t=Array.prototype.slice.call(document.querySelectorAll(".navbar-burger"),0);0!==t.length&&(t.forEach((function(t){t.addEventListener("click",(function(e){e.stopPropagation(),t.classList.toggle("is-active"),document.getElementById(t.dataset.target).classList.toggle("is-active"),document.documentElement.classList.toggle("is-clipped--navbar")}))})),document.documentElement.dataset.scroll=0,document.addEventListener("scroll",()=>{d
[...]
!function(){"use strict";var e=/^\$ (\S[^\\\n]*(\\\n(?!\$
)[^\\\n]*)*)(?=\n|$)/gm,t=/( ) *\\\n *|\\\n( ?) */g,a=/
+$/gm,n=window.navigator.clipboard;function i(n){var
i=n.innerText.replace(a,"");"console"===n.dataset.lang&&i.startsWith("$
")&&(i=function(a){for(var
n,i=[];n=e.exec(a);)i.push(n[1].replace(t,"$1$2"));return i.join(" &&
")}(i)),window.navigator.clipboard.writeText(i).then(function(){this.classList.add("clicked"),setTimeout(function(){this.classList.remove("clicked")}.bind(t
[...]
+!function(){"use strict";var e=document.querySelectorAll(".blog .post-content
img:not(.featured)");if(e.length){var
t=document.createElement("div");t.className="image-zoom-overlay",document.body.appendChild(t),[].slice.call(e).forEach((function(e){e.addEventListener("click",(function(e){e.stopPropagation();var
o=this.cloneNode(!0);o.classList.remove("zoomed"),t.innerHTML="",t.appendChild(o),t.classList.add("active"),o.addEventListener("click",(function(e){e.stopPropagation(),n()}))}))}))
[...]
document.addEventListener("DOMContentLoaded",(function(){var
e=function(e){return".*"+e+".*"},n=document.querySelector(".nav-panel-menu
input.search");if(n){var
t=document.querySelectorAll(".nav-link");n.addEventListener("keyup",(function(){for(var
r=n.value.split(""),i=new
RegExp(r.map(e).join(""),"i"),a=0;a<t.length;a++){var
o=t[a].textContent,s="";if(i.test(o))if(t[a].classList.remove("filtered"),0===r.length)s=o;else{for(var
l=0,u=0,d=0;d<r.length;d++)u=o.toLowerCase().indexOf(r[d].t [...]
\ No newline at end of file
diff --git a/antora-ui-camel/public/_/partials/footer-scripts.hbs
b/antora-ui-camel/public/_/partials/footer-scripts.hbs
index c4c8476a..0a182717 100644
--- a/antora-ui-camel/public/_/partials/footer-scripts.hbs
+++ b/antora-ui-camel/public/_/partials/footer-scripts.hbs
@@ -1,5 +1,5 @@
<script src="{{uiRootPath}}/js/vendor/algoliasearch-c7d08807d6.js"></script>
-<script src="{{uiRootPath}}/js/site-9b761b31dd.js"></script>
+<script src="{{uiRootPath}}/js/site-0eeb09d476.js"></script>
<script async src="{{uiRootPath}}/js/vendor/highlight-621a10fe1b.js"></script>
<script async
src="{{uiRootPath}}/js/vendor/svg4everybody-a0c573f2b9.js"></script>
<script async src="{{{uiRootPath}}}/js/vendor/tabs-5aea11bcf5.js"
data-sync-storage-key="preferred-tab"></script>
diff --git a/antora-ui-camel/public/_/partials/head-styles.hbs
b/antora-ui-camel/public/_/partials/head-styles.hbs
index a44655db..a3f04dec 100644
--- a/antora-ui-camel/public/_/partials/head-styles.hbs
+++ b/antora-ui-camel/public/_/partials/head-styles.hbs
@@ -1 +1 @@
- <link rel="stylesheet" href="{{uiRootPath}}/css/site-2c6491cbb6.css">
+ <link rel="stylesheet" href="{{uiRootPath}}/css/site-3e1e4a4d80.css">
diff --git a/antora-ui-camel/public/_/rev-manifest
b/antora-ui-camel/public/_/rev-manifest
index 796239f3..f2330261 100644
--- a/antora-ui-camel/public/_/rev-manifest
+++ b/antora-ui-camel/public/_/rev-manifest
@@ -1,5 +1,5 @@
{
- "css/site.css": "css/site-2c6491cbb6.css",
+ "css/site.css": "css/site-3e1e4a4d80.css",
"img/algolia.svg": "img/algolia-f4ab98e0de.svg",
"img/apache-kafka.svg": "img/apache-kafka-88809b7472.svg",
"img/apache-karaf.svg": "img/apache-karaf-7bdb5ce2e3.svg",
@@ -39,7 +39,7 @@
"img/support.svg": "img/support-7219bb2f58.svg",
"img/team.svg": "img/team-899f1050c2.svg",
"img/user-stories.svg": "img/user-stories-cccc5f7c8f.svg",
- "js/site.js": "js/site-9b761b31dd.js",
+ "js/site.js": "js/site-0eeb09d476.js",
"js/vendor/algoliasearch.js": "js/vendor/algoliasearch-c7d08807d6.js",
"js/vendor/highlight.js": "js/vendor/highlight-621a10fe1b.js",
"js/vendor/svg4everybody.js": "js/vendor/svg4everybody-a0c573f2b9.js",
diff --git a/antora-ui-camel/src/css/blog.css b/antora-ui-camel/src/css/blog.css
index 7103f27f..71e965fa 100644
--- a/antora-ui-camel/src/css/blog.css
+++ b/antora-ui-camel/src/css/blog.css
@@ -124,6 +124,67 @@ article.blog p {
display: block;
}
+.blog .post-content img:not(.featured) {
+ cursor: zoom-in;
+}
+
+
+@media screen and (width <= 1024px) {
+ .blog .post-content img {
+ max-width: 100%;
+ max-height: none;
+ }
+}
+
+.image-zoom-overlay {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: rgb(0 0 0 / 70%);
+ z-index: 1000;
+ opacity: 0;
+ visibility: hidden;
+ transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
+ overflow: auto;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.image-zoom-overlay.active {
+ opacity: 1;
+ visibility: visible;
+}
+
+.image-zoom-overlay img {
+ cursor: zoom-out;
+}
+
+@media screen and (width >= 1025px) {
+ .image-zoom-overlay img {
+ max-width: 800px;
+ max-height: 600px;
+ transform: scale(1.5);
+ }
+}
+
+@media screen and (width <= 1024px) {
+ .image-zoom-overlay {
+ align-items: flex-start;
+ justify-content: flex-start;
+ padding: 1rem;
+ }
+
+ .image-zoom-overlay img {
+ max-width: none;
+ max-height: none;
+ width: auto;
+ height: auto;
+ }
+}
+
.blog .post-content figcaption {
font-size: 0.8rem;
text-align: center;
diff --git a/antora-ui-camel/src/js/07-image-zoom.js
b/antora-ui-camel/src/js/07-image-zoom.js
new file mode 100644
index 00000000..9224aa14
--- /dev/null
+++ b/antora-ui-camel/src/js/07-image-zoom.js
@@ -0,0 +1,48 @@
+;(function () {
+ 'use strict'
+
+ var defined = document.querySelectorAll('.blog .post-content
img:not(.featured)')
+ if (!defined.length) return
+
+ // Create overlay element
+ var overlay = document.createElement('div')
+ overlay.className = 'image-zoom-overlay'
+ document.body.appendChild(overlay)
+
+ function closeZoom () {
+ overlay.classList.remove('active')
+ overlay.innerHTML = ''
+ }
+
+ ;[].slice.call(defined).forEach(function (img) {
+ img.addEventListener('click', function (e) {
+ e.stopPropagation()
+ // Clone the image into the overlay
+ var clone = this.cloneNode(true)
+ clone.classList.remove('zoomed')
+ overlay.innerHTML = ''
+ overlay.appendChild(clone)
+ overlay.classList.add('active')
+
+ // Close when clicking the cloned image
+ clone.addEventListener('click', function (e) {
+ e.stopPropagation()
+ closeZoom()
+ })
+ })
+ })
+
+ // Close zoomed image when clicking overlay background
+ overlay.addEventListener('click', function (e) {
+ if (e.target === overlay) {
+ closeZoom()
+ }
+ })
+
+ // Close zoomed image on Escape key
+ document.addEventListener('keydown', function (e) {
+ if (e.key === 'Escape') {
+ closeZoom()
+ }
+ })
+})()
diff --git a/content/blog/2026/01/log-analyzer/error-analyzer.png
b/content/blog/2026/01/log-analyzer/error-analyzer.png
index d2f90a56..aa32f0a2 100644
Binary files a/content/blog/2026/01/log-analyzer/error-analyzer.png and
b/content/blog/2026/01/log-analyzer/error-analyzer.png differ
diff --git a/content/blog/2026/01/log-analyzer/infinispan.png
b/content/blog/2026/01/log-analyzer/infinispan.png
index 11f94a9a..93ef5dc8 100644
Binary files a/content/blog/2026/01/log-analyzer/infinispan.png and
b/content/blog/2026/01/log-analyzer/infinispan.png differ
diff --git a/content/blog/2026/01/log-analyzer/log-generator.png
b/content/blog/2026/01/log-analyzer/log-generator.png
index 18514bdd..39e36269 100644
Binary files a/content/blog/2026/01/log-analyzer/log-generator.png and
b/content/blog/2026/01/log-analyzer/log-generator.png differ
diff --git a/content/blog/2026/01/log-analyzer/simple-analyzer.png
b/content/blog/2026/01/log-analyzer/simple-analyzer.png
index daeda8de..d964f69b 100644
Binary files a/content/blog/2026/01/log-analyzer/simple-analyzer.png and
b/content/blog/2026/01/log-analyzer/simple-analyzer.png differ
diff --git a/content/blog/2026/01/log-analyzer/simple-load-generator.png
b/content/blog/2026/01/log-analyzer/simple-load-generator.png
index 23617697..385e674c 100644
Binary files a/content/blog/2026/01/log-analyzer/simple-load-generator.png and
b/content/blog/2026/01/log-analyzer/simple-load-generator.png differ
