Add scroll to top function

Add share buttons to news item
Add logo to footer

resources/assets/js/functions/scrollToTop.js

@@ -0,0 +1,6 @@
+$(function () {
+  $('.scroll_top').click(function (e) {
+    e.preventDefault();
+    $("html, body").stop().animate({scrollTop: 0}, 500, 'swing');
+  });
+});

resources/assets/js/functions/share.js

@@ -0,0 +1,48 @@
+(function ($) {
+  /**
+   * @param {object} _options
+   */
+  $.fn.share = function (_options) {
+    var options = {
+      type: '',
+      types: {
+        facebook: {
+          url: 'https://www.facebook.com/sharer/sharer.php?u=',
+          textOption: false
+        },
+        twitter_x: {
+          url: 'https://twitter.com/share?url=',
+          textOption: 'text='
+        },
+      },
+      excerptClass: 'excerpt'
+    };
+
+    $.extend(options, _options);
+
+    this.click(function (e) {
+      e.preventDefault();
+      var type = options.types[options.type];
+      if (type !== undefined) {
+        var extra = '';
+        if (type.textOption) {
+          var text = $('.' + options.excerptClass).text();
+          if (text.length + location.href.length > 278) {
+            text = text.substring(0, 278 - (location.href.length + 3))  + '...';
+          }
+          extra = '&' + type.textOption + encodeURI(text);
+        }
+        window.open(type.url + encodeURI(location.href) + extra, "pop", "width=600, height=400, scrollbars=no");
+      } else {
+        console.error(options.type + ' is unknown');
+      }
+    });
+  };
+
+}(jQuery));
+
+$(function () {
+  $('[data-share]').each(function () {
+    $(this).share({type: $(this).data('share')});
+  });
+});

resources/assets/sass/components/_button.scss

@@ -18,4 +18,13 @@
     width: fit-content;
     margin: 0 auto;
   }
-}
+
+  &.btn_facebook_share {
+    background-image: none;
+    background-color: #0f259d;
+  }
+  &.btn_twitter_x_share {
+    background-image: none;
+    background-color: #5ba8f4;
+  }
+}

resources/assets/sass/components/_footer.scss

@@ -69,10 +69,22 @@
 
   .footer_menu2 {
     @include reset-list;
+    float: left;
+    margin-bottom: 20px;
 
     li {
       float: left;
       margin-right: 40px;
+      padding: 9px 0;
+      &:first-child {
+        padding: 0;
+      }
+
+      .logo {
+        display: block;
+        width: 115px;
+        height: 41px;
+      }
 
       a {
         text-decoration: underline;

resources/assets/sass/components/_main_news.scss

@@ -91,6 +91,7 @@
       }
       @media (max-width: 768px) {
         h2 a, h5 a {
+          display: block;
           font-size: 16px;
           line-height: 1.17;
         }

resources/assets/sass/components/_post.scss

@@ -17,7 +17,7 @@
   .post_tags {
     @include reset-list;
     height: 31px;
-    margin-top: 20px;
+    margin: 20px 0;
 
     li {
       float: left;