From 58fc83afa5b412f8ca13ceac6bea1f9091edf8f8 Mon Sep 17 00:00:00 2001 From: Miroslav Pejic Date: Sat, 25 Apr 2026 18:19:12 +0200 Subject: [PATCH] [mirotalk] - feat(landing): make Past Sponsors section click/tap-toggle only and hidden by default --- .env.template | 2 +- app/src/config.template.js | 2 +- app/src/server.js | 2 +- package-lock.json | 4 +- package.json | 2 +- public/css/landing.css | 75 ++++++++++++++++++++++++++++++++++++++ public/js/brand.js | 2 +- public/js/client.js | 4 +- public/js/landing.js | 24 ++++++++++++ public/views/landing.html | 19 +++++++++- 10 files changed, 125 insertions(+), 11 deletions(-) diff --git a/.env.template b/.env.template index d9f67bd3..413f6874 100644 --- a/.env.template +++ b/.env.template @@ -1,5 +1,5 @@ # ==================================================== -# MiroTalk P2P v.1.8.12 - Environment Configuration +# MiroTalk P2P v.1.8.13 - Environment Configuration # ==================================================== # App environment diff --git a/app/src/config.template.js b/app/src/config.template.js index e44111fe..111a143e 100644 --- a/app/src/config.template.js +++ b/app/src/config.template.js @@ -2,7 +2,7 @@ /** * ============================================== - * MiroTalk P2P v.1.8.12 - Configuration File + * MiroTalk P2P v.1.8.13 - Configuration File * ============================================== * * This file is the central configuration source. diff --git a/app/src/server.js b/app/src/server.js index 969aae3a..98de145e 100755 --- a/app/src/server.js +++ b/app/src/server.js @@ -45,7 +45,7 @@ dependencies: { * @license For commercial use or closed source, contact us at license.mirotalk@gmail.com or purchase directly from CodeCanyon * @license CodeCanyon: https://codecanyon.net/item/mirotalk-p2p-webrtc-realtime-video-conferences/38376661 * @author Miroslav Pejic - miroslav.pejic.85@gmail.com - * @version 1.8.12 + * @version 1.8.13 * */ diff --git a/package-lock.json b/package-lock.json index f1f0dbc8..b346e00f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "mirotalk", - "version": "1.8.12", + "version": "1.8.13", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "mirotalk", - "version": "1.8.12", + "version": "1.8.13", "license": "AGPL-3.0", "dependencies": { "@mattermost/client": "11.6.0", diff --git a/package.json b/package.json index 317b6b67..8421032d 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "mirotalk", - "version": "1.8.12", + "version": "1.8.13", "description": "A free WebRTC browser-based video call", "main": "server.js", "scripts": { diff --git a/public/css/landing.css b/public/css/landing.css index 8889fcbd..7eacdf32 100755 --- a/public/css/landing.css +++ b/public/css/landing.css @@ -2969,6 +2969,81 @@ ul.pricing-item-features-list li { transform: scale(1.01); } +/*-------------------------------------------------------------- +# Past Sponsors Toggle +--------------------------------------------------------------*/ + +#pastSponsors .past-sponsors-toggle { + border: 0; + background: transparent; + color: #d6ddf5; + display: inline-flex; + align-items: center; + justify-content: center; + gap: 10px; + cursor: pointer; + padding: 0; +} + +#pastSponsors .past-sponsors-toggle-label { + font-size: 2rem; + line-height: 1.2; + letter-spacing: -0.4px; + font-weight: 600; +} + +#pastSponsors .past-sponsors-toggle-hint { + font-size: 0.75rem; + color: #959cb1; + line-height: 1; + text-transform: uppercase; + letter-spacing: 0.08em; +} + +#pastSponsors .past-sponsors-toggle-icon { + font-size: 0.85rem; + color: #4a74f5; + transform: rotate(-90deg); + transition: transform 0.25s ease; +} + +#pastSponsors .clients-inner { + max-height: 0; + opacity: 0; + overflow: hidden; + pointer-events: none; + transform: translateY(-8px); + transition: + max-height 0.35s ease, + opacity 0.28s ease, + transform 0.35s ease; +} + +#pastSponsors.is-open .clients-inner { + max-height: 1200px; + opacity: 1; + pointer-events: auto; + transform: translateY(0); +} + +#pastSponsors.is-open .past-sponsors-toggle-icon { + transform: rotate(0deg); +} + +@media (max-width: 640px) { + #pastSponsors .past-sponsors-toggle { + flex-wrap: wrap; + } + + #pastSponsors .past-sponsors-toggle-label { + font-size: 1.5rem; + } + + #pastSponsors .past-sponsors-toggle-hint { + width: 100%; + } +} + /*-------------------------------------------------------------- # Sponsors & Powered By Sections (Grid) --------------------------------------------------------------*/ diff --git a/public/js/brand.js b/public/js/brand.js index adad632b..37f384a7 100644 --- a/public/js/brand.js +++ b/public/js/brand.js @@ -109,7 +109,7 @@ let brand = { }, about: { imageUrl: '../images/mirotalk-logo.gif', - title: 'WebRTC P2P v1.8.12', + title: 'WebRTC P2P v1.8.13', html: ` + +