done article view

content/collections/article.yaml

@@ -1,5 +1,15 @@
 title: Article
+template: article/show
+layout: layout
 revisions: false
+route: '/article/{slug}'
+date: true
+sort_dir: asc
 date_behavior:
   past: public
   future: private
+preview_targets:
+  -
+    label: Entry
+    url: '{permalink}'
+    refresh: true

content/collections/article/2024-03-14.the-bola-1.md

@@ -0,0 +1,18 @@
+---
+id: f1c71af9-e3fc-459e-8cda-e4a4be1b10f3
+blueprint: article
+title: 'The Bola 1'
+author: ab0729b7-bf3b-4b76-930d-938ff5d0a937
+updated_by: ab0729b7-bf3b-4b76-930d-938ff5d0a937
+updated_at: 1710555199
+date_field: '2024-03-13 08:50'
+image: group-6775.jpg
+---
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae dicta commodi ad
+
+nobisillum accusamus molestias aliquid nostrum adipisci totam labore nihil facilis delectus soluta ratione, exercitationem perferendis architecto sequi consectetur optio? Molestiae 
+repudiandae quae vitae vero cupiditate 
+
+deleniti corporis culpa quos repellat. Praesentium iste consequuntur maxime qui sequi totam, ipsam, labore quo nisi at aspernatur saepe harum perspiciatis 
+
+ullam aliquam, molestias quisquam corrupti expedita nostrum numquam nobis alias vel?

content/collections/article/2024-03-14.the-bola-2.md

@@ -0,0 +1,12 @@
+---
+id: 5adec921-111f-41b1-ab60-f29e0ffd2f58
+blueprint: article
+title: 'The Bola 2'
+author: ab0729b7-bf3b-4b76-930d-938ff5d0a937
+updated_by: ab0729b7-bf3b-4b76-930d-938ff5d0a937
+updated_at: 1710555146
+duplicated_from: f1c71af9-e3fc-459e-8cda-e4a4be1b10f3
+date_field: '2024-03-13 08:50'
+image: group-6774.jpg
+---
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae dicta commodi ad nobis illum accusamus molestias aliquid nostrum adipisci totam labore nihil facilis delectus soluta ratione, exercitationem perferendis architecto sequi consectetur optio? Molestiae repudiandae quae vitae vero cupiditate deleniti corporis culpa quos repellat. Praesentium iste consequuntur maxime qui sequi totam, ipsam, labore quo nisi at aspernatur saepe harum perspiciatis ullam aliquam, molestias quisquam corrupti expedita nostrum numquam nobis alias vel?

content/collections/article/2024-03-14.the-bola-3.md

@@ -0,0 +1,12 @@
+---
+id: e41505ec-bbe3-456c-9bbd-36dcc0950727
+blueprint: article
+title: 'The Bola 3'
+author: ab0729b7-bf3b-4b76-930d-938ff5d0a937
+updated_by: ab0729b7-bf3b-4b76-930d-938ff5d0a937
+updated_at: 1710555151
+duplicated_from: 5adec921-111f-41b1-ab60-f29e0ffd2f58
+date_field: '2024-03-13 08:50'
+image: group-6773.jpg
+---
+Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae dicta commodi ad nobis illum accusamus molestias aliquid nostrum adipisci totam labore nihil facilis delectus soluta ratione, exercitationem perferendis architecto sequi consectetur optio? Molestiae repudiandae quae vitae vero cupiditate deleniti corporis culpa quos repellat. Praesentium iste consequuntur maxime qui sequi totam, ipsam, labore quo nisi at aspernatur saepe harum perspiciatis ullam aliquam, molestias quisquam corrupti expedita nostrum numquam nobis alias vel?

content/collections/article/the-bola-1.md

@@ -1,11 +0,0 @@
----
-id: f1c71af9-e3fc-459e-8cda-e4a4be1b10f3
-blueprint: article
-title: 'The Bola 1'
-author: ab0729b7-bf3b-4b76-930d-938ff5d0a937
-updated_by: ab0729b7-bf3b-4b76-930d-938ff5d0a937
-updated_at: 1710380861
-date_field: '2024-03-13 08:50'
-image: group-6775.jpg
----
-Something Something

content/collections/article/the-bola-2.md

@@ -1,12 +0,0 @@
----
-id: 5adec921-111f-41b1-ab60-f29e0ffd2f58
-blueprint: article
-title: 'The Bola 2'
-author: ab0729b7-bf3b-4b76-930d-938ff5d0a937
-updated_by: ab0729b7-bf3b-4b76-930d-938ff5d0a937
-updated_at: 1710380884
-duplicated_from: f1c71af9-e3fc-459e-8cda-e4a4be1b10f3
-date_field: '2024-03-13 08:50'
-image: group-6774.jpg
----
-Something Something 2

content/collections/article/the-bola-3.md

@@ -1,12 +0,0 @@
----
-id: e41505ec-bbe3-456c-9bbd-36dcc0950727
-blueprint: article
-title: 'The Bola 3'
-author: ab0729b7-bf3b-4b76-930d-938ff5d0a937
-updated_by: ab0729b7-bf3b-4b76-930d-938ff5d0a937
-updated_at: 1710380897
-duplicated_from: 5adec921-111f-41b1-ab60-f29e0ffd2f58
-date_field: '2024-03-13 08:50'
-image: group-6773.jpg
----
-Something Something 3

