Skip to content

Commit 68d563e

Browse files
zcesurzcesur
committed
improvements
1 parent 3feba2c commit 68d563e

File tree

1 file changed

+30
-30
lines changed

1 file changed

+30
-30
lines changed

‎lib/algora_web/live/home_live.ex‎

Lines changed: 30 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -174,55 +174,55 @@ defmodule AlgoraWeb.HomeLive do
174174
</div>
175175
</section>
176176
177-
<section class="relative isolate py-16 sm:py-40">
178-
<div class="mx-auto max-w-2xl px-6 lg:px-8 pt-24 xl:pt-0">
179-
<h2 class="font-display text-3xl font-semibold tracking-tight text-foreground sm:text-6xl text-center mb-2 sm:mb-4">
177+
<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">
180180
Fund GitHub issues
181181
</h2>
182-
<p class="text-center font-medium text-base text-muted-foreground mb-8 sm:mb-16">
182+
<p class="text-center 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">
186-
<div class="relative grid items-center w-full gap-8 lg:gap-x-12 rounded-xl bg-black/25 p-4 sm:p-8 lg:p-12 ring-2 ring-success/20 transition-colors">
187-
<div class="lg:col-span-2 text-base leading-6 flex-1 flex flex-col">
188-
<div class="text-2xl sm:text-3xl font-semibold text-foreground text-center">
186+
<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">
187+
<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">
189189
Fund any issue
190190
<span class="text-success drop-shadow-[0_1px_5px_#34d39980]">
191191
in seconds
192192
</span>
193193
</div>
194-
<div class="pt-2 text-sm sm:text-lg xl:text-lg 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 text-center">
195195
Help improve the OSS you love and rely on
196196
</div>
197-
<div class="pt-4 col-span-3 text-sm text-muted-foreground space-y-1 flex flex-col mx-auto">
197+
<div class="pt-6 col-span-3 text-base sm:text-lg text-muted-foreground space-y-2 flex flex-col mx-auto">
198198
<div>
199-
<.icon name="tabler-check" class="h-4 w-4 mr-1 text-success-400" />
199+
<.icon name="tabler-check" class="h-5 w-5 mr-2 text-success-400" />
200200
Pay when PRs are merged
201201
</div>
202202
<div>
203-
<.icon name="tabler-check" class="h-4 w-4 mr-1 text-success-400" />
203+
<.icon name="tabler-check" class="h-5 w-5 mr-2 text-success-400" />
204204
Pool bounties with other sponsors
205205
</div>
206206
<div>
207-
<.icon name="tabler-check" class="h-4 w-4 mr-1 text-success-400" />
207+
<.icon name="tabler-check" class="h-5 w-5 mr-2 text-success-400" />
208208
Algora handles invoices, payouts, compliance<span class="hidden sm:inline"> & 1099s</span>
209209
</div>
210210
</div>
211-
<div class="pt-4 flex flex-col items-center mx-auto gap-2">
211+
<div class="pt-8 flex flex-col items-center mx-auto gap-3">
212212
<.button
213213
phx-click="create_bounty"
214-
size="lg"
215-
class="w-full drop-shadow-[0_1px_5px_#34d39980]"
214+
size="xl"
215+
class="w-full text-lg drop-shadow-[0_1px_5px_#34d39980]"
216216
>
217217
Fund issues
218218
</.button>
219-
<div class="text-sm text-muted-foreground">No credit card required</div>
219+
<div class="text-base text-muted-foreground">No credit card required</div>
220220
</div>
221221
</div>
222222
</div>
223223
</div>
224224
</div>
225-
<div class="max-w-6xl mx-auto pt-20 sm:pt-40 grid grid-cols-1 gap-16 px-6">
225+
<div class="max-w-7xl mx-auto pt-20 sm:pt-40 grid grid-cols-1 gap-16 px-6">
226226
<.link
227227
href="https://github.com/zed-industries/zed/issues/4440"
228228
rel="noopener"
@@ -325,31 +325,31 @@ defmodule AlgoraWeb.HomeLive do
325325
</section>
326326
327327
<section class="relative isolate py-16 sm:py-40">
328-
<div class="mx-auto max-w-5xl px-6 lg:px-8">
329-
<h2 class="font-display text-3xl font-semibold tracking-tight text-foreground sm:text-6xl text-center mb-2 sm:mb-4">
328+
<div class="mx-auto max-w-6xl px-6 lg:px-8">
329+
<h2 class="font-display text-4xl font-semibold tracking-tight text-foreground sm:text-7xl text-center mb-2 sm:mb-4">
330330
Did you know?
331331
</h2>
332-
<p class="text-center font-medium text-base text-muted-foreground mb-8 sm:mb-16">
332+
<p class="text-center font-medium text-lg sm:text-2xl text-muted-foreground mb-8 sm:mb-16">
333333
You can tip your favorite open source contributors with Algora.
334334
</p>
335335
336336
<div class="flex flex-col lg:flex-row gap-8">
337-
<div class="w-full lg:max-w-6xl relative rounded-2xl bg-black/25 p-4 sm:p-8 lg:p-12 ring-1 ring-indigo-500/20 transition-colors backdrop-blur-sm">
337+
<div class="lg:min-w-[34rem] w-full relative rounded-2xl bg-black/25 p-4 sm:p-8 lg:p-12 ring-1 ring-indigo-500/20 transition-colors backdrop-blur-sm">
338338
<div class="grid grid-cols-1 items-center gap-8 h-full">
339-
<div class="text-base leading-6">
340-
<h3 class="text-2xl sm:text-3xl font-semibold text-foreground">
339+
<div class="text-lg leading-7">
340+
<h3 class="text-3xl sm:text-4xl font-semibold text-foreground">
341341
Tip contributors
342342
<span class="text-indigo-500 drop-shadow-[0_1px_5px_#60a5fa80]">instantly</span>
343343
</h3>
344-
<p class="mt-4 text-base sm:text-lg font-medium text-muted-foreground">
344+
<p class="mt-4 text-lg sm:text-xl font-medium text-muted-foreground">
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-sm text-muted-foreground">
348+
<div class="flex 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-sm text-muted-foreground">
352+
<div class="flex 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>
@@ -369,7 +369,7 @@ defmodule AlgoraWeb.HomeLive do
369369
</div>
370370
</div>
371371
372-
<div class="order-first lg:order-last">
372+
<div class="w-full order-first lg:order-last">
373373
<img
374374
src={~p"/images/screenshots/tip-remotion.png"}
375375
alt="Tip contributor"
@@ -518,8 +518,8 @@ defmodule AlgoraWeb.HomeLive do
518518
</div>
519519
520520
<div class="mx-auto mt-16 max-w-6xl gap-8 text-sm leading-6 sm:mt-32">
521-
<div class="grid grid-cols-1 items-center gap-x-16 gap-y-8 lg:grid-cols-12">
522-
<div class="lg:col-span-6">
521+
<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">
523523
<div class="relative flex items-center justify-center">
524524
<img
525525
src={~p"/images/people/john-de-goes-2.jpg"}
@@ -529,7 +529,7 @@ defmodule AlgoraWeb.HomeLive do
529529
/>
530530
</div>
531531
</div>
532-
<div class="lg:col-span-6">
532+
<div class="lg:col-span-7">
533533
<h3 class="text-xl sm:text-2xl xl:text-3xl font-display font-bold leading-[1.2] sm:leading-[2rem] xl:leading-[3rem]">
534534
We used Algora extensively at Ziverge to reward over
535535
<span class="text-success">$115,000</span>

0 commit comments

Comments
 (0)