Added k3s page.

Signed-off-by: Pavel Kirilin <win10@list.ru>

layouts/default.vue

@@ -1,9 +1,9 @@
 <template>
   <div class="page">
-    <b-navbar type="is-primary w-100">
+    <b-navbar type="is-primary w-100" :fixed-top="true">
       <template #brand>
         <NuxtLink to="/" class="navbar-item">
-          <img src="/icon.png" alt="Logo" /> S3rius' dev blog
+          <img src="/icon.png" alt="Logo" /> Dev blog
         </NuxtLink>
       </template>
       <template #end>
@@ -24,7 +24,7 @@
           :key="category"
           class="is-hidden-desktop"
         >
-          <p class="navbar-item is-inactive divider">
+          <p class="navbar-item is-inactive category">
             <span>{{ category }}</span>
           </p>
           <NuxtLink
@@ -73,7 +73,8 @@ export default defineComponent({
     const categories = ref([])
     $content({ deep: true })
       .only(['category', 'slug', 'title', 'position'])
-      .sortBy('createdAt', 'asc')
+      .sortBy('category', 'asc')
+      .sortBy('position', 'asc')
       .fetch()
       .then((pages) => {
         let cats = new Map()
@@ -94,12 +95,11 @@ export default defineComponent({
 </script>
 
 <style scoped lang="scss">
-.divider {
+.category {
   width: 100%;
   text-align: center;
-  border-bottom: 1px solid #000;
-  line-height: 0.1em;
   margin: 10px 0 20px;
+  color: gray;
 
   span {
     background: #fff;