Updated padding on homepage to fix mobile styles.

This commit is contained in:
Jeremy Nusser 2022-10-29 07:52:41 -05:00
parent 9eeeb8e397
commit ca72d47f7e
4 changed files with 4934 additions and 545 deletions

File diff suppressed because it is too large Load Diff

View File

@ -64,9 +64,9 @@
<!-- More main page content here... -->
<!-- Testimonial/stats section -->
<div class="relative mt-20">
<div class="relative my-4 md:mt-20">
<div class="lg:mx-auto lg:grid lg:max-w-7xl lg:grid-cols-2 lg:items-start lg:gap-24 lg:px-8">
<div class="relative sm:py-16 lg:py-0">
<div class="relative sm:py-8 lg:py-0">
<div aria-hidden="true" class="hidden sm:block lg:absolute lg:inset-y-0 lg:right-0 lg:w-screen">
<div
class="absolute inset-y-0 w-full bg-gray-50 dark:bg-gray-900/10 right-1/2 rounded-r-3xl lg:right-72">
@ -83,7 +83,7 @@
<rect width="404" height="392" fill="url(#02f20b47-fd69-4224-a62a-4c9de5c763f7)" />
</svg>
</div>
<div class="relative max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:max-w-none lg:px-0 lg:py-20">
<div class="relative max-w-md px-4 py-6 mx-auto sm:max-w-3xl sm:px-6 lg:max-w-none lg:px-0 lg:py-20">
<!-- Testimonial card-->
<div class="relative pt-64 pb-10 overflow-hidden shadow-xl rounded-2xl">
{{ $missionimage := resources.Get "images/pages/our-mission.png" }}
@ -127,7 +127,7 @@
<div class="relative max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:px-0">
<!-- Content area -->
<div class="pt-12 sm:pt-16 lg:pt-20">
<div class="md:pt-12 sm:pt-6 lg:pt-20">
<h2
class="text-3xl font-bold tracking-tight text-gray-900 capitalize dark:text-gray-50 sm:text-4xl">
Our mission</h2>
@ -155,15 +155,15 @@
</div>
<!-- Hero section -->
<div class="pt-8 overflow-hidden sm:pt-12 lg:relative lg:py-48">
<div class="max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:grid lg:max-w-7xl lg:grid-cols-2 lg:gap-24 lg:px-8">
<div class="overflow-hidden sm:pt-6 lg:relative">
<div class="max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:grid lg:max-w-7xl lg:grid-cols-2 lg:gap-12 lg:px-8">
<div>
<div class="mt-20">
<div class="md:mt-8">
<div class="mt-6 sm:max-w-xl">
<h1 class="text-4xl font-bold tracking-tight text-gray-900 dark:text-gray-50 sm:text-5xl">
Just in time for Hacktoberfest with JIT Tailwind.
</h1>
<p class="mt-6 text-xl text-gray-500 dark:text-gray-400">
<p class="pb-12 mt-6 text-lg text-gray-500 dark:text-gray-400">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur at purus non enim commodo
tincidunt vel in nulla. Aenean pretium dolor non ultricies bibendum. Etiam quis blandit
enim. Nunc condimentum ut lorem in faucibus. Phasellus varius ligula et commodo tristique.
@ -185,7 +185,7 @@
</div>
<div class="sm:mx-auto sm:max-w-3xl sm:px-6">
<div class="py-12 sm:relative sm:mt-12 sm:py-16 lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2">
<div class="md:py-12 sm:relative sm:mt-12 lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2">
<div class="hidden sm:block">
<div
class="absolute inset-y-0 w-screen left-1/2 rounded-l-3xl bg-gray-50 dark:bg-gray-900/10 lg:left-80 lg:right-0 lg:w-full">
@ -222,8 +222,7 @@
</div>
<!-- Logo cloud section -->
<div class="mt-12">
<div class="max-w-md px-4 mx-auto sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
<div class="max-w-md px-4 mx-auto md:pt-24 md:pb-16 sm:max-w-3xl sm:px-6 lg:max-w-7xl lg:px-8">
<div class="lg:grid lg:grid-cols-2 lg:items-center lg:gap-24">
<div class="mt-12 grid grid-cols-2 gap-0.5 md:grid-cols-3 lg:mt-0 lg:grid-cols-2">
<div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
@ -232,13 +231,11 @@
</div>
<div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
<img class="max-h-12" src="https://tailwindui.com/img/logos/mirage-logo-gray-400.svg"
alt="Mirage">
<img class="max-h-12" src="https://tailwindui.com/img/logos/mirage-logo-gray-400.svg" alt="Mirage">
</div>
<div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
<img class="max-h-12" src="https://tailwindui.com/img/logos/tuple-logo-gray-400.svg"
alt="Tuple">
<img class="max-h-12" src="https://tailwindui.com/img/logos/tuple-logo-gray-400.svg" alt="Tuple">
</div>
<div class="flex justify-center col-span-1 px-8 py-8 bg-gray-50 dark:bg-gray-900/10">
@ -257,7 +254,7 @@
</div>
</div>
<div>
<h2 class="text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-50 sm:text-4xl">
<h2 class="pt-6 text-3xl font-bold tracking-tight text-gray-900 dark:text-gray-50 sm:text-4xl">
Backed by world-renowned investors
</h2>
<p class="max-w-3xl mt-6 text-lg leading-7 text-gray-500">Sagittis scelerisque nulla cursus in enim
@ -265,7 +262,7 @@
aenean erat arcu morbi. Cursus faucibus nunc nisl netus morbi vel porttitor vitae ut. Amet vitae
fames senectus vitae.
</p>
<div class="mt-6">
<div class="my-6">
<a href="#" class="text-base font-medium text-indigo-500">
Meet our investors and advisors&nbsp&rarr;
</a>
@ -273,13 +270,12 @@
</div>
</div>
</div>
</div>
<div class="relative px-4 pt-8 pb-4 bg-transparent sm:px-6 lg:px-8 lg:pt-12 lg:mb-4 md:mt-12">
<div class="relative px-1 pt-8 pb-4 bg-transparent lg:px-8 lg:pt-12 lg:mb-4 md:mt-12">
<div class="absolute inset-0">
<div class="bg-gray-900 dark:bg-gray-900/50 h-1/3 sm:h-2/3"></div>
</div>
<div class="relative mx-auto max-w-7xl">
<div class="relative px-2 mx-auto max-w-7xl">
<div class="text-center">
<h2 class="text-3xl font-black tracking-tight text-indigo-500 capitalize dark:text-gray-50 sm:text-4xl">
From the blog
@ -289,7 +285,7 @@
adipisicing elit. Ipsa libero labore natus atque, ducimus sed.</p>
</div>
<div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50">
<div class="mx-auto text-gray-900 max-w-7xl dark:text-gray-50 md:px-1.5">
<div class="px-4 text-gray-900 not-prose dark:text-zinc-200">
<div class="grid gap-4 mx-auto mt-12 mb-4 lg:max-w-none md:grid-cols-3">
{{ range (.Paginator 3).Pages }}
@ -348,7 +344,7 @@
</div>
<!-- CTA section -->
<div class="relative mt-6 sm:py-16">
<div class="relative pb-16 mt-6">
<div aria-hidden="true" class="hidden sm:block">
<div class="absolute inset-y-0 left-0 w-1/2 rounded-r-3xl bg-gray-50 dark:bg-gray-900/10">
</div>
@ -363,7 +359,7 @@
<rect width="404" height="392" fill="url(#8228f071-bcee-4ec8-905a-2a059a2cc4fb)" />
</svg>
</div>
<div class="max-w-md px-4 mx-auto sm:max-w-3xl lg:max-w-7xl">
<div class="max-w-md mx-auto px-7 sm:max-w-3xl lg:max-w-7xl">
<div class="relative px-6 py-10 overflow-hidden bg-indigo-500 shadow-xl rounded-2xl sm:px-12 sm:py-20">
<div aria-hidden="true" class="absolute inset-0 -mt-72 sm:-mt-32 md:mt-0">
<svg class="absolute inset-0 w-full h-full" preserveAspectRatio="xMidYMid slice"

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1 @@
{"Target":"css/style.css","MediaType":"text/css","Data":{}}