From 7f304120e431ec2b9a63cadf02148ccc6a746fda Mon Sep 17 00:00:00 2001 From: HassanZahirnia Date: Tue, 2 Sep 2025 14:57:43 +0330 Subject: [PATCH 1/8] =?UTF-8?q?=E2=9C=A8=20Update=20styles=20in=20hero=20c?= =?UTF-8?q?omponent=20for=20improved=20responsiveness=20and=20consistency?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../views/components/home/hero.blade.php | 40 +++++++++---------- 1 file changed, 20 insertions(+), 20 deletions(-) diff --git a/resources/views/components/home/hero.blade.php b/resources/views/components/home/hero.blade.php index 66c4efc4..705f0294 100644 --- a/resources/views/components/home/hero.blade.php +++ b/resources/views/components/home/hero.blade.php @@ -4,7 +4,7 @@ class="mt-2" role="region" >
{{-- Demo app --}}

Play Store
@@ -56,7 +56,7 @@ class="h-4.5 2xl:h-5" href="https://testflight.apple.com/join/vm9Qtshy" target="_blank" rel="noopener noreferrer" - class="flex items-center gap-2 rounded-xl bg-white/70 px-3 py-2.5 backdrop-blur-md transition duration-200 will-change-transform hover:scale-98 hover:bg-white dark:bg-slate-500/25 dark:hover:bg-slate-500/40" + class="flex items-center gap-2.5 rounded-xl bg-white/70 px-3 py-2.5 backdrop-blur-md transition duration-200 will-change-transform hover:scale-98 hover:bg-white dark:bg-slate-500/25 dark:hover:bg-slate-500/40" >
{{-- -
+
- -
+
--}}
@@ -100,7 +100,7 @@ class="relative z-0 w-full self-center justify-self-center [grid-area:1/-1] dark /> {{-- Window --}}
{{-- Header --}}
Build @@ -507,7 +507,7 @@ class="mt-2 w-35 rounded-2xl 2xl:w-40" ) } " - class="xs:text-lg xs:mt-5 mx-auto mt-4 max-w-4xl text-center leading-relaxed text-gray-600 2xl:text-xl dark:text-zinc-400" + class="mx-auto mt-4 max-w-4xl text-center leading-relaxed text-gray-600 xs:mt-5 xs:text-lg 2xl:text-xl dark:text-zinc-400" aria-describedby="hero-title" > Bring your @@ -561,7 +561,7 @@ class="mt-4 w-full max-w-55"
{{-- Label --}} From 9807dff5a65855c5006ee69cf2cceba56835b1b6 Mon Sep 17 00:00:00 2001 From: HassanZahirnia Date: Tue, 2 Sep 2025 15:42:02 +0330 Subject: [PATCH 2/8] =?UTF-8?q?=E2=9C=A8=20Update=20styles=20for=20article?= =?UTF-8?q?=20and=20blog=20components=20to=20enhance=20visual=20consistenc?= =?UTF-8?q?y=20and=20responsiveness?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- resources/views/article.blade.php | 2 +- resources/views/blog.blade.php | 72 +++++++++---------- .../views/components/article-card.blade.php | 8 +-- 3 files changed, 39 insertions(+), 43 deletions(-) diff --git a/resources/views/article.blade.php b/resources/views/article.blade.php index fd59875d..1c3c287d 100644 --- a/resources/views/article.blade.php +++ b/resources/views/article.blade.php @@ -137,7 +137,7 @@ class="size-1.5 rotate-45 bg-gray-200/90 dark:bg-[#242734]" }) } " - class="prose dark:prose-headings:text-white mt-2 max-w-none text-gray-600 will-change-transform dark:text-gray-400" + class="prose mt-2 max-w-none text-gray-600 will-change-transform dark:text-gray-400 dark:prose-headings:text-white" aria-labelledby="article-title" > {!! App\Support\CommonMark\CommonMark::convertToHtml($article->content) !!} diff --git a/resources/views/blog.blade.php b/resources/views/blog.blade.php index 36e511a9..89fc0d56 100644 --- a/resources/views/blog.blade.php +++ b/resources/views/blog.blade.php @@ -11,21 +11,23 @@ class="mt-10 md:mt-14" x-init=" () => { motion.inView($el, (element) => { - motion.animate( + gsap.fromTo( $el, { - opacity: [0, 1], - y: [-10, 0], + autoAlpha: 0, + y: -10, }, { + autoAlpha: 1, + y: 0, duration: 0.7, - ease: motion.easeOut, + ease: 'power1.out', }, ) }) } " - class="text-3xl font-extrabold will-change-transform sm:text-4xl" + class="text-3xl font-bold sm:text-4xl" > Blog @@ -35,38 +37,28 @@ class="text-3xl font-extrabold will-change-transform sm:text-4xl" x-init=" () => { motion.inView($el, (element) => { - motion.animate( + gsap.fromTo( $el, { - opacity: [0, 1], - y: [10, 0], + autoAlpha: 0, + y: 10, }, { + autoAlpha: 1, + y: 0, duration: 0.7, - ease: motion.easeOut, + ease: 'power1.out', }, ) }) } " - class="mx-auto max-w-2xl pt-4 text-base/relaxed text-gray-600 will-change-transform sm:text-lg/relaxed dark:text-gray-400" + class="mx-auto max-w-2xl pt-4 text-base/relaxed text-gray-600 sm:text-lg/relaxed dark:text-gray-400" > Welcome to our blog! Here, we share insights, updates, and stories from our community. Stay tuned for the latest news and articles. - - {{-- Blurred circle - Decorative --}} - - - {{-- Blurred circle - Decorative --}} - @@ -88,16 +80,18 @@ class="sr-only" x-init=" () => { motion.inView($el, (element) => { - motion.animate( - Array.from($el.children), + gsap.fromTo( + $el.children, { - x: [-50, 0], - opacity: [0, 1], + x: -50, + autoAlpha: 0, }, { + x: 0, + autoAlpha: 1, duration: 0.7, - ease: motion.circOut, - delay: motion.stagger(0.1), + ease: 'circ.out', + stagger: 0.1, }, ) }) @@ -126,21 +120,22 @@ class="flex items-center justify-between gap-5 pt-2.5" x-init=" () => { motion.inView($el, (element) => { - motion.animate( + gsap.fromTo( $el, { - opacity: [0, 1], - x: [-10, 0], + autoAlpha: 0, + x: -10, }, { + autoAlpha: 1, + x: 0, duration: 0.7, - ease: motion.easeOut, + ease: 'power1.out', }, ) }) } " - class="will-change-transform" > @if (! $articles->onFirstPage()) @if (! $articles->onLastPage())
{{-- Header --}}
{{-- Title --}}

{{ $title }}

{{-- Arrow --}}
@@ -53,7 +53,7 @@ class="shrink-0 text-sm opacity-50" {{-- Blur decoration --}}
From 807849b554c93e40c46e4d7e6e1f871c46c7b543 Mon Sep 17 00:00:00 2001 From: HassanZahirnia Date: Tue, 2 Sep 2025 15:45:22 +0330 Subject: [PATCH 3/8] =?UTF-8?q?=E2=9C=A8=20Refactor=20animations=20in=20ar?= =?UTF-8?q?ticle=20component=20for=20improved=20performance=20and=20consis?= =?UTF-8?q?tency?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- resources/views/article.blade.php | 64 ++++++++++--------------------- 1 file changed, 20 insertions(+), 44 deletions(-) diff --git a/resources/views/article.blade.php b/resources/views/article.blade.php index 1c3c287d..01731a03 100644 --- a/resources/views/article.blade.php +++ b/resources/views/article.blade.php @@ -15,17 +15,11 @@ class="absolute top-0 right-1/2 -z-30 h-60 w-60 translate-x-1/2 rounded-full blu
{{ $article->title }} @@ -91,22 +79,16 @@ class="text-sm" - {{-- Content --}} -
- {!! App\Support\CommonMark\CommonMark::convertToHtml($article->content) !!} -
+
+ {{-- Content --}} +
+ {!! App\Support\CommonMark\CommonMark::convertToHtml($article->content) !!} +
+ + {{-- Sidebar --}} + +
From 98d5b27918875635f29a8b1f3b0e26090940c1cc Mon Sep 17 00:00:00 2001 From: HassanZahirnia Date: Tue, 2 Sep 2025 16:34:19 +0330 Subject: [PATCH 5/8] =?UTF-8?q?=E2=9C=A8=20Refactor=20blog=20layout=20for?= =?UTF-8?q?=20improved=20structure=20and=20responsiveness?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- resources/views/blog.blade.php | 282 +++++++++++++++++++-------------- 1 file changed, 167 insertions(+), 115 deletions(-) diff --git a/resources/views/blog.blade.php b/resources/views/blog.blade.php index 89fc0d56..7fa1254a 100644 --- a/resources/views/blog.blade.php +++ b/resources/views/blog.blade.php @@ -1,9 +1,6 @@ - {{-- Hero --}} -
+
+ {{-- Hero --}}
{{-- Primary Heading --}}

Blog

- {{-- Introduction Description --}}

-
- - {{-- Articles --}} -
- {{-- Semantic heading for section (visually hidden) --}} -

- Blog Articles -

- {{-- List --}} + {{-- Divider --}} - {{-- Pagination --}} - + {{-- Previous --}} +
+ @if (! $articles->onFirstPage()) + + @endif +
+ {{-- Next --}} +
+ @if (! $articles->onLastPage()) + + @endif +
+ +
From a8e372e84cd9245bf7934aa25547559ae53e573a Mon Sep 17 00:00:00 2001 From: HassanZahirnia Date: Tue, 2 Sep 2025 16:45:16 +0330 Subject: [PATCH 6/8] =?UTF-8?q?=E2=9C=A8=20Refactor=20article=20and=20blog?= =?UTF-8?q?=20components=20to=20use=20new=20sidebar=20and=20article=20card?= =?UTF-8?q?=20structure?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- resources/views/article.blade.php | 33 +---------------- resources/views/blog.blade.php | 36 +++---------------- .../{ => blog}/article-card.blade.php | 0 .../views/components/blog/sidebar.blade.php | 30 ++++++++++++++++ 4 files changed, 35 insertions(+), 64 deletions(-) rename resources/views/components/{ => blog}/article-card.blade.php (100%) create mode 100644 resources/views/components/blog/sidebar.blade.php diff --git a/resources/views/article.blade.php b/resources/views/article.blade.php index c12e7444..34fd6e95 100644 --- a/resources/views/article.blade.php +++ b/resources/views/article.blade.php @@ -121,38 +121,7 @@ class="prose max-w-none grow text-gray-600 dark:text-gray-400 dark:prose-heading {{-- Sidebar --}} - +
diff --git a/resources/views/blog.blade.php b/resources/views/blog.blade.php index 7fa1254a..444cf38b 100644 --- a/resources/views/blog.blade.php +++ b/resources/views/blog.blade.php @@ -121,46 +121,18 @@ class="sr-only" class="flex grow flex-col gap-5" > @foreach ($articles as $article) - {{ $article->excerpt }} - + @endforeach
+ {{-- Sidebar --}} - +
{{-- Pagination --}}