diff --git a/whitepaper/inject-whitepaper-css.py b/whitepaper/inject-whitepaper-css.py index 9d0fe61..44c47ee 100644 --- a/whitepaper/inject-whitepaper-css.py +++ b/whitepaper/inject-whitepaper-css.py @@ -49,7 +49,56 @@ body > .uncloseai-floating-button {{ max-width: none !important; background-color: transparent !important; }} +/* Click-to-zoom lightbox for diagrams. */ +main img, section img {{ + cursor: zoom-in; +}} +.wp-lightbox {{ + position: fixed; + inset: 0; + background: rgba(0, 0, 0, 0.92); + display: none; + align-items: center; + justify-content: center; + z-index: 10001; + cursor: zoom-out; + padding: 1.5rem; +}} +.wp-lightbox.open {{ display: flex; }} +.wp-lightbox img {{ + max-width: 100%; + max-height: 100%; + object-fit: contain; + box-shadow: 0 12px 48px rgba(0, 0, 0, 0.6); +}} + """ diff --git a/whitepaper/lumbda-whitepaper.html b/whitepaper/lumbda-whitepaper.html index 98041c4..9e5be86 100644 --- a/whitepaper/lumbda-whitepaper.html +++ b/whitepaper/lumbda-whitepaper.html @@ -836,7 +836,56 @@ body > .uncloseai-floating-button { max-width: none !important; background-color: transparent !important; } +/* Click-to-zoom lightbox for diagrams. */ +main img, section img { + cursor: zoom-in; +} +.wp-lightbox { + position: fixed; + inset: 0; + background: rgba(0, 0, 0, 0.92); + display: none; + align-items: center; + justify-content: center; + z-index: 10001; + cursor: zoom-out; + padding: 1.5rem; +} +.wp-lightbox.open { display: flex; } +.wp-lightbox img { + max-width: 100%; + max-height: 100%; + object-fit: contain; + box-shadow: 0 12px 48px rgba(0, 0, 0, 0.6); +} +