mirror of
https://github.com/safing/web
synced 2025-04-17 09:29:08 +00:00
Improve content spacing
This commit is contained in:
parent
67ad1e1eec
commit
7e5ca569de
5 changed files with 16 additions and 16 deletions
|
@ -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">
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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">
|
||||
|
|
Loading…
Add table
Reference in a new issue