content/collections/pages/news.md

@@ -3,7 +3,7 @@ id: 80e50847-bb80-4980-a9df-5ffbc9b8dc86
 blueprint: page
 title: News
 author: ab0729b7-bf3b-4b76-930d-938ff5d0a937
-template: news
+template: article/index
 updated_by: ab0729b7-bf3b-4b76-930d-938ff5d0a937
-updated_at: 1710468060
+updated_at: 1710550926
 ---

content/collections/test.yaml

@@ -0,0 +1,5 @@
+title: test
+revisions: false
+date_behavior:
+  past: public
+  future: private

resources/blueprints/collections/article/article.yaml

@@ -60,3 +60,10 @@ sections:
         field:
           type: slug
           localizable: true
+      -
+        handle: date
+        field:
+          type: date
+          required: true
+          validate:
+            - required

resources/views/news.antlers.html → resources/views/article/index.antlers.html

@@ -10,13 +10,11 @@
     <div class="text-light section-5 py-7">
 
         <div class="row g-0 article-container">
-            <p class="text-highlight db-h5 fw-bold ps-3"> More News </p>
 
             {{ collection:article }}
                 {{ partial:partials/articlecard }}
             {{ /collection:article }}
 
         </div>
-        <button class="nav-link db-btn mx-auto d-none d-lg-block" style="font-size: clamp(18px,1vw,23px);font-weight: 500;padding: 0.5rem 3rem">See More</button>
     </div>
 </section>

resources/views/article/partialArticle.antlers.html

@@ -0,0 +1,30 @@
+<a
+    class="grid grid-rows-[max-content_1fr] items-start rounded overflow-hidden"
+    data-aos="zoom-in"
+    href="{{ url }}"
+>
+    <img
+        class="row-[1_/_2] col-[1_/_3] w-full h-60 object-fill"
+        src="{{ article_pagearticle_image:url }}"
+        alt="{{ article_pagearticle_image:alt }}"
+    />
+    <div
+        class="grid grid-cols-[max-content] row-[1_/_2] col-[1_/_3] gap-4 my-4"
+    >
+        {{ article_pagearticle_taggable }}
+        <span class="bg-primary text-white text-center p-2">{{ value }}</span>
+        {{ /article_pagearticle_taggable }}
+    </div>
+    <div class="px-6 py-4">
+        <h1 class="font-bold text-3xl text-center my-5">{{ title }}</h1>
+        <div
+            class="grid grid-cols-[max-content_max-content] gap-4 items-center justify-center"
+        >
+            <i class="material-icons text-primary">calendar_today</i>
+            <span class="text-primary text-lg">
+                {{ article_pagearticle_date iso_format="DD, MMMM YYYY" }}
+            </span>
+        </div>
+        <p class="text-justify mt-5">{{ article_pagearticle_sub_heading }}</p>
+    </div>
+</a>

resources/views/article/show.antlers.html

@@ -0,0 +1,15 @@
+
+<section>
+    <div class="text-md-center text-light py-5" style="background-image: url(/assets/image/dbparticle2.png);">
+        <div class="container-fluid p-0 m-0" data-aos="zoom-in" >
+            <p class="db-h3 text-highlight">{{ title }}</p>
+        </div>
+    </div>
+
+    <div class="text-white article-container py-5">
+        <img class="img-fluid rounded" src="{{ image }}" />
+        <p class="d-block text-db fw-bolder db-h5 py-2">{{ date_field }}</p>
+        <p>{{ content }}</p>
+    </div>
+
+</section>

resources/views/partials/_footer.antlers.html

@@ -1,7 +1,7 @@
 <footer>
     <div class="row g-0 text-light py-5 footer-container">
         <div class="col-lg-3 text-center">
-            <img class="footer-logo" src="./assets/image/dblogo.png"/>
+            <img class="footer-logo" src="/assets/image/dblogo.png"/>
         </div>
         <div class="col-lg-3 px-5 px-lg-0">
             <p class="text-db footer-details-heading">Address</p>

resources/views/partials/_navbar.antlers.html

@@ -3,7 +3,7 @@
         <div class="container-fluid d-flex flex-wrap justify-between p-0">
 
             <div class="d-none d-lg-block mx-auto mx-xxl-0">
-                <a style="text-decoration: none;" href="/"><img src="assets/logo_1.png" class="nav-logo-desktop">
+                <a style="text-decoration: none;" href="/"><img src="/assets/logo_1.png" class="nav-logo-desktop">
                     <span class="text-light text-highlight my-auto nav-logo-text">THEBOLA</span>
                 </img></a>
 
@@ -16,7 +16,7 @@
                         <i class="text-light fa-solid fa-bars fa-xl"></i>
                     </button>
                     <div class="d-inline d-lg-none mx-auto">
-                        <img src="assets/logo_1.png" class="img-fluid" style="width:60px;">
+                        <img src="/assets/logo_1.png" class="img-fluid" style="width:60px;">
                             <span class="text-light text-highlight my-auto" style="font-size:20px;padding-left: 1rem;vertical-align:middle">THEBOLA</span>
                         </img>
                     </div>