vikarti.anatra/safing-web
1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-09-04 03:59:03 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Improve content spacing

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

7
about/index.html
View file

@ -6,8 +6,7 @@ redirect_from:
- /community-hub/ - /community-hub/
--- ---
<header class="pt-16 lg:pt-48"></header> <section class="mt-40 mb-16 lg:mb-48">
<section class="pt-12 pb-16 lg:pb-48">
<div class="items-center h-full"> <div class="items-center h-full">
<div class="container mx-auto px-8 sm:px-0 flex"> <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"> <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>
</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="container mx-auto px-8 sm:px-0 flex">
<div class="flex grid md:grid-cols-2"> <div class="flex grid md:grid-cols-2">
<div class="mx-auto transform hover:scale-95 duration-150 ease-in-out"> <div class="mx-auto transform hover:scale-95 duration-150 ease-in-out">
@ -67,7 +66,7 @@ redirect_from:
</div> </div>
</div> </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="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="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"> <div class="pb-16 lg:pb-0 ml-0 lg:ml-32 lg:hidden self-center">

6
index.html
View file

@ -5,7 +5,7 @@ title: Safing - Love Freedom
{% include header.html %} {% 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="flex items-center h-full">
<div class="container mx-auto px-8 sm:px-0 flex"> <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"> <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>
</div> </div>
</section> </section>
<section> <section class="mt-40 md:mt-0">
<div class="items-center mt-16 md:mt-32 lg:mt-64"> <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="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="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>
</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="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="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"> <div class="pb-48 lg:pb-0 m0-0 lg:mr-32 self-center">

5
ownership/index.html
View file

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

9
portmaster/index.html
View file

@ -27,9 +27,9 @@ redirect_from:
</div> </div>
</div> </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> --> <!-- <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> </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"> <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=""> <img src="{{ site.img_url }}page-specific/portmaster/wave.png" alt="">
@ -37,7 +37,8 @@ redirect_from:
</div> </div>
</div> </div>
</header> </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"> <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"> <h2 class="text-5xl tracking-tight font-extrabold leading-none py-10 mr-auto ml-auto">
Privacy Features 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. 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> </p>
</div> </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="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="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"> <div class="ml-0 lg:ml-32 lg:hidden self-center">

5
team/index.html
View file

@ -3,14 +3,15 @@ title: Team Overview
layout: page layout: page
--- ---
<section class="pt-64"> <section class="my-40">
<div class="items-center h-full"> <div class="items-center h-full">
<div class="container mx-auto px-8 sm:px-0 flex"> <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="max-w-screen-xl mx-auto px-4 sm:px-6 lg:flex">
<div class="py-12"> <div class="py-12">
<div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="lg:text-center"> <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> <h2 class="text-5xl tracking-tight font-extrabold leading-none py-10 text-center">Who We Are</h2>
</div> </div>
<div class="mt-32"> <div class="mt-32">