SelfPrivacy/selfprivacy.org
1
0
Fork 0
mirror of https://git.selfprivacy.org/SelfPrivacy/selfprivacy.org.git synced 2024-11-14 04:33:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: width and height

Browse source
This commit is contained in:
nevfy 2024-04-09 23:00:00 +03:00
parent f3ade3b43c
commit f55a659130
3 changed files with 21 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
assets/scss/_styles_project.scss
View file

@ -91,7 +91,7 @@
}
.sp-supported-by-img {
max-height: 5rem;
max-width: 15rem;
margin: 1rem;
}
@ -102,9 +102,6 @@
column-gap: 5vw;
flex-wrap: wrap;
margin-top: 2rem;
& > a > img {
max-width: 15vw;
}
}
a.nav-link.sp-coming-soon {
@ -135,11 +132,16 @@ body {
row-gap: 0px;
}
.sp-advantages-header {
position: sticky;
top: 10vh;
margin-bottom: 5rem;
}
.sp-feature {
position: sticky;
top: 20vh;
min-height: 80vh;
align-items: center;
top: 0;
min-height: 100vh;
}
.sp-feature-green {
@ -152,11 +154,6 @@ body {
background-color: #ebe0e8 !important;
}
.sp-advantages-header {
position: sticky;
top: 14vh;
}
.container-fluid {
padding-left: 0 !important;
padding-right: 0 !important;

12
content/en/_index.html
View file

@ -5,7 +5,7 @@ linkTitle = "SelfPrivacy"
+++
{{< blocks/section color="dark" type="section" >}}
<div class="row d-flex justify-content-center">
<div class="flex-md-row flex-column-reverse d-flex justify-content-center align-content-center">
<div class="col-xs-12 col-md-4">
<div class="container rounded">
<div id="screenshotsCarouselControls" class="carousel slide" data-ride="carousel">
@ -66,11 +66,11 @@ linkTitle = "SelfPrivacy"
{{< /blocks/section >}}
<section class="container">
<div class="row w-100">
<div class="w-100">
<h2 class="mx-auto text-center font-weight-bolder">Your personal services</h2>
</div>
<div class="row w-100 mt-5 mb-3">
<div class="w-100 mt-5 mb-3">
<h3 class="mx-auto text-center">For serious business</h3>
</div>
@ -94,7 +94,7 @@ linkTitle = "SelfPrivacy"
</div>
</div>
<div class="row w-100 mt-5 mb-3">
<div class="w-100 mt-5 mb-3">
<h3 class="mx-auto text-center">For entertainment and communication</h3>
</div>
@ -119,7 +119,7 @@ linkTitle = "SelfPrivacy"
</div>
<div class="row w-100 mt-5 mb-3">
<div class="w-100 mt-5 mb-3">
<h3 class="mx-auto text-center">For a good life</h3>
</div>
@ -140,7 +140,7 @@ linkTitle = "SelfPrivacy"
</section>
<section class="container-fluid d-flex flex-column sp-advantages">
<div class="row w-100 sp-advantages-header">
<div class="w-100 sp-advantages-header">
<h2 class="mx-auto text-center">Advantages</h2>
</div>

12
layouts/shortcodes/landing-feature.html
View file

@ -3,26 +3,26 @@
{{ $bg := .Get 2 }}
{{ $side := .Get 3 }}
{{ if eq $side "right" }}
<div class="d-flex flex-column flex-lg-row flex-xl-row justify-content-md-center align-items-center sp-feature sp-feature{{ $bg }}">
<div class="flex-none col-xl-4 col-lg-6 col-md-8 col-xs-12 my-auto px-5">
<div class="d-flex flex-column flex-lg-row flex-xl-row justify-content-center align-items-center sp-feature sp-feature{{ $bg }} my-auto">
<div class="flex-none col-xl-4 col-lg-6 col-md-8 col-xs-12 px-5">
{{ if $title }}
<h2 class="sp-feature-title">{{ $title }}</h2>
{{ end }}
{{ .Inner }}
</div>
{{ if $illustration }}
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-12 my-auto">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-12">
<img class="card-img-top rounded-img" src="{{ $illustration.RelPermalink }}">
</div>
{{ end }}
{{ else }}
<div class="d-flex flex-column-reverse flex-lg-row flex-xl-row justify-content-md-center align-items-center sp-feature sp-feature{{ $bg }}">
<div class="d-flex flex-column-reverse flex-lg-row flex-xl-row justify-content-center align-items-center sp-feature sp-feature{{ $bg }}">
{{ if $illustration }}
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-12 my-auto">
<div class="col-lg-4 col-md-6 col-sm-8 col-xs-12">
<img class="card-img-top rounded-img" src="{{ $illustration.RelPermalink }}">
</div>
{{ end }}
<div class="col-xl-4 col-lg-6 col-md-8 col-xs-12 my-auto px-5">
<div class="col-xl-4 col-lg-6 col-md-8 col-xs-12 px-5">
{{ if $title }}
<h2 class="sp-feature-title">{{ $title }}</h2>
{{ end }}