Merge branch 'develop'

Author: geongeorge

assets/images/telegram-group.svg

@@ -0,0 +1,3 @@
+.article-layout {
+    min-height: 90vh;
+}

assets/styles/layouts/_article.scss

@@ -13,8 +13,6 @@
 
 .static-sidebar-wrapper {
   @apply static h-full inset-0 flex-none w-full;
-
-  min-width: 258px;
 }
 
 @screen lg {

assets/styles/layouts/_post.scss

@@ -17,6 +17,7 @@
 @import "layouts/pages";
 @import "layouts/expr";
 @import "layouts/post";
+@import "layouts/article";
 
 /* Import components */
 @import "components/buttons";

assets/styles/main.scss

@@ -37,7 +37,8 @@ module.exports = {
       "dark-hover",
       "dark-group-hover",
       "dark-even",
-      "dark-odd"
+      "dark-odd",
+      "hover",
     ],
     textColor: ["group-hover", "hover", "dark", "dark-hover", "dark-active"],
     borderColor: ["dark", "dark-focus", "dark-focus-within"],

assets/styles/tailwind.config.js

@@ -8,7 +8,7 @@
           </div>
           <div class="px-2 text-gray-500">
             by
-            <a href="https://geongeorge.com/" class="underline" target="_blank">geon</a>
+            <a href="https://twitter.com/geongeorgek" class="underline" target="_blank">geon</a>
           </div>
         </div>
       </div>

components/layouts/base/footer.vue

@@ -48,13 +48,25 @@
                   />
                 </a>
               </div>
-              <div class="mx-auto  w-full text-center mt-10">
+              <div class="mt-6 w-full w-2/5 sponsor-effect">
                 <a
-                  href="https://bit.ly/ihr-contribute"
-                  rel="nofollow"
-                  class="p-2 text-white font-bold underline text-red-400 hover:text-red-600 rounded"
+                  href="http://bit.ly/ihr-telegram"
+                  rel="noopener nofollow"
                   target="_blank"
-                >Sponsor us</a>
+                >
+                  <img
+                    class="sponsor mx-auto"
+                    src="~/assets/images/telegram-group.svg"
+                    alt="datree.io"
+                  />
+                </a>
+              </div>
+              <div class="mx-auto  w-full text-center mt-10">
+                <nuxt-link to="/donate"
+                           class="p-2 text-white font-bold underline text-red-400 hover:text-red-600 rounded"
+                >
+                  Support this project
+                </nuxt-link>
               </div>
             </div>
           </div>
@@ -113,7 +125,7 @@ export default {
   min-width: 200px;
 }
 .sponsor-effect {
-  opacity: 0.7;
+  opacity: 0.8;
   transition: opacity 200ms ease-out;
 }
 .sponsor-effect:hover {

components/layouts/expr.vue

@@ -0,0 +1,21 @@
+<template>
+  <post>
+    <article class="article-layout">
+      <nuxt></nuxt>
+    </article>
+  </post>
+</template>
+
+<script>
+import post from "~/components/layouts/base/post";
+
+export default {
+    components: {
+        post
+    }
+}
+</script>
+
+<style>
+
+</style>