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

assets/scss/_styles_project.scss

@@ -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;

content/en/_index.html

@@ -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 >}}
-
+</section>
-{{< /blocks/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>
-
+</section>
-{{< /blocks/section >}}

content/ru/_index.html

@@ -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>}}
-
+</section>
-{{< /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>
@@ -205,5 +203,4 @@ linkTitle = "SelfPrivacy"
 		</a>
     </div>
 </div>
-
+</section>
-{{< /blocks/section >}}