Merge pull request 'Change bg color and nav' (#81) from nevfy/selfprivacy.org:color-fix into master

Reviewed-on: https://git.selfprivacy.org/SelfPrivacy/selfprivacy.org/pulls/81
This commit is contained in:
Inex Code 2024-01-29 17:45:38 +02:00
commit 42ebc180b9
3 changed files with 49 additions and 20 deletions

View File

@ -5,8 +5,31 @@
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 .td-navbar-nav-scroll {
height: unset !important;
margin-top: unset !important;
}
.td-navbar .td-navbar-nav-scroll .nav-link {
padding: .5rem 1.5rem;
}
.td-navbar .td-navbar-nav-scroll .navbar-nav {
padding-bottom: 0 !important;
}
.nav-item {
margin-right: .5rem !important;
}
.dropdown-menu {
@ -60,6 +83,10 @@ ul.ul-2>.td-sidebar-nav__section-title a:hover {
border-radius: 1rem;
}
.card-title {
font-weight: 600;
}
.sp-button-shadow {
box-shadow: 0px -0.5rem 0px 0px rgba(0, 0, 0, 0.1) inset;
}
@ -97,6 +124,10 @@ ul.ul-2>.td-sidebar-nav__section-title a:hover {
}
}
.text-secondary {
font-weight: 600;
}
.sp-service-icon {
margin-top: -4rem;
max-width: 12rem;
@ -140,6 +171,10 @@ ul.ul-2>.td-sidebar-nav__section-title a:hover {
margin-top: 1rem;
}
body {
background-color: whitesmoke;
}
a.nav-link.sp-coming-soon {
pointer-events: none;
cursor: default;

View File

@ -47,7 +47,7 @@ linkTitle = "SelfPrivacy"
<div class="col-xs-12 col-md-8 my-auto">
<div class="container my-4">
<h1>
SelfPrivacy app allows you to set up self-hosted services and manage them.
SelfPrivacy app allows you to set up self-hosted services and manage them
</h1>
<a class="btn btn-lg btn-primary mb-4 mt-4 btn-block sp-button-shadow sp-button-big-padding" href="{{< relref "/download" >}}">
Download
@ -57,9 +57,9 @@ linkTitle = "SelfPrivacy"
</div>
{{< /blocks/section >}}
{{< blocks/section color="100" type="section" >}}
<section class="container-fluid">
<div class="row w-100">
<h2 class="mx-auto text-center">Your personal services</h2>
<h2 class="mx-auto text-center font-weight-bolder">Your personal services</h2>
</div>
<div class="row w-100 mt-5 mb-3">
@ -129,9 +129,9 @@ linkTitle = "SelfPrivacy"
{{< /landing-service >}}
</div>
</div>
{{< /blocks/section >}}
</section>
{{< blocks/section color="100" type="section" >}}
<section class="container-fluid">
<div class="row w-100">
<h2 class="mx-auto text-center">Advantages</h2>
</div>
@ -174,12 +174,10 @@ linkTitle = "SelfPrivacy"
{{< landing-feature datactrl "Data control">}}
<p class="card-text">Why do corporations need your data? To make you buy more and vote as they want. With SelfPrivacy, only you have your data.</p>
{{< /landing-feature >}}
{{< /blocks/section >}}
</section>
{{< blocks/section color="100" type="section" >}}
<section class="container-fluid">
<div class="row w-100">
<h2 class="mx-auto text-center">Supported by</h2>
</div>
@ -194,5 +192,4 @@ linkTitle = "SelfPrivacy"
</a>
</div>
</div>
{{< /blocks/section >}}
</section>

View File

@ -60,7 +60,7 @@ linkTitle = "SelfPrivacy"
</div>
{{< /blocks/section>}}
{{< blocks/section color="100" type="section">}}
<section class="container-fluid">
<div class="row w-100">
<h2 class="mx-auto text-center">Ваши личные сервисы</h2>
</div>
@ -140,9 +140,9 @@ linkTitle = "SelfPrivacy"
{{< /landing-service>}}
</div>
</div>
{{< /blocks/section>}}
</section>
{{< blocks/section color="100" type="section">}}
<section class="container-fluid">
<div class="row w-100">
<h2 class="mx-auto text-center">Преимущества</h2>
</div>
@ -185,12 +185,10 @@ linkTitle = "SelfPrivacy"
{{< landing-feature datactrl "Контроль данных">}}
<p class="card-text">Почему корпорациям так нужны ваши данные? Чтобы больше покупали, чтобы Вы голосовали, как им нужно. В SelfPrivacy ваши данные остаются только у вас.</p>
{{< /landing-feature>}}
{{< /blocks/section>}}
</section>
{{< blocks/section color="100" type="section" >}}
<section class="container-fluid">
<div class="row w-100">
<h2 class="mx-auto text-center">Нас поддерживают</h2>
</div>
@ -205,5 +203,4 @@ linkTitle = "SelfPrivacy"
</a>
</div>
</div>
{{< /blocks/section >}}
</section>