mirror of
https://github.com/simplex-chat/simplex-chat.git
synced 2026-04-26 01:02:24 +00:00
website: improve first page load (#6680)
* website: improve first page load * remove low res images * simplify * fix buttons jitter * fix color scheme toggling * fix other pages --------- Co-authored-by: Evgeny @ SimpleX Chat <259188159+evgeny-simplex@users.noreply.github.com>
This commit is contained in:
@@ -585,7 +585,7 @@ button#cross-btn {
|
||||
}
|
||||
|
||||
header#navbar nav#menu .nav-link a {
|
||||
font-family: "Manrope", "GT-Walsheim", sans-serif;
|
||||
font-family: "Manrope", sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: 18px;
|
||||
width: 100%;
|
||||
@@ -638,7 +638,7 @@ button#cross-btn {
|
||||
}
|
||||
|
||||
header#navbar nav#menu .sub-menu li a {
|
||||
font-family: "Manrope", "GT-Walsheim", sans-serif;
|
||||
font-family: "Manrope", sans-serif;
|
||||
font-weight: 300;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@@ -216,10 +216,6 @@ html {
|
||||
font-family: GT-Walsheim, Gilroy, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.dark html,
|
||||
.dark body {
|
||||
@@ -397,8 +393,8 @@ section.cover div.content {
|
||||
}
|
||||
|
||||
section.cover div.content h1 {
|
||||
font-family: "GT-Walsheim", "Manrope", sans-serif;
|
||||
font-weight: 600;
|
||||
font-family: "GT-Walsheim", sans-serif;
|
||||
font-weight: 700;
|
||||
font-size: calc(var(--sec-vwu) * 11.7);
|
||||
line-height: 0.9;
|
||||
letter-spacing: -0.025em;
|
||||
@@ -419,7 +415,7 @@ section.cover div.content h1 .medium {
|
||||
}
|
||||
|
||||
section.cover div.content h2 {
|
||||
font-family: "GT-Walsheim", "Manrope", sans-serif;
|
||||
font-family: "GT-Walsheim", sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: calc(var(--sec-vwu) * 5);
|
||||
letter-spacing: -0.025em;
|
||||
@@ -427,7 +423,7 @@ section.cover div.content h2 {
|
||||
}
|
||||
|
||||
section.cover div.content p {
|
||||
font-family: "Manrope", "GT-Walsheim", sans-serif;
|
||||
font-family: "Manrope", sans-serif;
|
||||
font-weight: 200;
|
||||
font-size: calc(var(--sec-vwu) * 2.14);
|
||||
align-items: center;
|
||||
@@ -491,7 +487,7 @@ section.cover div.content p {
|
||||
|
||||
.security-audits {
|
||||
font-size: 14px !important;
|
||||
font-family: 'Manrope', 'GT-Walsheim', sans-serif !important;
|
||||
font-family: 'Manrope', sans-serif !important;
|
||||
font-weight: 300 !important;
|
||||
color: white;
|
||||
line-height: 1.2;
|
||||
@@ -532,6 +528,14 @@ section.cover div.content p {
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
@media (min-width: 960px) {
|
||||
.socials .desktop-app-btn,
|
||||
.socials .apple-store-btn,
|
||||
.socials .google-play-btn {
|
||||
display: flex !important;
|
||||
}
|
||||
}
|
||||
|
||||
[dir="ltr"] .socials {
|
||||
right: 30px;
|
||||
}
|
||||
@@ -567,7 +571,7 @@ section.cover div.content p {
|
||||
.desktop-app-btn .btn-content p {
|
||||
margin: 0;
|
||||
font-size: 11px !important;
|
||||
font-family: 'Manrope', 'GT-Walsheim', sans-serif !important;
|
||||
font-family: 'Manrope', sans-serif !important;
|
||||
font-weight: 300 !important;
|
||||
line-height: 1.2 !important;
|
||||
text-align: left;
|
||||
@@ -593,6 +597,10 @@ section.cover div.content p {
|
||||
.socials {
|
||||
position: static;
|
||||
}
|
||||
|
||||
.socials {
|
||||
min-height: 42px;
|
||||
}
|
||||
}
|
||||
|
||||
/* --- MAIN SECTIONS --- */
|
||||
@@ -761,7 +769,7 @@ main .section-bg {
|
||||
}
|
||||
|
||||
.page .text-container h2 {
|
||||
font-family: "GT-Walsheim", "Manrope", sans-serif;
|
||||
font-family: "GT-Walsheim", sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: calc(var(--sec-vwu)*4.94);
|
||||
letter-spacing: -0.025em;
|
||||
@@ -775,7 +783,7 @@ main .section-bg {
|
||||
}
|
||||
|
||||
.page .text-container p {
|
||||
font-family: "Manrope", "GT-Walsheim", sans-serif;
|
||||
font-family: "Manrope", sans-serif;
|
||||
font-weight: 200;
|
||||
font-size: calc(var(--sec-vwu)*1.62);
|
||||
max-width: calc(var(--sec-vwu)*23);
|
||||
@@ -791,7 +799,7 @@ main .section-bg {
|
||||
}
|
||||
|
||||
.page .text-container a {
|
||||
font-family: "Manrope", "GT-Walsheim", sans-serif;
|
||||
font-family: "Manrope", sans-serif;
|
||||
font-weight: 200;
|
||||
font-size: calc(var(--sec-vwu)*1.62);
|
||||
text-decoration: underline;
|
||||
|
||||
Reference in New Issue
Block a user