This is an automated email from the ASF dual-hosted git repository. fmariani pushed a commit to branch responsive-design in repository https://gitbox.apache.org/repos/asf/camel-website.git
commit 2c280b7abc32420729c6f8f51f745ef832d2d9ca Author: Croway <[email protected]> AuthorDate: Fri Feb 6 15:09:52 2026 +0100 Zoom blog images and blog responsive design --- .../{site-2c6491cbb6.css => site-039c329404.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 | 54 +++++++++++++++++++++ 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, 112 insertions(+), 9 deletions(-) diff --git a/antora-ui-camel/public/_/css/site-2c6491cbb6.css b/antora-ui-camel/public/_/css/site-039c329404.css similarity index 87% rename from antora-ui-camel/public/_/css/site-2c6491cbb6.css rename to antora-ui-camel/public/_/css/site-039c329404.css index da64dda9..77c94d95 100644 --- a/antora-ui-camel/public/_/css/site-2c6491cbb6.css +++ b/antora-ui-camel/public/_/css/site-039c329404.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..b72cddba 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-039c329404.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..a3e6b57b 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-039c329404.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..cd428455 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-039c329404.css"> diff --git a/antora-ui-camel/public/_/rev-manifest b/antora-ui-camel/public/_/rev-manifest index 796239f3..b72cddba 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-039c329404.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..c0f28262 100644 --- a/antora-ui-camel/src/css/blog.css +++ b/antora-ui-camel/src/css/blog.css @@ -124,6 +124,60 @@ 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 { + transform: scale(1.5); + max-width: 95vw; + max-height: 95vh; + } +} + +@media screen and (width <= 1024px) { + .image-zoom-overlay { + align-items: flex-start; + justify-content: flex-start; + padding: 1rem; + } +} + .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
