Skip to content

Commit 7d171dd

Browse files
committed
improvements
1 parent 68d563e commit 7d171dd

File tree

1 file changed

+19
-19
lines changed

1 file changed

+19
-19
lines changed

lib/algora_web/live/home_live.ex

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -175,40 +175,40 @@ defmodule AlgoraWeb.HomeLive do
175175
</section>
176176
177177
<section class="relative isolate py-24 sm:py-48">
178-
<div class="mx-auto max-w-3xl px-6 lg:px-8 pt-24 xl:pt-0">
179-
<h2 class="font-display text-4xl font-semibold tracking-tight text-foreground sm:text-7xl text-center mb-4 sm:mb-6">
178+
<div class="lg:text-center mx-auto max-w-3xl px-6 lg:px-8 pt-24 xl:pt-0">
179+
<h2 class="font-display text-4xl font-semibold tracking-tight text-foreground sm:text-7xl mb-4 sm:mb-6">
180180
Fund GitHub issues
181181
</h2>
182-
<p class="text-center font-medium text-lg sm:text-2xl text-muted-foreground mb-12 sm:mb-20">
182+
<p class="font-medium text-lg sm:text-2xl text-muted-foreground mb-12 sm:mb-20">
183183
Add USD rewards on issues and pay when work is merged
184184
</p>
185185
<div class="flex flex-col">
186186
<div class="relative grid items-center w-full gap-8 lg:gap-x-12 rounded-xl bg-black/25 p-6 sm:p-10 lg:p-14 ring-2 ring-success/20 transition-colors">
187187
<div class="lg:col-span-2 text-lg leading-7 flex-1 flex flex-col">
188-
<div class="text-3xl sm:text-4xl font-semibold text-foreground text-center">
189-
Fund any issue
188+
<div class="text-3xl sm:text-4xl font-semibold text-foreground">
189+
Fund any issue<br class="sm:hidden" />
190190
<span class="text-success drop-shadow-[0_1px_5px_#34d39980]">
191191
in seconds
192192
</span>
193193
</div>
194-
<div class="pt-3 text-lg sm:text-xl xl:text-2xl font-medium text-muted-foreground text-center">
194+
<div class="pt-3 text-lg sm:text-xl xl:text-2xl font-medium text-muted-foreground">
195195
Help improve the OSS you love and rely on
196196
</div>
197197
<div class="pt-6 col-span-3 text-base sm:text-lg text-muted-foreground space-y-2 flex flex-col mx-auto">
198-
<div>
199-
<.icon name="tabler-check" class="h-5 w-5 mr-2 text-success-400" />
198+
<div class="flex sm:items-center gap-2 text-base sm:text-lg text-muted-foreground">
199+
<.icon name="tabler-check" class="h-5 w-5 text-success-400 flex-none" />
200200
Pay when PRs are merged
201201
</div>
202-
<div>
203-
<.icon name="tabler-check" class="h-5 w-5 mr-2 text-success-400" />
202+
<div class="flex sm:items-center gap-2 text-base sm:text-lg text-muted-foreground">
203+
<.icon name="tabler-check" class="h-5 w-5 text-success-400 flex-none" />
204204
Pool bounties with other sponsors
205205
</div>
206-
<div>
207-
<.icon name="tabler-check" class="h-5 w-5 mr-2 text-success-400" />
208-
Algora handles invoices, payouts, compliance<span class="hidden sm:inline"> & 1099s</span>
206+
<div class="flex sm:items-center gap-2 text-base sm:text-lg text-muted-foreground">
207+
<.icon name="tabler-check" class="h-5 w-5 text-success-400 flex-none" />
208+
<span>Algora handles payouts, compliance & 1099s</span>
209209
</div>
210210
</div>
211-
<div class="pt-8 flex flex-col items-center mx-auto gap-3">
211+
<div class="pt-8 flex flex-col items-center lg:mx-auto gap-3">
212212
<.button
213213
phx-click="create_bounty"
214214
size="xl"
@@ -345,11 +345,11 @@ defmodule AlgoraWeb.HomeLive do
345345
Support the maintainers of your favorite projects
346346
</p>
347347
<div class="mt-4 sm:mt-6 space-y-3">
348-
<div class="flex items-center gap-2 text-base sm:text-lg text-muted-foreground">
348+
<div class="flex sm:items-center gap-2 text-base sm:text-lg text-muted-foreground">
349349
<.icon name="tabler-check" class="h-5 w-5 text-indigo-400 flex-none" />
350350
<span>Send tips directly to GitHub usernames</span>
351351
</div>
352-
<div class="flex items-center gap-2 text-base sm:text-lg text-muted-foreground">
352+
<div class="flex sm:items-center gap-2 text-base sm:text-lg text-muted-foreground">
353353
<.icon name="tabler-check" class="h-5 w-5 text-indigo-400 flex-none" />
354354
<span>Algora handles payouts, compliance & 1099s</span>
355355
</div>
@@ -450,7 +450,7 @@ defmodule AlgoraWeb.HomeLive do
450450
</p>
451451
<div class="mx-auto mt-16 max-w-6xl gap-8 text-sm leading-6 sm:mt-32">
452452
<div class="grid grid-cols-1 items-center gap-x-8 sm:gap-x-16 gap-y-8 lg:grid-cols-11">
453-
<div class="lg:col-span-5">
453+
<div class="w-[12rem] sm:w-auto lg:col-span-5">
454454
<div class="relative flex aspect-[791/576] items-center justify-center overflow-hidden rounded-xl sm:rounded-2xl bg-gray-800">
455455
<img
456456
src={~p"/images/people/louis-beaumont.png"}
@@ -484,7 +484,7 @@ defmodule AlgoraWeb.HomeLive do
484484
485485
<div class="mx-auto mt-16 max-w-6xl gap-8 text-sm leading-6 sm:mt-32">
486486
<div class="grid grid-cols-1 items-center gap-x-16 gap-y-8 lg:grid-cols-11">
487-
<div class="lg:col-span-5 order-first lg:order-last">
487+
<div class="w-[12rem] sm:w-auto lg:col-span-5 order-first lg:order-last">
488488
<div class="relative flex aspect-[1091/1007] items-center justify-center overflow-hidden rounded-2xl bg-gray-800">
489489
<img
490490
src={~p"/images/people/josh-pigford.png"}
@@ -519,7 +519,7 @@ defmodule AlgoraWeb.HomeLive do
519519
520520
<div class="mx-auto mt-16 max-w-6xl gap-8 text-sm leading-6 sm:mt-32">
521521
<div class="grid grid-cols-1 items-center gap-x-16 gap-y-8 lg:grid-cols-11">
522-
<div class="lg:col-span-4">
522+
<div class="w-[12rem] sm:w-auto lg:col-span-4">
523523
<div class="relative flex items-center justify-center">
524524
<img
525525
src={~p"/images/people/john-de-goes-2.jpg"}

0 commit comments

Comments
 (0)