From 078dd15ca39f417ba2016d84dee1ae5fcac89ca1 Mon Sep 17 00:00:00 2001 From: "M. Sarmad Qadeer" Date: Thu, 9 Oct 2025 18:03:01 +0500 Subject: [PATCH] website: new things (#6344) * add learn_more.md section in /learn-more page * fix cover swiping bug & improve gradient * fix click bug of group-images --- website/.eleventy.js | 7 +++++ website/src/_includes/layouts/main.html | 1 + website/src/_includes/sections/learn_more.md | 30 ++++++++++++++++++++ website/src/css/blog.css | 14 ++++----- website/src/css/design3.css | 25 +++++++++------- website/src/learn-more.html | 28 ++---------------- 6 files changed, 63 insertions(+), 42 deletions(-) create mode 100644 website/src/_includes/sections/learn_more.md diff --git a/website/.eleventy.js b/website/.eleventy.js index 1018d9e97b..ce94b5ceee 100644 --- a/website/.eleventy.js +++ b/website/.eleventy.js @@ -69,6 +69,13 @@ fs.readdir(translationsDirectoryPath, (err, files) => { const translations = require("./translations.json") module.exports = function (ty) { + // Add this after your markdownLib definition + ty.addShortcode("mdInclude", function (filepath) { + const fullPath = path.join(__dirname, 'src/_includes', filepath); + const content = fs.readFileSync(fullPath, 'utf8'); + return markdownLib.render(content); + }); + ty.addShortcode("cfg", (name) => globalConfig[name]) ty.addFilter("getlang", (path) => { diff --git a/website/src/_includes/layouts/main.html b/website/src/_includes/layouts/main.html index a161bcb80f..be95922276 100644 --- a/website/src/_includes/layouts/main.html +++ b/website/src/_includes/layouts/main.html @@ -27,6 +27,7 @@ + diff --git a/website/src/_includes/sections/learn_more.md b/website/src/_includes/sections/learn_more.md new file mode 100644 index 0000000000..e7794af13c --- /dev/null +++ b/website/src/_includes/sections/learn_more.md @@ -0,0 +1,30 @@ +# Learn More + +## The First Messenger Without User IDs + +Unlike other messaging apps, SimpleX Chat has no user identifiers at all - not even random numbers. This protects both your messages and your metadata, hiding who you communicate with from servers and observers. + +## Why It Matters + +**Complete Privacy**: Other apps use phone numbers, usernames, or IDs. SimpleX uses none of these, making it impossible to build your social graph. + +**No Spam**: You can't be contacted unless you share a one-time invitation link. + +**Your Data**: Everything stays on your device. Servers only hold messages temporarily until delivered. + +**True Decentralization**: Use your own servers or the provided ones - everyone can still communicate. + +## Key Features + +- 🔐 Double ratchet end-to-end encryption with post-quantum resistance +- 📱 Mobile apps for iOS and Android, desktop apps for all platforms +- 🎭 Incognito mode, disappearing messages, multiple profiles +- 🌐 Tor support and private message routing +- 💾 Encrypted local database and files +- 🚀 Open source with security audits by Trail of Bits + +## How It Works + +Connect by sharing a QR code or link. SimpleX uses disposable message queues instead of user addresses - like having a different phone number for each contact, automatically managed. + +[Get Started](https://simplex.chat/downloads/) | [Read the Docs](https://github.com/simplex-chat/simplex-chat) \ No newline at end of file diff --git a/website/src/css/blog.css b/website/src/css/blog.css index f92998f301..3d244b9fcf 100644 --- a/website/src/css/blog.css +++ b/website/src/css/blog.css @@ -190,12 +190,12 @@ h3::before { outline: none; } -h1, -h2, -h3, -h4, -h5, -h6 { +#article h1, +#article h2, +#article h3, +#article h4, +#article h5, +#article h6 { clear: both; } @@ -220,7 +220,7 @@ h6 { } @media (max-width:768px) { - img { + #article img { width: 100%; } } diff --git a/website/src/css/design3.css b/website/src/css/design3.css index cca278fe10..51b6fdd858 100644 --- a/website/src/css/design3.css +++ b/website/src/css/design3.css @@ -204,12 +204,12 @@ } :root { - --bg-grad: linear-gradient(10deg, + --bg-grad: linear-gradient(9.2deg, #000000 0%, - #131d49 55%, - #3f5598 70%, - #c3faff 90%, - #fff6e0 100%); + #131d49 52%, + #3f5598 65%, + #c3faff 85%, + #fff6e0 90%); --nav-color: #ffffff; @@ -306,6 +306,7 @@ p { html, body { scroll-snap-type: y mandatory; scroll-behavior: smooth; + -webkit-overflow-scrolling: touch; } section.page { @@ -404,13 +405,16 @@ main { } main .section-bg { - position: fixed; + position: sticky; + top: 0; inset: 0; - height: 100svh; /* fallback */ - margin-bottom: -100svh; /* cancel own layout height */ + height: 100lvh; /* fallback */ + margin-bottom: -100lvh; /* cancel own layout height */ + width: 100vw; background-image: var(--bg-grad); background-position: center; + background-size: cover; background-repeat: no-repeat; z-index: -1; pointer-events: none; @@ -712,6 +716,7 @@ main .section-bg { grid-template-columns: repeat(8, 1fr); grid-template-rows: repeat(6, 1fr); gap: calc(var(--sec-vwu-desktop) * 2.1); + z-index: 2; } .page-6 .group-images img { @@ -1254,8 +1259,8 @@ section.page.footer { @media screen and (max-width: 768px) { section.page.footer { - height: 100vh; - min-height: 100vh; + height: 100lvh; + min-height: 100lvh; } } diff --git a/website/src/learn-more.html b/website/src/learn-more.html index f1bde906a2..6032b8721e 100644 --- a/website/src/learn-more.html +++ b/website/src/learn-more.html @@ -7,31 +7,9 @@ active_home: true --- {%- from "components/macro.njk" import overlay -%} -{% include "hero.html" %} - -
+
-

{{ "privacy-matters-section-header" | i18n({}, lang ) | safe }}

-

{{ "privacy-matters-section-subheader" | i18n({}, lang ) | safe }}

-
- - {% for section in why_privacy_matters.sections %} -
-
- -
-
-

{{ section.title | i18n({}, lang ) | safe }}

- {% if section.overlayContent %} - {{ section.overlayContent.linkText | i18n({}, lang ) | safe }} - {{ overlay(section,lang) }} - {% endif %} -
-
- {% endfor %} - -
-

{{ "privacy-matters-section-label" | i18n({}, lang ) | safe }}

+ {% mdInclude "sections/learn_more.md" %}
@@ -239,4 +217,4 @@ active_home: true
{# join simplex #} -{% include "sections/join_simplex.html" %} \ No newline at end of file +{# {% include "sections/join_simplex.html" %} #} \ No newline at end of file