dandri/simplex-chat
1
0
Fork 0
mirror of https://github.com/simplex-chat/simplex-chat.git synced 2026-07-20 17:51:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

website: adding footer (#6326)

Browse Source 
* 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
This commit is contained in:
M. Sarmad Qadeer
2025-10-04 08:44:52 +01:00
committed by GitHub
parent aa34446bf4
commit 2744911a15
5 changed files with 177 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/src/_includes/footer.html
+1 -1
View File
@@ -1,5 +1,5 @@
{% set lang = page.url | getlang %}
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px]">
<section class="bg-[#D9E7ED] dark:bg-[#0E2B57] py-[50px] footer page">
<div class="container">
<div class="flex flex-col lg:flex-row justify-between">
<div class="flex flex-col items-center lg:items-start">
website/src/_includes/layouts/community_vouchers.html
+40
View File
@@ -0,0 +1,40 @@
<!DOCTYPE html>
<html lang="{{ page.url | getlang }}"
{% for language in languages.languages %}
{% if language.label == page.url | getlang %}
dir="{{ "rtl" if language.rtl else "ltr" }}"
{% endif %}
{% endfor %}>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>{{ title }}</title>
<meta name="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="onion-location" content="{% cfg 'onionLocation' %}{{ permalink }}" />
<meta property="og:url" content="{% cfg 'siteLocation' %}{{ permalink }}" />
<meta property="og:type" content="article" />
<meta property="og:title" content="{{ title }}" />
<meta property="og:image" content="{% cfg 'siteLocation' %}/img/share_simplex.png" />
<meta name="twitter:card" content="summary" />
<link rel="icon" type="image/png" sizes="96x96" href="/img/favicon.ico" />
<link href="/css/tailwind.css" rel="stylesheet" />
<link rel="stylesheet" href="/css/blog.css" />
<link id="prism-theme" rel="stylesheet" href="/css/prism-light.min.css"/>
<link href="/css/style.css" rel="stylesheet" />
<script async defer src="https://buttons.github.io/buttons.js"></script>
</head>
<body class="bg-[#F3F6F7] dark:bg-[#0C0B13]">
{% include "navbar.html" %}
<section id="article" class="container mb-[75px] bg-white dark:bg-[#17203D] px-5 mt-10">
<div class="py-6 md:p-[60px]">{{ content | safe }}</div>
</section>
{% include "footer.html" %}
<script src="/js/prism.min.js"></script>
</body>
</html>
website/src/community-vouchers.md
+24
View File
@@ -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)
website/src/css/design3.css
+99 -22
View File
@@ -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 {
<img class="pos" style="--c:3; --r:2; --w:2; --h:2" src="..." />
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;
}
}
website/src/index.html
+13 -9
View File
@@ -5,6 +5,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<title>Simplex Chat</title>
<link href="/css/tailwind.css" rel="stylesheet"/>
<link rel="stylesheet" href="/css/design3.css">
<script src="/js/flag-anchor.js"></script>
</head>
@@ -24,6 +25,14 @@
<hr>
<li class="nav-link">
<a href="/directory/">
<span class="nav-link-text">{{ "directory" | i18n({}, lang ) | safe }}</span>
</a>
</li>
<hr>
<li class="nav-link">
<a href="javascript:void(0);">
<span class="">{{ "guide" | i18n({}, lang ) | safe }}</span>
@@ -98,14 +107,6 @@
<hr>
<li class="nav-link">
<a href="/jobs">
<span class="nav-link-text">{{ "jobs" | i18n({}, lang ) | safe }}</span>
</a>
</li>
<hr>
<li class="nav-link">
<a href="/blog">
<span class="nav-link-text">{{ "blog" | i18n({}, lang ) | safe }}</span>
@@ -236,7 +237,7 @@
<h2>Communities That Last</h2>
<p>You will support your favorite groups with future Community vouchers.</p>
<p>Vouchers will pay for servers, to let your communities stay free and independent.</p>
<a class="gradient-text" href="/">Learn more about Community Vouchers</a>
<a class="gradient-text" href="/community-vouchers">Learn more about Community Vouchers</a>
</div>
</div>
</section>
@@ -307,9 +308,12 @@
</div>
</section>
{% include "footer.html" %}
</main>
</div>
<script src="/js/directory.js"></script>
<script src="/js/design3.js"></script>
<script>