markdown files for why simplex is unique

This commit is contained in:
M Sarmad Qadeer 2022-10-29 02:07:44 +05:00
parent cbddc4e0df
commit ef728218f7
8 changed files with 73 additions and 78 deletions

View file

@ -20,6 +20,11 @@ module.exports = function (ty) {
ty.addCollection('blogs', function (collection) {
return collection.getFilteredByGlob('src/blog/*.md').reverse()
})
ty.addCollection('whySimplexIsUnique', function (collection) {
return collection.getFilteredByGlob('src/data/why_simplex_is_unique/*.md')
})
ty.addWatchTarget("src/css")
ty.addWatchTarget("markdown/")

View file

@ -1,61 +0,0 @@
{
"sections": [
{
"id": 1,
"title": "Complete privacy of your identity, profile, contacts and metadata",
"desc": "Unlike any other existing messaging platform, SimpleX has no identifiers assigned to the users - not even random numbers. This protects the privacy of who you are communicating with, hiding it from SimpleX platform servers and from any observers.",
"imgLight": "/img/new/unique-section-1.png",
"imgDark": "/img/new/unique-section-1-dark.png",
"overlayContent": {
"overlayId": "why-simplex-is-unique-1",
"title": "Complete privacy of your identity, profile, contacts and metadata",
"linkText": "Learn how it improves privacy",
"showImage": true,
"paras": [
"Unlike any other existing messaging platform, SimpleX has no identifiers assigned to the users - not even random numbers. This protects the privacy of who you are communicating with, hiding it from SimpleX platform servers and from any observers. Unlike any other existing messaging platform, SimpleX has no identifiers assigned to the users - not even random numbers.",
"Privacy of who you are communicating with, hiding it from SimpleX platform servers and from any observers. Unlike any other existing messaging platform, SimpleX has no identifiers assigned to the users - not even random numbers.",
"This protects the privacy of who you are communicating with, hiding it from SimpleX platform servers and from any observers."
]
}
},
{
"id": 2,
"title": "The best protection against spam and abuse",
"desc": "Because you have no identifier on the SimpleX platform, you cannot be contacted unless you share a one-time “burner” or temporary user address.",
"imgLight": "/img/new/unique-section-2.png",
"imgDark": "/img/new/unique-section-2-dark.png",
"overlayContent": {
"overlayId": "why-simplex-is-unique-2",
"title": "The best protection against spam and abuse",
"linkText": "Learn how it improves privacy",
"showImage": true,
"paras": [
"Because you have no identifier on the SimpleX platform, you cannot be contacted unless you share a one-time “burner” or temporary user address."
]
}
},
{
"id": 3,
"title": "Ownership, control and security of your data",
"desc": "SimpleX stores all user data on client devices in a portable database format. The messages are held temporarily on SimpleX relay servers until they are received, then they are permanently deleted.",
"imgLight": "/img/new/unique-section-3.png",
"imgDark": "/img/new/unique-section-3-dark.png",
"overlayContent": {
"overlayId": "why-simplex-is-unique-3",
"title": "Ownership, control and security of your data",
"linkText": "Learn how it improves privacy",
"showImage": true,
"paras": [
"SimpleX stores all user data on client devices in a portable database format. The messages are held temporarily on SimpleX relay servers until they are received, then they are permanently deleted."
]
}
},
{
"id": 4,
"title": "Fully decentralised users own the SimpleX network",
"desc": "You can use SimpleX with your own servers and still communicate with people using the servers that are pre-configured in the apps or any other SimpleX servers. The SimpleX network is independent of any crypto currency or any other platform, other than the Internet.",
"imgLight": "/img/new/unique-section-4.png",
"imgDark": "/img/new/unique-section-4-dark.png"
}
]
}

View file

@ -1,21 +1,21 @@
{% macro overlay(section) %}
{% macro overlay(card) %}
{# Overlay is either hidder or flex #}
<div id="{{ section.overlayContent.overlayId }}" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light before:opacity-90 items-center justify-center p-10 z-[10000]">
<div id="{{ card.overlayContent.overlayId }}" class="overlay hidden fixed top-0 left-0 bottom-0 right-0 before:absolute before:w-full before:h-full bg-transparent before:bg-secondary-bg-light before:opacity-90 items-center justify-center p-10 z-[10000]">
<div class="overlay-card max-w-[1276px] bg-white opacity-100 max-h-[660px] z-[10001] rounded-md shadow-[0px_3px_12px_rgba(0,0,0,0.2)] p-14 overflow-auto scale-100">
<h1 class="text-3xl font-bold text-active-blue mb-6">{{ section.overlayContent.title }}</h1>
<h1 class="text-3xl font-bold text-active-blue mb-6">{{ card.overlayContent.overlayTitle }}</h1>
<div class="flex gap-10 justify-between">
<div class="max-w-md">
<div class="text-grey-black dark:text-white flex flex-col gap-6 text-base">
{% for para in section.overlayContent.paras %}
{% for para in card.overlayContent.paras %}
<p>{{ para }}</p>
{% endfor %}
</div>
</div>
{% if section.overlayContent.showImage %}
{% if card.overlayContent.showImage %}
<div class="max-w-md">
<div class="flex items-center justify-center">
<img class="w-full max-w-md min-w-[300px]" src="{{ section.imgLight }}" alt="">
<img class="w-full max-w-md min-w-[300px]" src="{{ card.imgLight }}" alt="">
</div>
</div>
{% endif %}

View file

@ -5,7 +5,7 @@
<div class="swiper unique-swiper px-4 py-2">
<div class="swiper-wrapper mb-16">
{% for section in why_simplex_is_unique.sections %}
{% for card in collections.whySimplexIsUnique %}
<div class="swiper-slide flex items-center md:items-start flex-col-reverse xl:flex-row xl:items-center px-4 md:px-10 lg:px-[50px] py-12 lg:py-[70px] rounded-[12px] shadow-[0px_3px_12px_rgba(0,0,0,0.2)] dark:shadow-none border-gradient relative scale-100 simplex-unique-card">
<a href="javascript:void(0);" class="flex items-center gap-2 md:hidden open-card-btn fixed z-10">
<span class="underline text-[16px] tracking-[0.02em] underline-offset-4 text-primary-light dark:text-primary-dark">More info</span>
@ -27,21 +27,21 @@
{# hover:absolute hover:w-full hover:h-full hover:bg-primary-bg-light hover:dark:bg-primary-bg-dark hover:p-[inherit] #}
<div class="pt-14 md:pt-0 card-content pb-[60px]">
<div class="content-head">
<p class="text-[35px] lg:text-[65px] font-bold tracking-[0.06em] text-active-blue text-center md:text-left">#{{ section.id }}</p>
<p class="w-full max-w-[617px] text-[25px] leading-[33px] lg:text-[35px] lg:leading-[45px] text-center md:text-left font-bold text-grey-black dark:text-white">{{ section.title }}</p>
<p class="text-[35px] lg:text-[65px] font-bold tracking-[0.06em] text-active-blue text-center md:text-left">#{{ card.data.id }}</p>
<p class="w-full max-w-[617px] text-[25px] leading-[33px] lg:text-[35px] lg:leading-[45px] text-center md:text-left font-bold text-grey-black dark:text-white">{{ card.data.title }}</p>
</div>
<div class="content-body hidden md:block">
<p class="w-full max-w-[541px] text-[16px] leading-[24px] tracking-[0.02em] mb-[36px] text-grey-black dark:text-white text-center md:text-left">{{ section.desc }}</p>
{% if section.overlayContent %}
<a href="javascript:void(0)" data-show-overlay="{{ section.overlayContent.overlayId }}" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">{{ section.overlayContent.linkText }}</a>
<p class="w-full max-w-[541px] text-[16px] leading-[24px] tracking-[0.02em] mb-[36px] text-grey-black dark:text-white text-center md:text-left">{{ card.data.desc }}</p>
{% if card.data.overlayContent %}
<a href="javascript:void(0)" data-show-overlay="{{ card.data.overlayContent.overlayId }}" class="open-overlay-btn underline text-primary-light dark:text-primary-dark block text-[16px] underline-offset-4 tracking-[0.02em] text-center md:text-left">{{ card.data.overlayContent.linkText }}</a>
{% endif %}
</div>
</div>
<div class="flex-1 flex items-center justify-center w-full card-image">
<img class="w-full max-w-[400px] dark:hidden" src="{{ section.imgLight }}" alt="">
<img class="w-full max-w-[400px] hidden dark:block" src="{{ section.imgDark }}" alt="">
<img class="w-full max-w-[400px] dark:hidden" src="{{ card.data.imgLight }}" alt="">
<img class="w-full max-w-[400px] hidden dark:block" src="{{ card.data.imgDark }}" alt="">
</div>
</div>
{% endfor %}
@ -59,8 +59,8 @@
</div>
</section>
{% for section in why_simplex_is_unique.sections %}
{% if section.overlayContent %}
{{ overlay(section) }}
{% for card in collections.whySimplexIsUnique %}
{% if card.data.overlayContent %}
{{ overlay(card.data) }}
{% endif %}
{% endfor %}

View file

@ -0,0 +1,16 @@
---
id: 1
title: "Complete privacy of your identity, profile, contacts and metadata"
desc: "Unlike any other existing messaging platform, SimpleX has no identifiers assigned to the users - not even random numbers. This protects the privacy of who you are communicating with, hiding it from SimpleX platform servers and from any observers."
imgLight: "/img/new/unique-section-1.png"
imgDark: "/img/new/unique-section-1-dark.png"
overlayContent:
overlayId: "why-simplex-is-unique-1"
overlayTitle: "Complete privacy of your identity, profile, contacts and metadata"
linkText: "Learn how it improves privacy"
showImage: true
paras:
- "Unlike any other existing messaging platform, SimpleX has no identifiers assigned to the users - not even random numbers. This protects the privacy of who you are communicating with, hiding it from SimpleX platform servers and from any observers. Unlike any other existing messaging platform, SimpleX has no identifiers assigned to the users - not even random numbers."
- "Privacy of who you are communicating with, hiding it from SimpleX platform servers and from any observers. Unlike any other existing messaging platform, SimpleX has no identifiers assigned to the users - not even random numbers."
- "This protects the privacy of who you are communicating with, hiding it from SimpleX platform servers and from any observers."
---

View file

@ -0,0 +1,14 @@
---
id: 2
title: "The best protection against spam and abuse"
desc: "Because you have no identifier on the SimpleX platform, you cannot be contacted unless you share a one-time “burner” or temporary user address."
imgLight: "/img/new/unique-section-2.png"
imgDark: "/img/new/unique-section-2-dark.png"
overlayContent:
overlayId: "why-simplex-is-unique-2"
overlayTitle: "The best protection against spam and abuse"
linkText: "Learn how it improves privacy"
showImage: true
paras:
- "Because you have no identifier on the SimpleX platform, you cannot be contacted unless you share a one-time “burner” or temporary user address."
---

View file

@ -0,0 +1,14 @@
---
id: 3
title: "Ownership, control and security of your data"
desc: "SimpleX stores all user data on client devices in a portable database format. The messages are held temporarily on SimpleX relay servers until they are received, then they are permanently deleted."
imgLight: "/img/new/unique-section-3.png"
imgDark: "/img/new/unique-section-3-dark.png"
overlayContent:
overlayId: "why-simplex-is-unique-3"
overlayTitle: "Ownership, control and security of your data"
linkText: "Learn how it improves privacy"
showImage: true
paras:
- "SimpleX stores all user data on client devices in a portable database format. The messages are held temporarily on SimpleX relay servers until they are received, then they are permanently deleted."
---

View file

@ -0,0 +1,7 @@
---
id: 4
title: "Fully decentralised users own the SimpleX network"
desc: "You can use SimpleX with your own servers and still communicate with people using the servers that are pre-configured in the apps or any other SimpleX servers. The SimpleX network is independent of any crypto currency or any other platform, other than the Internet."
imgLight: "/img/new/unique-section-4.png"
imgDark: "/img/new/unique-section-4-dark.png"
---