🆙 Add fixed cms 🆙

2026-02-02 19:30:21 +01:00
parent b1a2cab62d
commit b67e0ec2b9
3982 changed files with 193682 additions and 0 deletions
@@ -0,0 +1,44 @@
+@props(['article', 'forSlider' => false])
+
+<div @class([
+    'h-[210px] dark:bg-gray-900 rounded w-full bg-white shadow-sm relative overflow-hidden transition ease-in-out duration-200',
+    'hover:scale-[101%]' => !$forSlider,
+    'swiper-slide group' => $forSlider,
+]) @if (!$forSlider)
+    onmouseover="slideImage({{ $article->id }})" onmouseleave="unslideImage({{ $article->id }})"
+    @endif>
+    <a href="{{ route('article.show', $article->slug) }}">
+        <div id="article-{{ $article->id }}" style="background: url('/storage/{{ $article->image }}');" class="article-image">
+        </div>
+
+        <div class="mt-4 px-4">
+            <p @class([
+                'font-semibold text-lg truncate dark:text-gray-200',
+                'group-hover:text-[#e9b124] transition duration-200' => $forSlider,
+            ])>
+                {{ $article->title }}
+            </p>
+
+            <div class="flex items-center gap-x-2">
+                <div
+                    class="mt-3 flex h-10 w-10 items-center justify-center overflow-hidden rounded-full bg-gray-100 dark:bg-gray-800">
+                    <img src="{{ setting('avatar_imager') }}{{ $article->user?->look }}&headonly=1" alt="">
+                </div>
+
+                <p class="mt-4 font-semibold dark:text-gray-400">
+                    {{ $article->user->username ?? setting('hotel_name') }}
+                </p>
+            </div>
+        </div>
+    </a>
+</div>
+
+<script>
+    function slideImage(articleId) {
+        document.getElementById('article-' + articleId).classList.add('article-image-slide');
+    }
+
+    function unslideImage(articleId) {
+        document.getElementById('article-' + articleId).classList.remove('article-image-slide');
+    }
+</script>