dandri/simplex-chat
1
0
Fork 0
mirror of https://github.com/simplex-chat/simplex-chat.git synced 2026-09-01 17:58:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

website: update livestream page (#7439)

Browse Source 
* website: update livestream page

* update

---------

Co-authored-by: Evgeny @ SimpleX Chat <259188159+evgeny-simplex@users.noreply.github.com>
This commit is contained in:
Evgeny
2026-08-31 23:41:54 +01:00
committed by GitHub
co-authored by Evgeny @ SimpleX Chat <259188159+evgeny-simplex@users.noreply.github.com>
parent 6b705490aa
commit 90340b116d
5 changed files with 97 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/CHAT-RELAY.md
+1
View File
@@ -1,6 +1,7 @@
---
title: Hosting your own Chat Relay
revision: 28.07.2026
templateEngineOverride: md
---
# Hosting your own Chat Relay
website/src/_includes/footer.html
+2 -2
View File
@@ -63,7 +63,7 @@
<article class="mt-10 lg:mt-0">
<div class="h-[40px] flex flex-col gap-2 justify-center">
<div class="flex gap-2 justify-center">
<a href="https://simplex.chat/contact#/?v=1&smp=smp%3A%2F%2FPQUV2eL0t7OStZOoAsPEV2QYWt4-xilbakvGUGOItUo%3D%40smp6.simplex.im%2FK1rslx-m5bpXVIdMZg9NLUZ_8JBm8xTt%23%2F%3Fv%3D1%26dh%3DMCowBQYDK2VuAyEALDeVe-sG8mRY22LsXlPgiwTNs9dbiLrNuA7f3ZMAJ2w%253D%26srv%3Dbylepyau3ty4czmn77q4fglvperknl4bi2eb2fdy2bh4jxtf32kf73yd.onion">
<a href="/news">
<svg class="fill-primary-light dark:fill-primary-dark" width="32" height="32" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.585 0C11.9025 0 0 11.9025 0 26.585C0 41.2674 11.9025 53.1699 26.585 53.1699C41.2674 53.1699 53.1699 41.2674 53.1699 26.585C53.1699 11.9025 41.2674 0 26.585 0ZM11.3862 17.3518L17.6366 23.4373L23.9313 17.3088L17.6787 11.2209L20.866 8.1179L27.1187 14.2061L33.4932 8L36.6199 11.044L30.2448 17.25L36.4982 23.3379L42.8733 17.1321L46 20.1761L39.6249 26.3818L45.8789 32.4702L42.6916 35.5732L36.4376 29.4848L30.0631 35.6906L36.3171 41.7791L33.1299 44.8821L26.8759 38.7936L20.5026 45L17.3759 41.956L23.8003 35.693L17.5493 29.6073L11.1255 35.8621L8 32.8194L14.4244 26.5646L8.17397 20.4792L11.3862 17.3518ZM27.0125 32.5656L33.311 26.4408L27.0576 20.3535L27.0568 20.3516L20.7615 26.4799L27.0125 32.5656Z"/>
</svg>
@@ -108,7 +108,7 @@
19.3216 25.0173 19.3216C23.9563 19.3216 23.0902 20.1878 23.0902 21.2488Z" />
</svg>
</a>
<a href="https://twitter.com/simplexchat" target="_blank">
<a href="https://x.com/simplexchat" target="_blank">
<svg class="fill-primary-light dark:fill-primary-dark" width="32" height="32" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.4575 40.9268C31.5032 40.9268 40.4575 31.9725 40.4575 20.9268C40.4575 9.88106 31.5032 0.926758 20.4575 0.926758C9.41182 0.926758 0.45752 9.88106 0.45752 20.9268C0.45752 31.9725 9.41182 40.9268 20.4575 40.9268ZM29.916 16.7766C29.916 23.1157 25.014 30.4265 16.0519 30.4265V30.423C13.4038 30.4265 10.8115 29.6795 8.58252 28.2719C8.96846 28.3174 9.35558 28.3397 9.74271 28.3409C11.9372 28.3432 14.0688 27.6182 15.7942 26.283C13.7101 26.2444 11.8802 24.9055 11.2425 22.9507C11.9716 23.0898 12.7245 23.0619 13.4418 22.869C11.1689 22.4165 9.53371 20.4504 9.53252 18.1671V18.1062C10.2106 18.478 10.9694 18.6835 11.7448 18.7057C9.60377 17.2981 8.94233 14.4948 10.2355 12.3026C12.7103 15.2992 16.3606 17.1207 20.2782 17.3147C19.8851 15.6487 20.4231 13.902 21.6878 12.7306C23.6507 10.9137 26.737 11.0073 28.5824 12.9387C29.6737 12.7271 30.7199 12.3327 31.677 11.7738C31.3125 12.8857 30.5513 13.828 29.5348 14.4277C30.5002
14.3155 31.4443 14.0609 32.3325 13.6728C31.6782 14.6362 30.8553 15.4781 29.9017 16.1562C29.916 16.362 29.916 16.5685 29.916 16.7766Z" />
website/src/css/livestream.css
+55 -7
View File
@@ -60,7 +60,7 @@
}
.livestream .text-container .event-utc,
.livestream .text-container .event-local {
.livestream .text-container .event-join {
font-family: "Manrope", sans-serif;
font-weight: 300;
font-size: calc(var(--sec-vwu) * 1.4);
@@ -69,16 +69,36 @@
color: #000000;
}
.dark .livestream .text-container .event-utc {
.dark .livestream .text-container .event-utc,
.dark .livestream .text-container .event-join {
color: #ffffff;
}
.livestream .text-container .event-local {
.livestream .text-container .event-join {
font-size: calc(var(--sec-vwu) * 1.3);
color: #009df7;
}
.dark .livestream .text-container .event-local {
.livestream .text-container .event-join span {
font-weight: inherit;
}
.livestream .text-container .event-join .join-count {
margin-right: 0.3em;
}
.livestream .text-container .event-join.counting .join-where {
display: block;
}
.livestream .text-container .event-join a {
color: #009df7;
font-family: inherit;
font-weight: inherit;
font-size: inherit;
max-width: none;
}
.dark .livestream .text-container .event-join a {
color: #64fdff;
}
@@ -152,12 +172,12 @@
}
.livestream .text-container .event-utc,
.livestream .text-container .event-local {
.livestream .text-container .event-join {
font-size: calc(var(--sec-vwu) * 3.9);
max-width: calc(var(--sec-vwu) * 80);
}
.livestream .text-container .event-local {
.livestream .text-container .event-join {
font-size: calc(var(--sec-vwu) * 3.3);
}
@@ -273,6 +293,34 @@
color: #000000;
}
.register-card .channel-link {
display: inline-flex;
align-items: center;
margin-top: 18px;
font-family: "Manrope", sans-serif;
font-weight: 500;
font-size: 16px;
color: #0053d0;
text-decoration: none;
}
.register-card .channel-link:hover {
text-decoration: underline;
text-underline-offset: 3px;
}
.dark .register-card .channel-link {
color: #70f0f9;
}
.register-card .channel-link svg {
width: 0.82em;
height: 0.82em;
margin-left: 0.4em;
fill: currentColor;
flex: none;
}
.register-card .close-register {
position: absolute;
top: 16px;
website/src/js/livestream.js
+35 -4
View File
@@ -1,7 +1,6 @@
function showLocalTime() {
const utc = document.querySelector('.event-utc');
const local = document.querySelector('.event-local');
if (!utc || !local) return;
if (!utc) return;
const start = new Date(utc.dateTime);
if (isNaN(start.getTime())) return;
@@ -15,8 +14,39 @@ function showLocalTime() {
timeZoneName: 'short'
});
local.textContent = 'Your time: ' + format.format(start);
local.removeAttribute('hidden');
utc.textContent = format.format(start);
}
function startCountdown() {
const utc = document.querySelector('.event-utc');
const join = document.querySelector('.event-join');
const count = join && join.querySelector('.join-count');
if (!utc || !count) return;
const start = new Date(utc.dateTime);
if (isNaN(start.getTime())) return;
const pad = (n) => String(n).padStart(2, '0');
function tick() {
const left = Math.floor((start.getTime() - Date.now()) / 1000);
if (left <= 0) {
count.textContent = 'now';
join.classList.remove('counting');
} else {
const days = Math.floor(left / 86400);
const dayPart = days ? days + (days === 1 ? ' day ' : ' days ') : '';
count.textContent = 'in ' + dayPart
+ pad(Math.floor((left % 86400) / 3600)) + ' hrs '
+ pad(Math.floor((left % 3600) / 60)) + ' min '
+ pad(left % 60) + ' sec';
join.classList.add('counting');
}
count.removeAttribute('hidden');
}
tick();
setInterval(tick, 1000);
}
function setSignupSource() {
@@ -76,6 +106,7 @@ function trackNavColor() {
}
showLocalTime();
startCountdown();
setSignupSource();
setupRegisterOverlay();
trackNavColor();
website/src/livestream.html
+4 -2
View File
@@ -74,11 +74,11 @@ templateEngineOverride: njk
<div class="event-time">
<time class="event-utc" datetime="2026-09-15T17:00:00Z">Tuesday, September 15, 2026 at 5:00 PM UTC</time>
<p class="event-local" hidden></p>
<p class="event-join">Join us <span class="join-count" hidden></span><span class="join-where"><a href="https://x.com/i/broadcasts/1pKdRDneNyoJW" target="_blank" rel="noopener">on X</a>, <a href="https://www.youtube.com/watch?v=vIwgi39VMFA" target="_blank" rel="noopener">YouTube</a> or <a href="https://stream.simplex.chat" target="_blank" rel="noopener">our page</a></span></p>
</div>
<div class="actions">
<a class="register-btn" href="https://use.simplex.chat/livestream" target="_blank" rel="noopener">Register for event updates and Q&amp;A</a>
<a class="register-btn" href="https://use.simplex.chat/livestream" target="_blank" rel="noopener">Get event updates</a>
<a class="invest-link gradient-text" href="https://wefunder.com/simplex.chat?utm_source=livestream_page" target="_blank" rel="noopener">Learn more and invest on Wefunder</a>
</div>
</div>
@@ -103,6 +103,8 @@ templateEngineOverride: njk
<input type="submit" name="subscribe" value="Register">
</form>
<a class="channel-link" href="https://simplex.chat/crowdfunding-news/" target="_blank" rel="noopener">Or join our SimpleX Crowdfunding News channel<svg viewBox="0 0 100 100" aria-hidden="true"><path d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path><polygon points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a>
<button type="button" class="close-register" aria-label="Close">
<svg viewBox="0 0 13 13" xmlns="http://www.w3.org/2000/svg">
<path d="M12.7973 11.5525L7.59762 6.49833L12.7947 1.44675C13.055 1.19371 13.0658 0.771991 12.8188 0.505331C12.5718 0.238674 12.1602 0.227644 11.8999 0.480681L6.65343 5.58028L1.09979 0.182228C0.839522 -0.070157 0.427909 -0.059127 0.18094 0.207531C-0.0660305 0.474191 -0.0552645 0.895911 0.205003 1.14894L5.70862 6.49833L0.20247 11.851C-0.0577975 12.104 -0.0685635 12.5257 0.178407 12.7924C0.306324 12.9306 0.477936 13 0.650181 13C0.811033 13 0.971873 12.9397 1.09726 12.817L6.65343 7.41639L11.9025 12.5186C12.0285 12.6406 12.1893 12.7015 12.3495 12.7015C12.5218 12.7015 12.6934 12.6321 12.8213 12.4939C13.0689 12.2273 13.0582 11.8062 12.7973 11.5525Z"/>