Skip to content

Commit 9cc3b7f

Browse files
HassanZahirniaHassanZahirnia
committed
✨ Add new stat section
1 parent 7374307 commit 9cc3b7f

File tree

7 files changed

+351
-735
lines changed

7 files changed

+351
-735
lines changed

‎resources/svg/home/stat-flower-1.svg‎

Lines changed: 21 additions & 0 deletions
Loading

‎resources/svg/home/stat-flower-2.svg‎

Lines changed: 51 additions & 0 deletions
Loading

‎resources/svg/home/stat-flower-3.svg‎

Lines changed: 42 additions & 0 deletions
Loading

‎resources/views/components/home/packages.blade.php‎

Lines changed: 0 additions & 602 deletions
This file was deleted.

‎resources/views/components/home/stats.blade.php‎

Lines changed: 235 additions & 0 deletions
Large diffs are not rendered by default.

‎resources/views/components/home/tall.blade.php‎

Lines changed: 1 addition & 132 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,5 @@
1-
<div
2-
x-data="{
3-
downloadCounterTarget: @js(app('package-download-stats')()),
4-
githubStarsCounterTarget: @js(app('package-github-stars-stats')()),
5-
}"
6-
class="mx-auto w-full max-w-screen-lg overflow-x-clip px-5 pt-20"
7-
>
1+
<div class="mx-auto w-full max-w-screen-lg overflow-x-clip px-5 pt-20">
82
<div
9-
x-data="{
10-
downloadCounter: { val: reducedMotion ? downloadCounterTarget : 1 },
11-
githubStarsCounter: {
12-
val: reducedMotion ? githubStarsCounterTarget : 1,
13-
},
14-
}"
153
x-init="
164
() => {
175
if (reducedMotion) return
@@ -144,52 +132,6 @@ class="mx-auto w-full max-w-screen-lg overflow-x-clip px-5 pt-20"
144132
},
145133
'<0.3',
146134
)
147-
.fromTo(
148-
$refs.downloads,
149-
{
150-
autoAlpha: 0,
151-
x: -30,
152-
},
153-
{
154-
autoAlpha: 1,
155-
x: 0,
156-
duration: 0.7,
157-
ease: 'circ.out',
158-
},
159-
'<0.3',
160-
)
161-
.to(
162-
downloadCounter,
163-
{
164-
val: downloadCounterTarget,
165-
duration: 1.5,
166-
roundProps: 'val',
167-
},
168-
'<',
169-
)
170-
.fromTo(
171-
$refs.github_stars,
172-
{
173-
autoAlpha: 0,
174-
x: -30,
175-
},
176-
{
177-
autoAlpha: 1,
178-
x: 0,
179-
duration: 0.7,
180-
ease: 'circ.out',
181-
},
182-
'<0.2',
183-
)
184-
.to(
185-
githubStarsCounter,
186-
{
187-
val: githubStarsCounterTarget,
188-
duration: 1.5,
189-
roundProps: 'val',
190-
},
191-
'<',
192-
)
193135
.fromTo(
194136
$refs.orange_speed_decoration,
195137
{
@@ -932,79 +874,6 @@ class="relative hidden self-end justify-self-end [grid-area:1/-1] min-[700px]:bl
932874
/>
933875
</svg>
934876
</div>
935-
{{-- Stats --}}
936-
<div
937-
class="relative flex w-full flex-wrap items-center justify-center gap-x-10 gap-y-7 self-start justify-self-start pt-14 min-[600px]:pt-60 min-[700px]:pt-0 md:top-20 md:w-auto md:flex-col md:[grid-area:1/-1]"
938-
>
939-
{{-- Downloads --}}
940-
<div
941-
x-ref="downloads"
942-
class="min-w-[12rem] space-y-3 rounded-2xl bg-seashell-peach p-5"
943-
>
944-
<div
945-
x-text="downloadCounter.val.toLocaleString('en-US') + '+'"
946-
class="text-center font-roboto-mono text-2xl font-medium"
947-
></div>
948-
<div
949-
class="flex items-center justify-center gap-3 text-butter"
950-
>
951-
<svg
952-
xmlns="http://www.w3.org/2000/svg"
953-
width="20"
954-
height="20"
955-
viewBox="0 0 24 24"
956-
>
957-
<g
958-
fill="none"
959-
stroke="currentColor"
960-
stroke-linecap="round"
961-
stroke-width="1.5"
962-
>
963-
<path
964-
d="M6.286 19C3.919 19 2 17.104 2 14.765c0-2.34 1.919-4.236 4.286-4.236c.284 0 .562.028.83.08m7.265-2.582a5.765 5.765 0 0 1 1.905-.321c.654 0 1.283.109 1.87.309m-11.04 2.594a5.577 5.577 0 0 1-.354-1.962C6.762 5.528 9.32 3 12.476 3c2.94 0 5.361 2.194 5.68 5.015m-11.04 2.594a4.29 4.29 0 0 1 1.55.634m9.49-3.228C20.392 8.78 22 10.881 22 13.353c0 2.707-1.927 4.97-4.5 5.52"
965-
/>
966-
<path
967-
stroke-linejoin="round"
968-
d="M12 22v-6m0 6l2-2m-2 2l-2-2"
969-
/>
970-
</g>
971-
</svg>
972-
<div class="min-w-[5.5rem] text-sm font-medium">
973-
Downloads
974-
</div>
975-
</div>
976-
</div>
977-
{{-- Github Stars --}}
978-
<div
979-
x-ref="github_stars"
980-
class="min-w-[12rem] space-y-3 rounded-2xl bg-seashell-peach p-5"
981-
>
982-
<div
983-
x-text="githubStarsCounter.val.toLocaleString('en-US') + '+'"
984-
class="text-center font-roboto-mono text-2xl font-medium"
985-
></div>
986-
<div
987-
class="flex items-center justify-center gap-3 text-butter"
988-
>
989-
<svg
990-
xmlns="http://www.w3.org/2000/svg"
991-
width="20"
992-
height="20"
993-
viewBox="0 0 24 24"
994-
>
995-
<path
996-
fill="none"
997-
stroke="currentColor"
998-
stroke-width="1.5"
999-
d="M9.153 5.408C10.42 3.136 11.053 2 12 2c.947 0 1.58 1.136 2.847 3.408l.328.588c.36.646.54.969.82 1.182c.28.213.63.292 1.33.45l.636.144c2.46.557 3.689.835 3.982 1.776c.292.94-.546 1.921-2.223 3.882l-.434.507c-.476.557-.715.836-.822 1.18c-.107.345-.071.717.001 1.46l.066.677c.253 2.617.38 3.925-.386 4.506c-.766.582-1.918.051-4.22-1.009l-.597-.274c-.654-.302-.981-.452-1.328-.452c-.347 0-.674.15-1.329.452l-.595.274c-2.303 1.06-3.455 1.59-4.22 1.01c-.767-.582-.64-1.89-.387-4.507l.066-.676c.072-.744.108-1.116 0-1.46c-.106-.345-.345-.624-.821-1.18l-.434-.508c-1.677-1.96-2.515-2.941-2.223-3.882c.293-.941 1.523-1.22 3.983-1.776l.636-.144c.699-.158 1.048-.237 1.329-.45c.28-.213.46-.536.82-1.182l.328-.588Z"
1000-
/>
1001-
</svg>
1002-
<div class="min-w-[5.5rem] text-sm font-medium">
1003-
Github Stars
1004-
</div>
1005-
</div>
1006-
</div>
1007-
</div>
1008877
</div>
1009878
</div>
1010879
</div>

‎resources/views/home.blade.php‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<x-layouts.app>
66
<x-home.hero />
77
<x-home.demo />
8-
<x-home.packages />
8+
<x-home.stats />
99
<x-home.tall />
1010
<x-home.v3-features />
1111
<x-home.sponsors />

0 commit comments

Comments
 (0)