fix: change jinja pattern to normal html

Author: Skazitron

templates/ceph/_blog.html

@@ -0,0 +1,43 @@
+<section class="p-section--deep">
+  <div class="u-fixed-width">
+    <hr class="p-rule" />
+    <h2 class="p-muted-heading">Latest blogs about Ceph</h2>
+  </div>
+  <div class="grid-row" id="maas-latest"></div>
+
+  <template id="maas-latest-template">
+    <div class="grid-col-2 grid-col-medium-2 u-equal-height-items">
+      <div class="p-section--shallow">
+        <div class="u-crop--16-9">
+          <div class="article-image p-image-wrapper"></div>
+        </div>
+        <h3 class="p-heading--5">
+          <a class="article-link article-title"></a>
+        </h3>
+        <p class="article-excerpt"></p>
+      </div>
+    </div>
+  </template>
+</section>
+
+<script src="{{ versioned_static('js/modules/latest-news/latest-news.js') }}"></script>
+{# djlint:off #}
+<script>
+    canonicalLatestNews.fetchLatestNews(
+      {
+        articlesContainerSelector: "#maas-latest",
+        articleTemplateSelector: "#maas-latest-template",
+        excerptLength: 200,
+        {% if group_id %}
+          groupId: {{ group_id }},
+        {% endif %}
+        {% if tag_id %}
+          tagId: {{ tag_id }},
+        {% endif %}
+        linkImage: true,
+        limit: 4
+      }
+    )
+</script>
+{# djlint:on #}
+

templates/ceph/index.html

@@ -400,21 +400,13 @@ <h2>Learn more <br>about Canonical Ceph</h2>
           <p>Discover how AI impacts your storage systems and what it means for your business. Discover insights into storage economics, scale out storage architecture, and AI application improvements to improve storage performance.</p>
         </div>
       </div>
-      
     </div>
   </section>
 
-  <section class="grid-row p-section--deep">
-  {{ vf_blog(
-    title={"text": "Latest blogs about ceph"},
-    padding="deep",
-    template_config={
-      "enabled": True, 
-      "template_container_id": "maas-latest", 
-      "layout": "4-blocks",
-      "template_id": "maas-latest-template"
-    })
-  }}
+  {% with tag_id="1304" %}
+    {% include "ceph/_blog.html" %}
+  {% endwith %}
+
   </section>
 
 {{ load_form("/ceph") | safe }}