From bb21516e55b2104e36ccdb8d4e6c181fc5ef7729 Mon Sep 17 00:00:00 2001 From: nevfy Date: Sun, 4 Feb 2024 22:09:33 +0400 Subject: [PATCH 01/16] fix: tabs border (#100) --- assets/scss/_styles_project.scss | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 0ca446c..2c52670 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -209,4 +209,17 @@ a.nav-link.sp-coming-soon::after { margin-left: .5rem; padding: .1rem .5rem; border-radius: .1rem; +} + +.tab-content .tab-pane { + border: 1px solid rgba(0, 0, 0, 0.125) !important; + border-radius: 0px .25rem .25rem .25rem; +} + +.nav-tabs { + border: none !important; +} + +.td-content ul li, .td-content ol li { + margin-bottom: unset !important; } \ No newline at end of file From 24155de39c520a4f1e917968e81d8af9f89b4141 Mon Sep 17 00:00:00 2001 From: nevfy Date: Sun, 4 Feb 2024 22:25:41 +0400 Subject: [PATCH 02/16] fix: tab hover --- assets/scss/_styles_project.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 2c52670..7a2c1b0 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -220,6 +220,14 @@ a.nav-link.sp-coming-soon::after { border: none !important; } +.nav-tabs a:not(.active).nav-link:hover { + background-color: #0d6efd11; +} + .td-content ul li, .td-content ol li { margin-bottom: unset !important; +} + +.tab-content div { + transition: none; } \ No newline at end of file From 9077451d1ed69cb04018769d85eb02828bee8fac Mon Sep 17 00:00:00 2001 From: nevfy Date: Sun, 4 Feb 2024 22:48:27 +0400 Subject: [PATCH 03/16] feat: move docsy overrides to a separate file --- assets/scss/_styles_project.scss | 34 +-------------- assets/scss/docsy_overrides.scss | 74 ++++++++++++++++++++++++++++++++ 2 files changed, 75 insertions(+), 33 deletions(-) create mode 100644 assets/scss/docsy_overrides.scss diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 0ca446c..5276f65 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -1,32 +1,4 @@ -.td-navbar { - background: $dark; - min-height: 5rem; - .navbar-brand__name { - display: none; - } - .nav-link { - color: $secondary !important; - font-weight: 600; - } - .nav-link:hover, .nav-link.active{ - background-color: #616161; - color: white; - border-radius: 5px; - } -} - -.td-breadcrumbs__single { - visibility: hidden; -} - -.td-navbar .td-navbar-nav-scroll { - height: unset !important; - margin-top: unset !important; -} - -.td-navbar .td-navbar-nav-scroll .nav-link { - padding: .5rem 1.5rem; -} +@import "docsy_overrides"; .sp-footer a.nav-link span { width: 2rem; @@ -40,10 +12,6 @@ margin: auto; } -.td-navbar .td-navbar-nav-scroll .navbar-nav { - padding-bottom: 0 !important; -} - .nav-item { margin-right: .5rem !important; } diff --git a/assets/scss/docsy_overrides.scss b/assets/scss/docsy_overrides.scss new file mode 100644 index 0000000..85820d2 --- /dev/null +++ b/assets/scss/docsy_overrides.scss @@ -0,0 +1,74 @@ +.td-navbar { + background: $dark; + min-height: 5rem; + .navbar-brand__name { + display: none; + } + .nav-link { + color: $secondary !important; + font-weight: 600; + } + .nav-link:hover, .nav-link.active{ + background-color: #616161; + color: white; + border-radius: 5px; + } + .td-navbar-nav-scroll { + height: unset !important; + margin-top: unset !important; + } + .td-navbar-nav-scroll .nav-link { + padding: .5rem 1.5rem; + } + .td-navbar-nav-scroll .navbar-nav { + padding-bottom: 0 !important; + } +} + +.td-breadcrumbs__single { + visibility: hidden; +} + +.td-sidebar-nav .td-sidebar-link__page, +ul.ul-2>.td-sidebar-nav__section-title a { + color: #616161 !important; + font-weight: 400; +} + +ul.ul-2>.td-sidebar-nav__section-title a:hover { + color: $blue !important; +} + +.td-toc ul { + margin-top: 1rem; + } + + .td-toc li { + display: block; + padding-bottom: .5rem; + } + + .td-toc a{ + display: inline !important; + } + + .tab-content .tab-pane { + border: 1px solid rgba(0, 0, 0, 0.125) !important; + border-radius: 0px .25rem .25rem .25rem; + } + + .nav-tabs { + border: none !important; + } + + .nav-tabs a:not(.active).nav-link:hover { + background-color: #0d6efd11; + } + + .td-content ul li, .td-content ol li { + margin-bottom: unset !important; + } + + .tab-content div { + transition: none; + } \ No newline at end of file From 7e257894f2875f8cc9a888d53848d57d5ac0fc7e Mon Sep 17 00:00:00 2001 From: nevfy Date: Sun, 4 Feb 2024 23:09:40 +0400 Subject: [PATCH 04/16] fix: use sass nesting --- assets/scss/_styles_project.scss | 92 ++++-------------------------- assets/scss/docsy_overrides.scss | 98 +++++++++++++++++++++++--------- 2 files changed, 80 insertions(+), 110 deletions(-) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 5276f65..2713c20 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -1,72 +1,5 @@ @import "docsy_overrides"; -.sp-footer a.nav-link span { - width: 2rem; - display: inline-flex; - align-items: center; - border-radius: .1rem; - padding: .5rem; -} - -.sp-footer span i { - margin: auto; -} - -.nav-item { - margin-right: .5rem !important; -} - -.dropdown-menu { - right: 0; - left: unset; - padding: 0px; - box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25); -} - -.dropdown-item { - padding: 0.5rem 1.5rem; - border-radius: 0.25rem; -} - -.td-sidebar-nav .td-sidebar-link__page, -ul.ul-2>.td-sidebar-nav__section-title a { - color: #616161 !important; - font-weight: 400; -} - -ul.ul-2>.td-sidebar-nav__section-title a:hover { - color: $blue !important; -} - -li:has(input[type="checkbox"]) { - list-style-type: none; -} - - .td-toc ul { - margin-top: 1rem; -} - -.td-toc li { - display: block; - padding-bottom: .5rem; -} - -.td-toc a{ - display: inline !important; -} - -@media (min-width: 768px) { - .td-sidebar { - padding-top: 5rem; - } - .td-404 main, .td-main main { - padding-top: 6.5rem; - } - .td-sidebar-toc { - padding-top: 2.75rem; - } -} - .rounded-img { border-radius: 1rem; } @@ -84,10 +17,6 @@ li:has(input[type="checkbox"]) { padding-top: 0.8rem; } -.btn { - font-weight: 600; -} - .sp-feature-title { font-weight: 600; } @@ -97,23 +26,26 @@ li:has(input[type="checkbox"]) { font-weight: 600; padding: 0.3rem 0; color: $navbar-dark-color; - &:hover { color: $navbar-dark-hover-color; } - &:active { color: $navbar-dark-active-color; } - &:disabled { color: $navbar-dark-disabled-color; } + span { + width: 2rem; + display: inline-flex; + align-items: center; + border-radius: .1rem; + padding: .5rem; + } + } + span i { + margin: auto; } -} - -.text-secondary { - font-weight: 600; } .sp-service-icon { @@ -135,10 +67,6 @@ li:has(input[type="checkbox"]) { margin-top: 6rem; } -.tab-content .tab-pane { - max-width: 100% !important; -} - .sp-supperted-by-img { max-height: 5rem; margin: 1rem; diff --git a/assets/scss/docsy_overrides.scss b/assets/scss/docsy_overrides.scss index 85820d2..c682641 100644 --- a/assets/scss/docsy_overrides.scss +++ b/assets/scss/docsy_overrides.scss @@ -39,36 +39,78 @@ ul.ul-2>.td-sidebar-nav__section-title a:hover { color: $blue !important; } -.td-toc ul { - margin-top: 1rem; - } - - .td-toc li { - display: block; - padding-bottom: .5rem; - } - - .td-toc a{ - display: inline !important; - } +.td-toc { + ul { + margin-top: 1rem; + } + li { + display: block; + padding-bottom: .5rem; + } + a { + display: inline !important; + } +} - .tab-content .tab-pane { - border: 1px solid rgba(0, 0, 0, 0.125) !important; - border-radius: 0px .25rem .25rem .25rem; - } - - .nav-tabs { +.tab-content { + .tab-pane { + border: 1px solid rgba(0, 0, 0, 0.125) !important; + border-radius: 0px .25rem .25rem .25rem; + } + ul li, ol li { + margin-bottom: unset !important; + } + div { + transition: none; + } + .tab-pane { + max-width: 100% !important; + } +} + +.nav-tabs { border: none !important; - } + a:not(.active).nav-link:hover { + background-color: #0d6efd11; + } +} + +.nav-item { + margin-right: .5rem !important; +} - .nav-tabs a:not(.active).nav-link:hover { - background-color: #0d6efd11; - } +.dropdown-menu { + right: 0; + left: unset; + padding: 0px; + box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25); +} - .td-content ul li, .td-content ol li { - margin-bottom: unset !important; - } +.dropdown-item { + padding: 0.5rem 1.5rem; + border-radius: 0.25rem; +} - .tab-content div { - transition: none; - } \ No newline at end of file +li:has(input[type="checkbox"]) { + list-style-type: none; +} + +.btn { + font-weight: 600; +} + +.text-secondary { + font-weight: 600; +} + +@media (min-width: 768px) { + .td-sidebar { + padding-top: 5rem; + } + .td-404 main, .td-main main { + padding-top: 6.5rem; + } + .td-sidebar-toc { + padding-top: 2.75rem; + } +} \ No newline at end of file From 2c556abba05e030f38de1081dea599e834ddbe6c Mon Sep 17 00:00:00 2001 From: nevfy Date: Sun, 4 Feb 2024 23:16:04 +0400 Subject: [PATCH 05/16] fix: more sass nesting --- assets/scss/docsy_overrides.scss | 30 +++++++++++++----------------- 1 file changed, 13 insertions(+), 17 deletions(-) diff --git a/assets/scss/docsy_overrides.scss b/assets/scss/docsy_overrides.scss index c682641..d383e5e 100644 --- a/assets/scss/docsy_overrides.scss +++ b/assets/scss/docsy_overrides.scss @@ -10,18 +10,17 @@ } .nav-link:hover, .nav-link.active{ background-color: #616161; - color: white; border-radius: 5px; } .td-navbar-nav-scroll { height: unset !important; margin-top: unset !important; - } - .td-navbar-nav-scroll .nav-link { - padding: .5rem 1.5rem; - } - .td-navbar-nav-scroll .navbar-nav { - padding-bottom: 0 !important; + .nav-link { + padding: .5rem 1.5rem; + } + .navbar-nav { + padding-bottom: 0 !important; + } } } @@ -31,12 +30,12 @@ .td-sidebar-nav .td-sidebar-link__page, ul.ul-2>.td-sidebar-nav__section-title a { - color: #616161 !important; - font-weight: 400; + color: #616161 !important; + font-weight: 400; } ul.ul-2>.td-sidebar-nav__section-title a:hover { - color: $blue !important; + color: $blue !important; } .td-toc { @@ -95,22 +94,19 @@ li:has(input[type="checkbox"]) { list-style-type: none; } -.btn { - font-weight: 600; -} - +.btn, .text-secondary { font-weight: 600; } @media (min-width: 768px) { .td-sidebar { - padding-top: 5rem; + padding-top: 5rem; } .td-404 main, .td-main main { - padding-top: 6.5rem; + padding-top: 6.5rem; } .td-sidebar-toc { - padding-top: 2.75rem; + padding-top: 2.75rem; } } \ No newline at end of file From 4f786bf803371cd663a1144553ecd9a4a7e500a8 Mon Sep 17 00:00:00 2001 From: nevfy Date: Sun, 4 Feb 2024 23:25:23 +0400 Subject: [PATCH 06/16] fix: add variables --- assets/scss/_styles_project.scss | 2 +- assets/scss/_variables_project.scss | 4 ++++ assets/scss/docsy_overrides.scss | 6 +++--- 3 files changed, 8 insertions(+), 4 deletions(-) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 2713c20..3e52b19 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -81,7 +81,7 @@ .sp-supported-by-card { background: #FFFFFF; - box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25); + box-shadow: $shadow; border-radius: 10px; border: none; margin-top: 1rem; diff --git a/assets/scss/_variables_project.scss b/assets/scss/_variables_project.scss index c284a43..642d12f 100644 --- a/assets/scss/_variables_project.scss +++ b/assets/scss/_variables_project.scss @@ -6,7 +6,11 @@ Add styles or override variables from the theme here. $primary: #7EB07F; $secondary: #F2C94C; +$gray: #616161; $dark: #30312C; +$bg-color: whitesmoke; + +$shadow: 0 8px 8px rgba(0, 0, 0, 0.25); $td-enable-google-fonts: false; $google_font_name: "Montserrat"; diff --git a/assets/scss/docsy_overrides.scss b/assets/scss/docsy_overrides.scss index d383e5e..5702ce0 100644 --- a/assets/scss/docsy_overrides.scss +++ b/assets/scss/docsy_overrides.scss @@ -9,7 +9,7 @@ font-weight: 600; } .nav-link:hover, .nav-link.active{ - background-color: #616161; + background-color: $gray; border-radius: 5px; } .td-navbar-nav-scroll { @@ -30,7 +30,7 @@ .td-sidebar-nav .td-sidebar-link__page, ul.ul-2>.td-sidebar-nav__section-title a { - color: #616161 !important; + color: $gray !important; font-weight: 400; } @@ -82,7 +82,7 @@ ul.ul-2>.td-sidebar-nav__section-title a:hover { right: 0; left: unset; padding: 0px; - box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25); + box-shadow: $shadow; } .dropdown-item { From 34d991ff5036b8746297e7828def365d0870f70a Mon Sep 17 00:00:00 2001 From: nevfy Date: Sun, 4 Feb 2024 23:35:17 +0400 Subject: [PATCH 07/16] fix: more nesting --- assets/scss/_styles_project.scss | 21 ++++++++++----------- assets/scss/docsy_overrides.scss | 19 ++++++++----------- 2 files changed, 18 insertions(+), 22 deletions(-) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 3e52b19..a857511 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -88,21 +88,20 @@ } body { - background-color: whitesmoke; + background-color: $bg-color; } a.nav-link.sp-coming-soon { pointer-events: none; cursor: default; color: #616161; + &::after { + content: "Coming soon!"; + display: inline-block; + background-color: #616161; + color: $dark; + margin-left: .5rem; + padding: .1rem .5rem; + border-radius: .1rem; + } } - -a.nav-link.sp-coming-soon::after { - content: "Coming soon!"; - display: inline-block; - background-color: #616161; - color: $dark; - margin-left: .5rem; - padding: .1rem .5rem; - border-radius: .1rem; -} \ No newline at end of file diff --git a/assets/scss/docsy_overrides.scss b/assets/scss/docsy_overrides.scss index 5702ce0..6439f98 100644 --- a/assets/scss/docsy_overrides.scss +++ b/assets/scss/docsy_overrides.scss @@ -7,10 +7,10 @@ .nav-link { color: $secondary !important; font-weight: 600; - } - .nav-link:hover, .nav-link.active{ - background-color: $gray; - border-radius: 5px; + &:hover, &.nav-link.active{ + background-color: $gray; + border-radius: 5px; + } } .td-navbar-nav-scroll { height: unset !important; @@ -32,10 +32,9 @@ ul.ul-2>.td-sidebar-nav__section-title a { color: $gray !important; font-weight: 400; -} - -ul.ul-2>.td-sidebar-nav__section-title a:hover { - color: $blue !important; + &:hover { + color: $blue !important; + } } .td-toc { @@ -55,6 +54,7 @@ ul.ul-2>.td-sidebar-nav__section-title a:hover { .tab-pane { border: 1px solid rgba(0, 0, 0, 0.125) !important; border-radius: 0px .25rem .25rem .25rem; + max-width: 100% !important; } ul li, ol li { margin-bottom: unset !important; @@ -62,9 +62,6 @@ ul.ul-2>.td-sidebar-nav__section-title a:hover { div { transition: none; } - .tab-pane { - max-width: 100% !important; - } } .nav-tabs { From 1dd43956f2655d165616f3aea38e7bba078abfa8 Mon Sep 17 00:00:00 2001 From: nevfy Date: Mon, 5 Feb 2024 22:28:43 +0400 Subject: [PATCH 08/16] fix: tab style --- assets/scss/_styles_project.scss | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index b55ba87..7977028 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -275,6 +275,27 @@ a.nav-link.sp-coming-soon::after { border: none !important; } +.nav-tabs .nav-item .nav-link.active { + border-color: transparent transparent white transparent !important; +} + +.nav-item .nav-link { + border: none !important; + box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25); +} + +.tab-body { + background-color: white; + border: none !important; + position: relative; + z-index: 1; +} + +.tab-content .tab-pane { + border: none !important; + box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25); +} + .nav-tabs a:not(.active).nav-link:hover { background-color: #0d6efd11; } From 21508896dd6c60e63b42263c818680cf8b78d656 Mon Sep 17 00:00:00 2001 From: nevfy Date: Mon, 5 Feb 2024 22:35:23 +0400 Subject: [PATCH 09/16] fix: remove shadow from header items --- assets/scss/_styles_project.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 7977028..d97d184 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -279,7 +279,7 @@ a.nav-link.sp-coming-soon::after { border-color: transparent transparent white transparent !important; } -.nav-item .nav-link { +.nav-tabs .nav-item .nav-link { border: none !important; box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25); } From 23d317a71151b3b75897784b13adb4be867382a2 Mon Sep 17 00:00:00 2001 From: nevfy Date: Tue, 6 Feb 2024 19:43:01 +0400 Subject: [PATCH 10/16] fix: tabs blocked by h3 --- assets/scss/_styles_project.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index d97d184..99017c1 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -291,6 +291,10 @@ a.nav-link.sp-coming-soon::after { z-index: 1; } +.tab-body h3:before { + content: none; +} + .tab-content .tab-pane { border: none !important; box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25); From 3145d5751103fb0b54cd40916327a54165d2f248 Mon Sep 17 00:00:00 2001 From: Inex Code Date: Thu, 8 Feb 2024 15:39:50 +0300 Subject: [PATCH 11/16] fix: Link to fdroid --- layouts/partials/footer.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index a0d92b1..a77b83c 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -44,7 +44,7 @@

{{ T "footer_download" }}

{{ T "footer_download_phone" }}

- \ No newline at end of file + From 9a3115468d7dc7ade4901f8d6b8a373aeaa1d72f Mon Sep 17 00:00:00 2001 From: nevfy Date: Fri, 9 Feb 2024 05:11:02 +0400 Subject: [PATCH 12/16] fix: resolve conflict --- assets/scss/_styles_project.scss | 222 ++++------------------------ assets/scss/_variables_project.scss | 4 + assets/scss/docsy_overrides.scss | 195 ++++++++++++++++++++++++ layouts/partials/footer.html | 4 +- 4 files changed, 226 insertions(+), 199 deletions(-) create mode 100644 assets/scss/docsy_overrides.scss diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 99017c1..a3324e1 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -1,37 +1,4 @@ -.td-navbar { - background: $dark; - min-height: 5rem; - .navbar-brand__name { - display: none; - } - .nav-link { - color: $secondary !important; - font-weight: 600; - border-radius: 5px; - } - .nav-link:hover { - background-color: #61616144; - transition: background-color 0.2s ease-in-out; - } - - .nav-link.active{ - background-color: #616161; - color: white; - } -} - -.td-breadcrumbs__single { - visibility: hidden; -} - -.td-navbar .td-navbar-nav-scroll { - height: unset !important; - margin-top: unset !important; -} - -.td-navbar .td-navbar-nav-scroll .nav-link { - padding: .5rem 1.5rem; -} +@import "docsy_overrides"; .sp-footer h2, .sp-footer h3, @@ -57,103 +24,6 @@ margin: auto; } -.td-navbar .td-navbar-nav-scroll .navbar-nav { - padding-bottom: 0 !important; -} - -.nav-item { - margin-right: .5rem !important; -} - -.dropdown-menu { - right: 0; - left: unset; - padding: 0px; - box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25); -} - -.dropdown-item { - padding: 0.5rem 1.5rem; - border-radius: 0.25rem; -} - -.td-sidebar-nav-active-item { - color: $primary !important; - font-weight: 600; -} - -.td-sidebar-nav .td-sidebar-link__page, -ul.ul-2>.td-sidebar-nav__section-title a { - color: #616161 !important; - font-weight: 400; - padding: .3rem .8rem !important; - border-radius: .3rem; - margin: .1rem !important; -} - -.td-sidebar-link.td-sidebar-link__section { - border-radius: .3rem; - padding: .3rem .8rem !important; - margin: .1rem !important; -} - -.td-sidebar-link.td-sidebar-link__section:hover { - color: $primary !important; - background-color: #7EB07F11; - transition: background-color 0.2s ease-in-out; - transition: color 0.2s ease-in-out; -} - -.td-sidebar-nav a.active { - color: $primary !important; - background-color: #7EB07F22; -} - -ul.ul-2 { - padding: 0; -} - -ul.ul-2>.td-sidebar-nav__section-title a:hover { - color: $primary !important; - background-color: #7EB07F11; - transition: background-color 0.2s ease-in-out; - transition: color 0.2s ease-in-out; -} - -ul.ul-0 li a.tree-root, -h5.taxonomy-title { - display: none !important; -} - -li:has(input[type="checkbox"]) { - list-style-type: none; -} - -.td-toc ul { - margin-top: 1rem; -} - -.td-toc li { - display: block; - padding-bottom: .5rem; -} - -.td-toc a{ - display: inline !important; -} - -@media (min-width: 768px) { - .td-sidebar { - padding-top: 5rem; - } - .td-404 main, .td-main main { - padding-top: 6.5rem; - } - .td-sidebar-toc { - padding-top: 2.75rem; - } -} - .rounded-img { border-radius: 1rem; } @@ -171,10 +41,6 @@ li:has(input[type="checkbox"]) { padding-top: 0.8rem; } -.btn { - font-weight: 600; -} - .sp-feature-title { font-weight: 600; } @@ -184,23 +50,26 @@ li:has(input[type="checkbox"]) { font-weight: 600; padding: 0.3rem 0; color: $navbar-dark-color; - &:hover { color: $navbar-dark-hover-color; } - &:active { color: $navbar-dark-active-color; } - &:disabled { color: $navbar-dark-disabled-color; } + span { + width: 2rem; + display: inline-flex; + align-items: center; + border-radius: .1rem; + padding: .5rem; + } + } + span i { + margin: auto; } -} - -.text-secondary { - font-weight: 600; } .sp-service-icon { @@ -212,7 +81,7 @@ li:has(input[type="checkbox"]) { } .sp-service-card { - background: #FFFFFF; + background: white; box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25); border-radius: 10px; border: none; @@ -222,10 +91,6 @@ li:has(input[type="checkbox"]) { margin-top: 6rem; } -.tab-content .tab-pane { - max-width: 100% !important; -} - .sp-supperted-by-img { max-height: 5rem; margin: 1rem; @@ -239,21 +104,30 @@ li:has(input[type="checkbox"]) { } .sp-supported-by-card { - background: #FFFFFF; - box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25); + background: white; + box-shadow: $shadow; border-radius: 10px; border: none; margin-top: 1rem; } body { - background-color: whitesmoke; + background-color: $bg-color; } a.nav-link.sp-coming-soon { pointer-events: none; cursor: default; - color: #616161; + color: $gray; + &::after { + content: "Coming soon!"; + display: inline-block; + background-color: $gray; + color: $dark; + margin-left: .5rem; + padding: .1rem .5rem; + border-radius: .1rem; + } } a.nav-link.sp-coming-soon::after { @@ -264,50 +138,4 @@ a.nav-link.sp-coming-soon::after { margin-left: .5rem; padding: .1rem .5rem; border-radius: .1rem; -} - -.tab-content .tab-pane { - border: 1px solid rgba(0, 0, 0, 0.125) !important; - border-radius: 0px .25rem .25rem .25rem; -} - -.nav-tabs { - border: none !important; -} - -.nav-tabs .nav-item .nav-link.active { - border-color: transparent transparent white transparent !important; -} - -.nav-tabs .nav-item .nav-link { - border: none !important; - box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25); -} - -.tab-body { - background-color: white; - border: none !important; - position: relative; - z-index: 1; -} - -.tab-body h3:before { - content: none; -} - -.tab-content .tab-pane { - border: none !important; - box-shadow: 0 8px 8px rgba(0, 0, 0, 0.25); -} - -.nav-tabs a:not(.active).nav-link:hover { - background-color: #0d6efd11; -} - -.td-content ul li, .td-content ol li { - margin-bottom: unset !important; -} - -.tab-content div { - transition: none; } \ No newline at end of file diff --git a/assets/scss/_variables_project.scss b/assets/scss/_variables_project.scss index c284a43..642d12f 100644 --- a/assets/scss/_variables_project.scss +++ b/assets/scss/_variables_project.scss @@ -6,7 +6,11 @@ Add styles or override variables from the theme here. $primary: #7EB07F; $secondary: #F2C94C; +$gray: #616161; $dark: #30312C; +$bg-color: whitesmoke; + +$shadow: 0 8px 8px rgba(0, 0, 0, 0.25); $td-enable-google-fonts: false; $google_font_name: "Montserrat"; diff --git a/assets/scss/docsy_overrides.scss b/assets/scss/docsy_overrides.scss new file mode 100644 index 0000000..02a2e28 --- /dev/null +++ b/assets/scss/docsy_overrides.scss @@ -0,0 +1,195 @@ +.td-navbar { + background: $dark; + min-height: 5rem; + .navbar-brand__name { + display: none; + } + .nav-link { + color: $secondary !important; + font-weight: 600; + border-radius: 5px; + &:hover { + background-color: #61616144; + transition: background-color 0.2s ease-in-out; + } + &.nav-link.active { + background-color: #616161; + } + } + .td-navbar-nav-scroll { + height: unset !important; + margin-top: unset !important; + .nav-link { + padding: .5rem 1.5rem; + } + .navbar-nav { + padding-bottom: 0 !important; + } + } +} + +.td-breadcrumbs__single { + visibility: hidden; +} + +.td-sidebar-nav .td-sidebar-link__page, +ul.ul-2>.td-sidebar-nav__section-title a { + color: $gray !important; + font-weight: 400; + &:hover { + color: $blue !important; + } +} + +ul.ul-2 { + padding: 0; + &>.td-sidebar-nav__section-title a:hover { + color: $primary !important; + background-color: #7EB07F11; + transition: background-color 0.2s ease-in-out; + transition: color 0.2s ease-in-out; + } +} + +ul.ul-0 li a.tree-root, +h5.taxonomy-title { + display: none !important; +} + +.nav-item { + margin-right: .5rem !important; + } + +.td-sidebar-nav-active-item { + color: $primary !important; + font-weight: 600; +} + +.td-sidebar-nav a.active { + color: $primary !important; + background-color: #7EB07F22; +} + +.td-sidebar-link { +&.td-sidebar-link__section, &.td-sidebar-link__page { + border-radius: .3rem; + padding: .3rem .8rem !important; + margin: .1rem !important; + + &:hover { + color: $primary !important; + background-color: #7EB07F11; + transition: background-color 0.2s ease-in-out; + transition: color 0.2s ease-in-out; + } +} +} + +.td-toc { + ul { + margin-top: 1rem; + } + li { + display: block; + padding-bottom: .5rem; + } + a { + display: inline !important; + } +} + +.tab-content { + .tab-pane { + border: 1px solid rgba(0, 0, 0, 0.125) !important; + border-radius: 0px .25rem .25rem .25rem; + max-width: 100% !important; + } + ul li, ol li { + margin-bottom: unset !important; + } + div { + transition: none; + } +} + +.nav-tabs { + border: none !important; + a:not(.active).nav-link:hover { + background-color: #0d6efd11; + } +} + +.nav-item { + margin-right: .5rem !important; +} + +.dropdown-menu { + right: 0; + left: unset; + padding: 0px; + box-shadow: $shadow; +} + +.dropdown-item { + padding: 0.5rem 1.5rem; + border-radius: 0.25rem; +} + +li:has(input[type="checkbox"]) { + list-style-type: none; +} + +.btn, +.text-secondary { + font-weight: 600; +} + +.tab-content { + .tab-pane { + border: none !important; + box-shadow: $shadow; + } + div { + transition: none; + } +} + +.nav-tabs { + border: none !important; + + .nav-item { + .nav-link { + border: none !important; + box-shadow: $shadow; + margin-bottom: -4px; + } + .nav-link.active { + border-color: transparent transparent white transparent !important; + } + } + a:not(.active).nav-link:hover { + background-color: #0d6efd11; + } +} + +.tab-body { + background-color: white; + border: none !important; + position: relative; + z-index: 1; + h3:before { + content: none; + } +} + +@media (min-width: 768px) { + .td-sidebar { + padding-top: 5rem; + } + .td-404 main, .td-main main { + padding-top: 6.5rem; + } + .td-sidebar-toc { + padding-top: 2.75rem; + } +} \ No newline at end of file diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index a0d92b1..a77b83c 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -44,7 +44,7 @@

{{ T "footer_download" }}

{{ T "footer_download_phone" }}

- \ No newline at end of file + From 834529628015d7d9fa84ce32f8391427d0965655 Mon Sep 17 00:00:00 2001 From: nevfy Date: Fri, 9 Feb 2024 21:19:13 +0400 Subject: [PATCH 13/16] fix: bad merge --- assets/scss/docsy_overrides.scss | 3 --- 1 file changed, 3 deletions(-) diff --git a/assets/scss/docsy_overrides.scss b/assets/scss/docsy_overrides.scss index 159e76f..02a2e28 100644 --- a/assets/scss/docsy_overrides.scss +++ b/assets/scss/docsy_overrides.scss @@ -144,7 +144,6 @@ li:has(input[type="checkbox"]) { font-weight: 600; } -<<<<<<< HEAD .tab-content { .tab-pane { border: none !important; @@ -183,8 +182,6 @@ li:has(input[type="checkbox"]) { } } -======= ->>>>>>> upstream/master @media (min-width: 768px) { .td-sidebar { padding-top: 5rem; From 2d801c93aa4aa28a62483e712f762fde8da110d2 Mon Sep 17 00:00:00 2001 From: def Date: Wed, 7 Feb 2024 22:52:27 +0200 Subject: [PATCH 14/16] docs: update architecture ru --- content/ru/docs/Theory/architecture.md | 25 +++++++++++++++++-------- 1 file changed, 17 insertions(+), 8 deletions(-) diff --git a/content/ru/docs/Theory/architecture.md b/content/ru/docs/Theory/architecture.md index 039a725..6a75d26 100644 --- a/content/ru/docs/Theory/architecture.md +++ b/content/ru/docs/Theory/architecture.md @@ -7,11 +7,11 @@ description: > Как организован проект и как он работает. --- -Да, вы можете использовать kubernetes. Но зачем, если неизменяемость обеспечивается NixOS? +Да, вы можете использовать kubernetes. Но зачем, если неизменяемость обеспечивается благодаря NixOS? -**Мобильное приложение:** [Flutter](https://flutter.dev/)/[Dart](https://dart.dev/) выбрали из-за скорости и плавности работы UI, а также очень соблазнительна их кроссплатформенность. +**Пользовательское приложение:** [Flutter](https://flutter.dev/)/[Dart](https://dart.dev/) выбрали из-за скорости и плавности работы UI, а также очень соблазнительна их кроссплатформенность. -**Бэкенд**: [NixOS](https://nixos.org/) + [Python](https://www.python.org/). NixOS выбран из-за воспроизводимости, Python из-за универсальности и популярности. +**Серверная сторона**: [NixOS](https://nixos.org/) + [Python](https://www.python.org/). NixOS выбран из-за воспроизводимости, Python из-за универсальности и популярности. # Сервис-провайдеры **Нам не платит ни один сервис-провайдер!** Мы никак с ними не аффилированы. Выбирали исключительно из профессиональных соображений. Но не исключаем партнерство в будущем. @@ -23,8 +23,6 @@ SelfPrivacy поддерживает два хостинг провайдера: Оба были выбранны из-за низкой цены и приемлемого уровня сервиса, качественного REST API. -Hetzer не был замечен в проблемах с приватностью и сбором данных. - Кандидаты: - Свой личный железный сервер. **Сейчас наш основной приоритет**; - Сервис-провайдер, который предоставит API для разворачивания железного сервера. Вне [FVEY](https://en.wikipedia.org/wiki/Five_Eyes); @@ -34,7 +32,18 @@ Hetzer не был замечен в проблемах с приватност Еще есть бесплатный [Oracle Cloud](https://docs.oracle.com/en-us/iaas/Content/FreeTier/freetier_topic-Always_Free_Resources.htm), но там где вы не платите, обычно вы и есть товар. ### DNS -[Cloudlare](https://cloudflare.com) надежность, бесплатность. Вероятно, собирает данные, иначе сложно объяснить зачем бесплатно проксировать чужой трафик. В нашем случае используем только как DNS-сервер и ничего не проксируем. В будущем заменим на self-hosted DNS, как только решим проблему надежности. -### Backup repository -[Backblaze](https://www.backblaze.com/) бесплатно и в разы дешевле AWS. Не замечен в сборе данных. [Публикует](https://www.backblaze.com/blog/open-source-data-storage-server/) в open source наработки железа, на котором работает. Также [делится](https://www.backblaze.com/b2/hard-drive-test-data.html) очень полезной статистикой по отказам дисков, на основе которых можно выбрать себе наиболее надежный и проверенный. В будущем, возможно, заменим на self-hosted решение или p2p. Сейчас это не основной приоритет, так как данные шифруются, а сервис-провайдер видит только IP-адрес Вашего сервера (а не домашний). \ No newline at end of file +На выбор [Cloudlare](https://cloudflare.com) или [deSEC](https://desec.io/). + +[deSEC](https://desec.io/) — более приватный вариант, рекомендуется по умолчанию. + +[Cloudlare](https://cloudflare.com) — вероятно, собирает данные, иначе сложно объяснить зачем бесплатно проксировать чужой трафик. **В нашем случае мы используем его только как DNS-сервер и ничего не проксируем.** + +В будущем сделаем self-hosted DNS, как только решим проблему надежности. + +### Резервные копии +Испольуем — [Backblaze](https://www.backblaze.com/) + +Провайдер бесплатен (первые 20гб) и в разы дешевле AWS, не замечен в сборе данных. [Публикует](https://www.backblaze.com/blog/open-source-data-storage-server/) в open source наработки железа, на котором работает. Также [делится](https://www.backblaze.com/b2/hard-drive-test-data.html) очень полезной статистикой по отказам дисков, на основе которых можно выбрать себе наиболее надежный и проверенный. + +В будущем, возможно, заменим на self-hosted решение или p2p. **Сейчас это не основной приоритет, так как данные шифруются, а сервис-провайдер видит только IP-адрес вашего сервера, а не устройства с приложением.** \ No newline at end of file From 26aabc42a8169c814e34f9844ded303c9f58e52b Mon Sep 17 00:00:00 2001 From: dettlaff Date: Thu, 8 Feb 2024 19:13:35 +0400 Subject: [PATCH 15/16] docs: add digital ocean dns --- content/ru/docs/Theory/architecture.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/ru/docs/Theory/architecture.md b/content/ru/docs/Theory/architecture.md index 6a75d26..3d10fe5 100644 --- a/content/ru/docs/Theory/architecture.md +++ b/content/ru/docs/Theory/architecture.md @@ -33,11 +33,11 @@ SelfPrivacy поддерживает два хостинг провайдера: ### DNS -На выбор [Cloudlare](https://cloudflare.com) или [deSEC](https://desec.io/). +На выбор [Cloudlare](https://cloudflare.com), [deSEC](https://desec.io/) или [DigitalOcean DNS](https://www.digitalocean.com/). [deSEC](https://desec.io/) — более приватный вариант, рекомендуется по умолчанию. -[Cloudlare](https://cloudflare.com) — вероятно, собирает данные, иначе сложно объяснить зачем бесплатно проксировать чужой трафик. **В нашем случае мы используем его только как DNS-сервер и ничего не проксируем.** +[Cloudlare](https://cloudflare.com) и [DigitalOcean DNS](https://www.digitalocean.com) вероятно, собирают данные в режиме проксирования трафика, иначе сложно объяснить, зачем предоставлять подобное бесплатно. **В нашем случае мы ничего не проксируем, а используем его только как DNS-сервер.** В будущем сделаем self-hosted DNS, как только решим проблему надежности. From ab1feb9ef6fe35364f7271a6b8def6f16540f51d Mon Sep 17 00:00:00 2001 From: dettlaff Date: Thu, 8 Feb 2024 19:14:32 +0400 Subject: [PATCH 16/16] docs: fix ru typo --- content/ru/docs/Theory/architecture.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/content/ru/docs/Theory/architecture.md b/content/ru/docs/Theory/architecture.md index 3d10fe5..779104a 100644 --- a/content/ru/docs/Theory/architecture.md +++ b/content/ru/docs/Theory/architecture.md @@ -37,7 +37,7 @@ SelfPrivacy поддерживает два хостинг провайдера: [deSEC](https://desec.io/) — более приватный вариант, рекомендуется по умолчанию. -[Cloudlare](https://cloudflare.com) и [DigitalOcean DNS](https://www.digitalocean.com) вероятно, собирают данные в режиме проксирования трафика, иначе сложно объяснить, зачем предоставлять подобное бесплатно. **В нашем случае мы ничего не проксируем, а используем его только как DNS-сервер.** +[Cloudlare](https://cloudflare.com) и [DigitalOcean DNS](https://www.digitalocean.com) вероятно, собирают данные в режиме проксирования трафика, иначе сложно объяснить, зачем предоставлять подобное бесплатно. **В нашем случае мы ничего не проксируем, а используем их только как DNS-сервер.** В будущем сделаем self-hosted DNS, как только решим проблему надежности.