diff --git a/css/blog.css b/css/blog.css
index 5d2b394781..fc99561729 100644
--- a/css/blog.css
+++ b/css/blog.css
@@ -73,4 +73,4 @@ h3::before {
height: 80px;
visibility: hidden;
pointer-events: none;
-}
+}
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000000..0e5d630f6c
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,17 @@
+html {
+ scroll-behavior: smooth;
+}
+
+#comparison::before {
+ display: block;
+ content: " ";
+ margin-top: -80px;
+ height: 120px;
+ visibility: hidden;
+ pointer-events: none;
+}
+
+/* .nav-button-active{
+ background-color: #00C8FB;
+ color: #fff;
+} */
\ No newline at end of file
diff --git a/css/tailwind.css b/css/tailwind.css
index 9290aae0bf..7bd383b9a1 100644
--- a/css/tailwind.css
+++ b/css/tailwind.css
@@ -54,6 +54,18 @@
position: relative
}
+.top-\[60px\] {
+ top: 60px
+}
+
+.z-10 {
+ z-index: 10
+}
+
+.z-\[99\] {
+ z-index: 99
+}
+
.m-4 {
margin: 1rem
}
@@ -107,10 +119,22 @@
display: none
}
+.h-full {
+ height: 100%
+}
+
.h-0 {
height: 0px
}
+.w-full {
+ width: 100%
+}
+
+.flex-1 {
+ flex: 1 1 0%
+}
+
.shrink {
flex-shrink: 1
}
@@ -123,14 +147,65 @@
resize: both
}
+.flex-col {
+ flex-direction: column
+}
+
+.items-center {
+ align-items: center
+}
+
+.justify-center {
+ justify-content: center
+}
+
+.gap-\[16px\] {
+ gap: 16px
+}
+
+.gap-4 {
+ gap: 1rem
+}
+
+.self-stretch {
+ align-self: stretch
+}
+
.rounded-lg {
border-radius: 0.5rem
}
+.rounded {
+ border-radius: 0.25rem
+}
+
.border {
border-width: 1px
}
+.border-x-0 {
+ border-left-width: 0px;
+ border-right-width: 0px
+}
+
+.border-y-0 {
+ border-top-width: 0px;
+ border-bottom-width: 0px
+}
+
+.border-t-\[1px\] {
+ border-top-width: 1px
+}
+
+.border-solid {
+ border-style: solid
+}
+
+.border-yellow-200 {
+ --tw-border-opacity: 1;
+ border-color: rgb(254 240 138 / var(--tw-border-opacity))
+}
+
.bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity))
@@ -141,6 +216,11 @@
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
+.bg-\[\#fbd561\] {
+ --tw-bg-opacity: 1;
+ background-color: rgb(251 213 97 / var(--tw-bg-opacity))
+}
+
.p-1 {
padding: 0.25rem
}
@@ -163,6 +243,16 @@
padding-right: 1.5rem
}
+.px-3 {
+ padding-left: 0.75rem;
+ padding-right: 0.75rem
+}
+
+.py-4 {
+ padding-top: 1rem;
+ padding-bottom: 1rem
+}
+
.py-6 {
padding-top: 1.5rem;
padding-bottom: 1.5rem
@@ -178,6 +268,19 @@
line-height: 1.25rem
}
+.text-\[1\.4rem\] {
+ font-size: 1.4rem
+}
+
+.text-\[1\.2rem\] {
+ font-size: 1.2rem
+}
+
+.text-base {
+ font-size: 1rem;
+ line-height: 1.5rem
+}
+
.font-medium {
font-weight: 500
}
@@ -186,6 +289,10 @@
font-style: italic
}
+.tracking-\[1px\] {
+ letter-spacing: 1px
+}
+
.underline {
-webkit-text-decoration-line: underline;
text-decoration-line: underline
@@ -219,6 +326,14 @@
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
+.transition {
+ transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+ transition-duration: 150ms
+}
+
.hover\:underline:hover {
-webkit-text-decoration-line: underline;
text-decoration-line: underline
@@ -260,6 +375,10 @@
}
@media (min-width: 1024px) {
+ .lg\:flex {
+ display: flex
+ }
+
.lg\:px-16 {
padding-left: 4rem;
padding-right: 4rem
diff --git a/index.html b/index.html
index e800eda66a..143eb4eb0f 100644
--- a/index.html
+++ b/index.html
@@ -19,6 +19,8 @@
+
+
@@ -27,31 +29,146 @@
-
-
+
+
+
+
+
+
+
+
+
+
SimpleX Chat
Private & encrypted - the only platform without user identifiers!
@@ -325,7 +442,7 @@
-
+
SimpleX messaging protocol
Unidirectional (simplex) queues
@@ -349,7 +466,7 @@
-
+
Chat
Communication integrity
diff --git a/invitation/index.html b/invitation/index.html
index c4255d9ac9..6e0b17a16e 100644
--- a/invitation/index.html
+++ b/invitation/index.html
@@ -15,6 +15,7 @@
+
@@ -22,28 +23,143 @@