add og images, add json and xml feed, fix minor issues

docs/src/components/PostDetail/index.vue

@@ -13,6 +13,15 @@
     </header>
 
     <VueRemarkContent class="text" />
+
+    <div class="c-post-detail__footer">
+      <div class="text">
+        <div class="remark-container warning">
+          <p class="remark-container-title">Become a tiptap insider!</p>
+          <p>Like what you’re reading? <g-link to="https://github.com/sponsors/ueberdosis">Sponsor our work</g-link> to get early access to new features.</p>
+        </div>
+      </div>
+    </div>
   </article>
 </template>
 

docs/src/components/PostDetail/style.scss

@@ -8,18 +8,19 @@
   }
 
   &__title {
-    margin: 0;
+    margin: 0 0 1rem !important;
   }
 
   &__meta {
-    margin: 0.5rem 0 0 0;
     --text-color: rgba(var(--text), 0.4);
     color: var(--text-color);
   }
 
-  &__author {
-    margin: 2rem 0 0 0;
-    --text-color: rgba(var(--text), 0.4);
-    color: var(--text-color);
+  &__footer {
+    margin-top: 1.5rem;
+
+    @media (min-width: 500px) {
+      margin-top: 3rem;
+    }
   }
 }