diff --git a/website/src/_includes/layouts/article.html b/website/src/_includes/layouts/article.html index 05c3bd0c09..73b2349e81 100644 --- a/website/src/_includes/layouts/article.html +++ b/website/src/_includes/layouts/article.html @@ -16,9 +16,17 @@
+
+ Whitepaper + Comparison + Blog +
{{ content | safe }}
diff --git a/website/src/blog.html b/website/src/blog.html index 107c502be1..cfe4696f6a 100644 --- a/website/src/blog.html +++ b/website/src/blog.html @@ -6,6 +6,7 @@ + Blogs @@ -13,9 +14,17 @@
+
+ Whitepaper + Comparison + Blog +
+
{% for blog in collections.blogs %}
@@ -65,5 +80,7 @@ + + \ No newline at end of file diff --git a/website/src/contact/index.html b/website/src/contact/index.html index 94181777c2..9f629d96aa 100644 --- a/website/src/contact/index.html +++ b/website/src/contact/index.html @@ -14,6 +14,7 @@ + @@ -44,6 +45,11 @@ +
+ Whitepaper + Comparison + Blog +
diff --git a/website/src/css/blog.css b/website/src/css/blog.css index 5d2b394781..30d49f836a 100644 --- a/website/src/css/blog.css +++ b/website/src/css/blog.css @@ -74,3 +74,16 @@ h3::before { visibility: hidden; pointer-events: none; } + +@media screen and (max-width: 1024px) { + h1::before, + h2::before, + h3::before { + display: block; + content: " "; + margin-top: -125px; + height: 125px; + visibility: hidden; + pointer-events: none; + } +} \ No newline at end of file diff --git a/website/src/css/style.css b/website/src/css/style.css new file mode 100644 index 0000000000..a11ae709d1 --- /dev/null +++ b/website/src/css/style.css @@ -0,0 +1,34 @@ +html { + scroll-behavior: smooth; +} + +h1::before, +h2::before, +h3::before +#comparison::before { + display: block; + content: " "; + margin-top: -80px; + height: 100px; + visibility: hidden; + pointer-events: none; +} + +@media screen and (max-width: 1024px) { + h1::before, + h2::before, + h3::before + #comparison::before { + display: block; + content: " "; + margin-top: -125px; + height: 205px; + visibility: hidden; + pointer-events: none; + } +} + +.nav-button-active{ + background-color: #00C8FB; + color: #fff; +} \ No newline at end of file diff --git a/website/src/index.html b/website/src/index.html index e800eda66a..a36b52d94a 100644 --- a/website/src/index.html +++ b/website/src/index.html @@ -19,6 +19,8 @@ + + @@ -28,9 +30,17 @@
+
+ Whitepaper + Comparison + Blog +
-
+

SimpleX Chat

Private & encrypted - the only platform without user identifiers!

@@ -443,6 +458,8 @@
+ + diff --git a/website/src/invitation/index.html b/website/src/invitation/index.html index c4255d9ac9..8525a2dd93 100644 --- a/website/src/invitation/index.html +++ b/website/src/invitation/index.html @@ -15,6 +15,7 @@ + @@ -22,9 +23,17 @@
+
+ Whitepaper + Comparison + Blog +
diff --git a/website/src/js/script.js b/website/src/js/script.js new file mode 100644 index 0000000000..84ede67c05 --- /dev/null +++ b/website/src/js/script.js @@ -0,0 +1,8 @@ +console.log(window.location.href) +if(window.location.href.includes('comparison')){ + console.log('Comparison'); + document.querySelector('.comparison-nav-btn').classList.add('nav-button-active'); +} +else if(window.location.href.includes('blog')){ + document.querySelector('.blog-nav-btn').classList.add('nav-button-active'); +} \ No newline at end of file