From 2744911a15d63f3ffdb50ea36e21157a478099f0 Mon Sep 17 00:00:00 2001 From: "M. Sarmad Qadeer" Date: Sat, 4 Oct 2025 12:44:52 +0500 Subject: [PATCH] website: adding footer (#6326) * adding footer * add footer * update nav * improve spaces in .group-images * quick fix * add community vouchers page * fix footer problem * disable pull to refresh * address bar now hide in safari --- website/src/_includes/footer.html | 2 +- .../_includes/layouts/community_vouchers.html | 40 ++++++ website/src/community-vouchers.md | 24 ++++ website/src/css/design3.css | 121 ++++++++++++++---- website/src/index.html | 22 ++-- 5 files changed, 177 insertions(+), 32 deletions(-) create mode 100644 website/src/_includes/layouts/community_vouchers.html create mode 100644 website/src/community-vouchers.md diff --git a/website/src/_includes/footer.html b/website/src/_includes/footer.html index 7f86200fb0..e3a8f48d8a 100644 --- a/website/src/_includes/footer.html +++ b/website/src/_includes/footer.html @@ -1,5 +1,5 @@ {% set lang = page.url | getlang %} -
+
diff --git a/website/src/_includes/layouts/community_vouchers.html b/website/src/_includes/layouts/community_vouchers.html new file mode 100644 index 0000000000..56a13b5623 --- /dev/null +++ b/website/src/_includes/layouts/community_vouchers.html @@ -0,0 +1,40 @@ + + + + + + + + {{ title }} + + + + + + + + + + + + + + + + + {% include "navbar.html" %} + +
+
{{ content | safe }}
+
+ + {% include "footer.html" %} + + + + diff --git a/website/src/community-vouchers.md b/website/src/community-vouchers.md new file mode 100644 index 0000000000..c865d3b97d --- /dev/null +++ b/website/src/community-vouchers.md @@ -0,0 +1,24 @@ +--- +layout: layouts/community_vouchers.html +title: "Simplex Chat" +permalink: "/community-vouchers/index.html" +--- + +# Community Vouchers + +**Published:** Oct 03, 2025 + +[https://simplex.chat](https://simplex.chat) + +SimpleX is a privacy-focused messaging app that uses end-to-end encryption to ensure that your conversations remain private and secure. We believe that everyone has the right to communicate freely and securely, without fear of surveillance or censorship. + +To support our mission of promoting privacy and secure communication, we are excited to announce the launch of our Community Voucher Program. This program is designed to help individuals and organizations that may not have the financial means to access secure messaging services. + +Through the Community Voucher Program, we will be providing free access to SimpleX for individuals and organizations that meet certain criteria. This includes: +- Non-profit organizations that work to promote privacy and secure communication +- Activists and journalists who need secure communication tools to protect their sources and information +- Individuals who are at risk of surveillance or censorship due to their political beliefs or activities +To apply for a Community Voucher, simply fill out the application form on our website. We will review each application carefully and provide vouchers to those who meet our criteria. +We believe that everyone deserves access to secure communication tools, and we are committed to making SimpleX accessible to as many people as possible. If you know someone who could benefit from our Community Voucher Program, please share this information with them. +Thank you for your support in promoting privacy and secure communication! +Originally published at [https://simplex.chat/community-vouchers](https://simplex.chat/community-vouchers) \ No newline at end of file diff --git a/website/src/css/design3.css b/website/src/css/design3.css index d53e48e6c2..cca278fe10 100644 --- a/website/src/css/design3.css +++ b/website/src/css/design3.css @@ -269,7 +269,7 @@ body { } .lock-scroll { - overflow: hidden; + overflow: hidden !important; } img { @@ -295,28 +295,30 @@ p { color: transparent; } +/* Let the PAGE (body) scroll so Safari collapses the address bar. + Keep .screen as a regular wrapper (no own scrolling). */ .screen { - height: 100svh; - overflow-y: auto; + height: auto; + overflow: visible; +} + +/* Make the viewport the scroll snap container (works in iOS Safari) */ +html, body { scroll-snap-type: y mandatory; - /* page-by-page snap */ scroll-behavior: smooth; - overscroll-behavior: contain; - /* avoid rubber-banding pulling UI over content */ - -webkit-overflow-scrolling: touch; } section.page { + min-height: 100svh; /* fallback */ height: 100svh; - /* same fallback */ scroll-snap-align: start; - scroll-snap-stop: always; - /* requires a full swipe/scroll to leave */ + scroll-snap-stop: always; /* requires a full swipe/scroll to leave */ position: relative; display: flex; justify-content: center; align-items: center; + z-index: 2; } section.page .area { @@ -402,19 +404,15 @@ main { } main .section-bg { - position: sticky; - top: 0; - height: 100vh; - height: 100svh; - - /* Cancel its own layout height so content starts immediately "on" it */ - margin-bottom: -100vh; - margin-bottom: -100svh; + position: fixed; + inset: 0; + height: 100svh; /* fallback */ + margin-bottom: -100svh; /* cancel own layout height */ background-image: var(--bg-grad); background-position: center; background-repeat: no-repeat; - z-index: 0; + z-index: -1; pointer-events: none; } @@ -713,7 +711,7 @@ main .section-bg { display: grid; grid-template-columns: repeat(8, 1fr); grid-template-rows: repeat(6, 1fr); - gap: calc(var(--sec-vwu-desktop) * 2); + gap: calc(var(--sec-vwu-desktop) * 2.1); } .page-6 .group-images img { @@ -731,7 +729,7 @@ main .section-bg { right: 0; grid-template-columns: repeat(8, 1fr); grid-template-rows: repeat(7, 1fr); - gap: calc(var(--sec-vwu-desktop) * 1.5); + gap: calc(var(--sec-vwu-desktop) * 2.8); } .page-6 .group-images img { @@ -745,7 +743,10 @@ main .section-bg { places the image starting at column 3, row 2, spanning 2 columns × 2 rows. */ -.page-6 .group-images>a.simplex-image { --c: 4; --r: 3; --w: 2; --h: 2 } +.page-6 .group-images>a.simplex-image { + --c: 4; --r: 3; --w: 2; --h: 2; + margin: 1.15rem; +} .page-6 .group-images>a.group-image:nth-child(1) { --c: 2; --r: 1; --w: 1; --h: 1 } .page-6 .group-images>a.group-image:nth-child(2) { --c: 4; --r: 1; --w: 1; --h: 1 } @@ -1243,4 +1244,80 @@ button#cross-btn { left: 0; right: auto; } +} + +/* FOOTER STYLES */ +section.page.footer { + height: fit-content; + min-height: fit-content; +} + +@media screen and (max-width: 768px) { + section.page.footer { + height: 100vh; + min-height: 100vh; + } +} + +.footer .container, +.footer .container-fluid, +.footer .container-xxl, +.footer .container-xl, +.footer .container-lg, +.footer .container-md, +.footer .container-sm { + width: 100%; + /* padding: 0 20px; */ + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + + .footer .container-sm, + .footer .container { + max-width: 540px; + } +} + +@media (min-width: 768px) { + + .footer .container-md, + .footer .container-sm, + .footer .container { + max-width: 720px; + } +} + +@media (min-width: 992px) { + + .footer .container-lg, + .footer .container-md, + .footer .container-sm, + .footer .container { + max-width: 960px; + } +} + +@media (min-width: 1200px) { + + .footer .container-xl, + .footer .container-lg, + .footer .container-md, + .footer .container-sm, + .footer .container { + max-width: 1140px; + } +} + +@media (min-width: 1400px) { + + .footer .container-xxl, + .footer .container-xl, + .footer .container-lg, + .footer .container-md, + .footer .container-sm, + .footer .container { + max-width: 1320px; + } } \ No newline at end of file diff --git a/website/src/index.html b/website/src/index.html index 35cb9448e9..249c3eb3cd 100644 --- a/website/src/index.html +++ b/website/src/index.html @@ -5,6 +5,7 @@ Simplex Chat + @@ -24,6 +25,14 @@
+
  • + + {{ "directory" | i18n({}, lang ) | safe }} + +
    • + +
    +
  • {{ "guide" | i18n({}, lang ) | safe }} @@ -98,14 +107,6 @@
    -
  • - - {{ "jobs" | i18n({}, lang ) | safe }} - -
    • - -
    -
  • {{ "blog" | i18n({}, lang ) | safe }} @@ -236,7 +237,7 @@

    Communities That Last

    You will support your favorite groups with future Community vouchers.

    Vouchers will pay for servers, to let your communities stay free and independent.

    -     Learn more about Community Vouchers + Learn more about Community Vouchers
    • @@ -307,9 +308,12 @@
    + {% include "footer.html" %} + +