From c47d2bc7b8a3ca154263e86b8996496dcc16939c Mon Sep 17 00:00:00 2001 From: epoberezkin Date: Wed, 17 Jun 2026 18:23:30 +0000 Subject: [PATCH] deploy: 8dd888295dcd28acf75ac274962285ccbac2a994 --- blog/index.html | 3 +- css/tailwind.css | 4 + js/channel-preview.js | 29 ++- js/directory.js | 15 +- news/index.html | 569 ++++++++++++++++++++++++++++++++++++++++++ 5 files changed, 608 insertions(+), 12 deletions(-) create mode 100644 news/index.html diff --git a/blog/index.html b/blog/index.html index e35067e2cd..51a1404603 100644 --- a/blog/index.html +++ b/blog/index.html @@ -447,7 +447,8 @@ window.addEventListener('click',(e)=>{
-

Latest news

+

Latest news

+

Open SimpleX Network News channel

diff --git a/css/tailwind.css b/css/tailwind.css index a8a90a56f5..6a4854af45 100644 --- a/css/tailwind.css +++ b/css/tailwind.css @@ -1772,6 +1772,10 @@ video { text-align: center; } +.text-right { + text-align: right; +} + .\!text-lg { font-size: 1.125rem !important; line-height: 1.75rem !important; diff --git a/js/channel-preview.js b/js/channel-preview.js index cac1762900..7bdaa6c019 100644 --- a/js/channel-preview.js +++ b/js/channel-preview.js @@ -260,6 +260,15 @@ const STYLE = ` text-overflow: ellipsis; } +.simplex-preview-container .simplex-preview-header-name { + background: none; + -webkit-background-clip: border-box; + background-clip: border-box; + color: var(--sp-text); + -webkit-text-fill-color: var(--sp-text); + text-fill-color: var(--sp-text); +} + .simplex-preview-header-description { font-size: 13px; color: var(--sp-text-secondary); @@ -658,16 +667,18 @@ const STYLE = ` min-width: 0; max-width: 640px; overflow-y: auto; - overscroll-behavior: contain; position: relative; } .simplex-preview-info { overflow-y: auto; - overscroll-behavior: contain; background: var(--sp-bg); } +.simplex-preview-scroll-lock { + overflow: hidden; +} + .simplex-preview-info-close { display: none; } @@ -862,12 +873,13 @@ const STYLE = ` .simplex-preview-info { display: none; position: fixed; - top: 0; + top: var(--sp-top-offset, 0px); left: 0; right: 0; bottom: 0; z-index: 100; padding: 16px; + overscroll-behavior: contain; } .simplex-preview-info.open { display: block; @@ -952,6 +964,13 @@ function initChannelPreview(container) { if (container.dataset.darkBackground) { container.style.setProperty('--sp-dark-bg', container.dataset.darkBackground); } + const topOffset = parseInt(container.dataset.topOffset || '0', 10); + if (topOffset > 0) { + container.style.setProperty('--sp-top-offset', topOffset + 'px'); + container.style.marginTop = topOffset + 'px'; + container.style.height = 'calc(100vh - ' + topOffset + 'px)'; + container.style.height = 'calc(100dvh - ' + topOffset + 'px)'; + } container.innerHTML = '

Loading channel...

'; fetchPreview(relayScheme, relayDomains, channelLink, channelId).then(data => { @@ -1051,12 +1070,16 @@ function render(container, data, channelLink, showAppBadges) { if (window.innerWidth < 1000) { info.classList.add('open'); main.style.overflow = 'hidden'; + document.documentElement.classList.add('simplex-preview-scroll-lock'); + document.body.classList.add('simplex-preview-scroll-lock'); } }); closeBtn.addEventListener('click', () => { info.classList.remove('open'); main.style.overflow = ''; + document.documentElement.classList.remove('simplex-preview-scroll-lock'); + document.body.classList.remove('simplex-preview-scroll-lock'); }); setupSecretToggles(container); diff --git a/js/directory.js b/js/directory.js index 26180d02be..bbf646a4d7 100644 --- a/js/directory.js +++ b/js/directory.js @@ -9,6 +9,13 @@ +const simplexDirectoryDataURL = 'https://directory.simplex.chat/data/'; + +// const simplexDirectoryDataURL = 'http://localhost:8080/directory-data/'; + +const simplexUsersGroup = 'SimpleX users group'; + +(function() { const isMobile = { Android: () => navigator.userAgent.match(/Android/i), iOS: () => navigator.userAgent.match(/iPhone|iPad|iPod/i), @@ -165,14 +172,6 @@ function platformSimplexUri(uri) { return `https://simplex.chat/${linkType}#${fragment}`; } } - -const simplexDirectoryDataURL = 'https://directory.simplex.chat/data/'; - -// const simplexDirectoryDataURL = 'http://localhost:8080/directory-data/'; - -const simplexUsersGroup = 'SimpleX users group'; - -(function() { if (!document.location.pathname.startsWith('/directory')) return; let allEntries = []; diff --git a/news/index.html b/news/index.html new file mode 100644 index 0000000000..59c848180c --- /dev/null +++ b/news/index.html @@ -0,0 +1,569 @@ + + + + + + + + + SimpleX Network News + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + +
+ + + + +
+ + + + + + + + + + +