feat(WD-35846): dev create canonical com ceph

secondary-navigation.yaml

@@ -87,6 +87,14 @@ kafka:
     - title: Docs
       path: https://documentation.ubuntu.com/charmed-kafka/3
 
+ceph:
+  title: Ceph
+  path: /ceph
+
+  children:
+    - title: Support
+      path: /ceph/support
+
 legal:
   title: Legal
   path: /legal

templates/ceph/_blog.html

@@ -0,0 +1,35 @@
+<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="ceph-latest"></div>
+
+  <template id="ceph-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: "#ceph-latest",
+    articleTemplateSelector: "#ceph-latest-template",
+    excerptLength: 180,
+    tagId: 1780,
+    linkImage: true,
+    limit: 4
+  });
+</script>
+{# djlint:on #}