mirror of
https://github.com/simplex-chat/simplex-chat.git
synced 2026-10-17 10:50:19 +00:00
EvgenyandEvgeny @ SimpleX Chat
5dfe7c1f0e
* website: downloads page * bigger headings * translations --------- Co-authored-by: Evgeny @ SimpleX Chat <259188159+evgeny-simplex@users.noreply.github.com>
62 lines
2.7 KiB
HTML
62 lines
2.7 KiB
HTML
---
|
|
layout: layouts/main.html
|
|
title: "Why we are building SimpleX Network"
|
|
description: "A network with no accounts, no identities, and no way to know who you are."
|
|
templateEngineOverride: njk
|
|
noGlossary: true
|
|
---
|
|
|
|
{% set lang = page.url | getlang %}
|
|
|
|
<section class="min-h-screen px-5 py-24 md:py-32 lg:py-40">
|
|
<div class="max-w-[680px] mx-auto">
|
|
|
|
<h1 class="text-grey-black dark:text-white text-[24px] md:text-[36px] lg:text-[40px] font-bold leading-[1.2] tracking-[-0.01em] mb-12 md:mb-16">
|
|
{{ "why-p1" | i18n({}, lang) | safe }}
|
|
</h1>
|
|
|
|
<p class="text-grey-black dark:text-white text-[18px] md:text-[20px] lg:text-[22px] font-normal leading-[1.6] mb-6 md:mb-8">
|
|
{{ "why-p2" | i18n({}, lang) | safe }}
|
|
</p>
|
|
|
|
<p class="text-grey-black dark:text-white text-[18px] md:text-[20px] lg:text-[22px] font-normal leading-[1.6] mb-6 md:mb-8">
|
|
{{ "why-p3" | i18n({}, lang) | safe }}
|
|
</p>
|
|
|
|
<p class="text-grey-black dark:text-white text-[20px] md:text-[24px] lg:text-[26px] font-medium leading-[1.5] mb-6 md:mb-8">
|
|
{{ "why-p4" | i18n({}, lang) | safe }}
|
|
</p>
|
|
|
|
<p class="text-grey-black dark:text-white text-[18px] md:text-[20px] lg:text-[22px] font-normal leading-[1.6] mb-6 md:mb-8">
|
|
{{ "why-p5" | i18n({}, lang) | safe }}
|
|
</p>
|
|
|
|
<p class="text-grey-black dark:text-white text-[18px] md:text-[20px] lg:text-[22px] font-normal leading-[1.6] mb-6 md:mb-8">
|
|
{{ "why-p6" | i18n({}, lang) | safe }}
|
|
</p>
|
|
|
|
<p class="text-grey-black dark:text-white text-[18px] md:text-[20px] lg:text-[22px] font-normal leading-[1.6] mb-6 md:mb-8">
|
|
{{ "why-p7" | i18n({}, lang) | safe }}
|
|
</p>
|
|
|
|
<p class="text-grey-black dark:text-white text-[20px] md:text-[24px] lg:text-[26px] font-medium leading-[1.5] mb-10 md:mb-14">
|
|
{{ "why-p8" | i18n({}, lang) | safe }}
|
|
</p>
|
|
|
|
<p class="text-[36px] md:text-[40px] lg:text-[46px] font-bold leading-[1.15] gradient-text">
|
|
{{ "why-tagline" | i18n({}, lang) | safe }}
|
|
</p>
|
|
|
|
<a class="block mt-10 md:mt-14" href="https://www.youtube.com/watch?v=k-GhLNZm8G0" target="_blank" rel="noopener">
|
|
<div class="relative">
|
|
<img class="w-full rounded-2xl" src="/img/why/why-video.jpg" alt="" loading="lazy" width="960" height="540">
|
|
<div class="absolute inset-0 m-auto flex items-center justify-center w-14 h-14 md:w-[72px] md:h-[72px] rounded-full bg-white/80" aria-hidden="true">
|
|
<svg class="w-[38px] h-[38px] md:w-12 md:h-12 fill-[#02071d]" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"></path></svg>
|
|
</div>
|
|
</div>
|
|
<p class="mt-4 text-[18px] md:text-[20px] lg:text-[22px] font-medium underline underline-offset-4 text-primary-light dark:text-primary-dark">{{ "why-film" | i18n({}, lang) | safe }}</p>
|
|
</a>
|
|
|
|
</div>
|
|
</section>
|