1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-04-17 09:29:08 +00:00

Improve content spacing

This commit is contained in:
Luke 2020-06-03 15:08:56 +02:00
parent 67ad1e1eec
commit 7e5ca569de
5 changed files with 16 additions and 16 deletions

View file

@ -6,8 +6,7 @@ redirect_from:
- /community-hub/
---
<header class="pt-16 lg:pt-48"></header>
<section class="pt-12 pb-16 lg:pb-48">
<section class="mt-40 mb-16 lg:mb-48">
<div class="items-center h-full">
<div class="container mx-auto px-8 sm:px-0 flex">
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:flex block justify-center m-auto w-auto items-center">
@ -41,7 +40,7 @@ redirect_from:
</div>
</div>
</div>
<div class="items-center h-full mt-8 md:mt-32 lg:mt-64">
<div class="items-center h-full my-40 md:my-64">
<div class="container mx-auto px-8 sm:px-0 flex">
<div class="flex grid md:grid-cols-2">
<div class="mx-auto transform hover:scale-95 duration-150 ease-in-out">
@ -67,7 +66,7 @@ redirect_from:
</div>
</div>
</div>
<div class="items-center h-full mt-8 md:mt-32 lg:mt-64">
<div class="items-center h-full">
<div class="container mx-auto px-8 sm:px-0 flex">
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:flex block justify-center m-auto w-auto">
<div class="pb-16 lg:pb-0 ml-0 lg:ml-32 lg:hidden self-center">

View file

@ -5,7 +5,7 @@ title: Safing - Love Freedom
{% include header.html %}
<section class="mt-16" id="tools">
<section class="mt-20 md:mt-0" id="tools">
<div class="flex items-center h-full">
<div class="container mx-auto px-8 sm:px-0 flex">
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-0 lg:flex">
@ -70,7 +70,7 @@ title: Safing - Love Freedom
</div>
</div>
</section>
<section>
<section class="mt-40 md:mt-0">
<div class="items-center mt-16 md:mt-32 lg:mt-64">
<div class="container mx-auto px-8 sm:px-0 flex">
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:flex block justify-center m-auto w-auto">
@ -97,7 +97,7 @@ title: Safing - Love Freedom
</div>
</div>
</div>
<div class="items-center h-full mt-8 md:mt-32 lg:mt-64">
<div class="items-center h-full mt-24 md:mt-32 lg:mt-64">
<div class="container mx-auto px-8 sm:px-0 flex">
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:flex">
<div class="pb-48 lg:pb-0 m0-0 lg:mr-32 self-center">

View file

@ -3,8 +3,7 @@ title: Safing Ownership
layout: page
---
<header class="pt-16 lg:pt-48"></header>
<section class="pt-12">
<section class="mt-40">
<div class="items-center h-full">
<div class="container mx-auto px-8 sm:px-0 flex">
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:flex">
@ -66,7 +65,7 @@ layout: page
</div>
</div>
</section>
<section style="margin-top: 6rem; margin-bottom: 8rem;">
<section style="margin-top: 6rem; margin-bottom: 8rem;" class="mb-40">
<div class="items-center h-full">
<div class="">
<div class="m">

View file

@ -27,9 +27,9 @@ redirect_from:
</div>
</div>
</div>
<div class="pt-6 lg:pt-0">
<div class="pt-6 lg:pt-0 ">
<!-- <video style="box-shadow: 0 0px 90px 0 rgba(59, 93, 199, 0.3), 0 0px 5px 0 rgba(0, 0, 0, 0.05);" class="z-30 rounded-md lg:max-w-5xl mx-auto transform scale-70 lg:scale-75" preload="auto" src="{{ site.assets_url }}video/interim.mp4" controls muted></video> -->
<img style="box-shadow: 0 0px 90px 0 rgba(59, 93, 199, 0.3), 0 0px 5px 0 rgba(0, 0, 0, 0.05);" class="z-30 rounded-md lg:max-w-5xl mx-auto transform scale-70 lg:scale-75" height="1220" width="1220" src="{{ site.img_url }}/placeholder.png" alt="">
<img style="box-shadow: 0 0px 90px 0 rgba(59, 93, 199, 0.3), 0 0px 5px 0 rgba(0, 0, 0, 0.05);" class="z-30 rounded-md lg:max-w-5xl mx-auto transform scale-70 lg:scale-75 max-w-sm" height="1220" width="1220" src="{{ site.img_url }}/placeholder.png" alt="">
</div>
<span style="margin-top: -45rem; margin-left: -8rem; z-index: -1;" class="absolute transform scale-50 lg:scale-105 xl:scale-150 bg-cover opacity-75 hidden lg:block">
<img src="{{ site.img_url }}page-specific/portmaster/wave.png" alt="">
@ -37,7 +37,8 @@ redirect_from:
</div>
</div>
</header>
<section class="mt-8 md:mt-32 lg:pt-56">
<section class="my-40">
<div class="text-center py-24 lg:pt-0 lg:pb-48">
<h2 class="text-5xl tracking-tight font-extrabold leading-none py-10 mr-auto ml-auto">
Privacy Features
@ -46,7 +47,7 @@ redirect_from:
At its core, the Portmaster sits on your kernel and simply intercepts all your network connections. You decide which privacy features you want to enable or disable as you desire.
</p>
</div>
<div class="items-center h-full mt-8 md:mt-16 lg:mt-48">
<div class="items-center h-full mt-8 md:mt-16 lg:mt-12">
<div class="container mx-auto px-8 sm:px-0 flex">
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:flex block justify-center m-auto w-auto">
<div class="ml-0 lg:ml-32 lg:hidden self-center">

View file

@ -3,14 +3,15 @@ title: Team Overview
layout: page
---
<section class="pt-64">
<section class="my-40">
<div class="items-center h-full">
<div class="container mx-auto px-8 sm:px-0 flex">
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:flex">
<div class="py-12">
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="lg:text-center">
<span style="font-size: 12rem; font-weight: 800; margin-top: -9rem; opacity: 0.05;" class="z-0 ml-0 w-full left-0 text-center absolute bg-top">Team</span>
<!-- fix this text size once we have customizable tailwind -->
<span style="font-size: 12rem; font-weight: 800; margin-top: -9rem; opacity: 0.05;" class="z-0 ml-0 w-full left-0 text-center absolute bg-top overflow-x-hidden">Team</span>
<h2 class="text-5xl tracking-tight font-extrabold leading-none py-10 text-center">Who We Are</h2>
</div>
<div class="mt-32">