Implements version 0.8.5 (#255)

assets/fonts/icomoon/icomoon.svg

@@ -22,6 +22,8 @@
 <glyph unicode="&#xe90c;" glyph-name="twitter" horiz-adv-x="1210" d="M1210.182 843.282c-33.787-49.144-76.020-92.914-124.397-128.236 0.768-10.75 0.768-21.501 0.768-32.251 0-327.886-249.562-705.683-705.683-705.683-140.522 0-271.062 40.698-380.869 111.343 19.965-2.304 39.162-3.072 59.895-3.072 115.95 0 222.686 39.162 307.921 105.968-109.039 2.304-200.417 73.717-231.9 172.006 15.358-2.304 30.715-3.839 46.841-3.839 22.269 0 44.537 3.072 65.27 8.447-113.647 23.036-198.881 122.861-198.881 243.419 0 0.768 0 2.304 0 3.072 33.019-18.429 71.413-29.947 112.111-31.483-66.806 44.537-110.575 120.557-110.575 206.56 0 46.073 12.286 88.306 33.787 125.165 122.093-150.505 305.617-248.794 511.409-259.544-3.839 18.429-6.143 37.626-6.143 56.823 0 136.683 110.575 248.026 248.026 248.026 71.413 0 135.915-29.947 181.22-78.324 56.055 10.75 109.807 31.483 157.416 59.895-18.429-57.591-57.591-105.968-109.039-136.683 49.912 5.375 98.289 19.197 142.826 38.394z" />
 <glyph unicode="&#xe90d;" glyph-name="imdb" d="M610.56 550.912v-0.213c-3.285 2.048-9.685 2.987-17.92 2.987v-205.44c11.52 0 18.773 2.56 21.333 7.040 2.645 4.437 4.053 17.28 4.053 37.76v122.283c0 14.080-0.171 23.040-1.408 26.88-0.939 4.096-2.859 6.955-6.059 8.704zM956.416 960h-887.296c-37.461-2.56-66.56-31.744-69.12-68.096v-886.784c2.56-37.291 30.379-65.792 66.347-68.992 0.64-0.128 1.28-0.128 1.92-0.128h889.387c37.547 3.755 66.133 35.243 66.347 72.96v878.080c0 37.973-29.653 69.973-67.584 72.96zM204.459 293.291h-81.28v314.283h81.28zM483.499 293.376h-70.912v212.053l-28.587-212.011h-50.688l-29.781 207.36-0.299-207.36h-71.125v314.155h105.301c3.541-22.315 6.827-44.715 9.813-67.157l11.52-79.787 18.859 146.944h105.941zM695.851 386.389c0-27.947-1.877-46.677-4.437-56.32-2.645-9.387-7.253-17.067-13.909-22.187-6.4-5.547-14.507-9.301-24.32-11.349-9.515-1.92-24.32-3.2-43.52-3.2l-0.171 0.085h-98.347v314.155h60.843c38.997 0 61.867-2.005 75.52-5.461 13.867-3.84 24.533-9.6 31.787-17.92 7.040-7.68 11.648-17.237 13.355-27.52 2.133-10.027 3.243-30.080 3.243-59.819zM906.795 366.123c0-19.2-1.92-32.597-3.84-42.24-2.56-9.557-8.32-17.237-17.28-24.235-9.643-7.083-20.48-10.24-33.28-10.24-9.387 0-21.333 2.56-29.013 5.803-8.107 4.011-15.275 10.112-21.973 18.219l-4.949-20.053h-73.259v314.197l-0.853 0.128h76.8v-102.4c6.4 7.467 13.44 13.227 21.76 17.067 8.363 3.541 19.883 5.419 29.44 5.419 9.643 0.128 19.2-1.536 28.16-4.907 7.253-2.987 13.653-7.893 18.603-14.080 3.84-5.333 6.4-11.52 7.68-17.92 1.28-5.888 1.877-18.347 1.877-37.12zM814.080 481.92c-5.12 0-8.277-1.707-9.6-5.12-1.28-3.413-2.56-12.373-2.56-26.624v-83.029c0-13.824 1.28-22.741 2.56-26.581 1.707-3.669 5.547-5.973 9.643-5.717 5.12 0 11.605 2.005 12.8 5.973 1.28 4.139 1.963 13.653 1.963 28.757l1.28 0.085v80.64c0 12.928-0.64 21.675-2.56 25.728-1.877 4.267-8.32 5.973-13.525 5.888z" />
 <glyph unicode="&#xe90e;" glyph-name="vk" d="M669.184 960h-314.368c-286.891 0-354.816-67.925-354.816-354.816v-314.368c0-286.891 67.925-354.816 354.816-354.816h314.368c286.891 0 354.816 67.925 354.816 354.816v314.368c0 286.891-68.651 354.816-354.816 354.816zM826.709 229.419h-74.411c-28.16 0-36.864 22.4-87.467 73.685-44.075 42.667-63.573 48.427-74.411 48.427-15.189 0-19.541-4.352-19.541-25.301v-67.2c0-18.091-5.76-28.928-53.461-28.928-78.763 0-166.229 47.701-227.627 136.619-92.501 130.048-117.845 227.627-117.845 247.851 0 10.837 4.352 20.949 25.301 20.949h74.411c18.773 0 26.027-8.661 33.28-28.885 36.821-106.24 98.261-199.467 123.563-199.467 9.387 0 13.739 4.352 13.739 28.16v109.909c-2.901 50.603-29.653 54.912-29.653 72.96 0 8.704 7.253 17.365 18.773 17.365h117.077c15.915 0 21.675-8.661 21.675-27.435v-148.181c0-15.872 7.253-21.675 11.563-21.675 9.387 0 17.365 5.803 34.688 23.125 53.504 59.989 91.776 152.491 91.776 152.491 5.077 10.837 13.739 20.949 32.555 20.949h74.411c22.4 0 27.477-11.52 22.4-27.435-9.387-43.392-100.437-171.989-100.437-171.989-7.936-13.013-10.837-18.773 0-33.28 7.936-10.837 33.963-33.237 51.328-53.461 31.787-36.139 56.32-66.475 62.848-87.467 7.253-20.907-3.627-31.744-24.533-31.787z" />
+<glyph unicode="&#xe90f;" glyph-name="moon" d="M566.422-64c157.924 0 302.158 71.85 397.714 189.584 14.136 17.416-1.278 42.86-23.124 38.7-248.406-47.308-476.524 143.152-476.524 393.908 0 144.444 77.324 277.27 202.996 348.788 19.372 11.024 14.5 40.394-7.512 44.46-28.125 5.44-60.472 8.555-93.546 8.56h-0.004c-282.618 0-512-229.022-512-512 0-282.618 229.022-512 512-512z" />
+<glyph unicode="&#xe910;" glyph-name="sunny" d="M512 724c-24.301 0-44 19.699-44 44v0 96c0 24.301 19.699 44 44 44s44-19.699 44-44v0-96c0-24.301-19.699-44-44-44v0zM512-12c-24.301 0-44 19.699-44 44v0 96c0 24.301 19.699 44 44 44s44-19.699 44-44v0-96c0-24.301-19.699-44-44-44v0zM738.28 630.28c-24.298 0.003-43.995 19.701-43.995 44 0 12.144 4.92 23.139 12.875 31.1l67.88 67.88c7.919 7.719 18.754 12.48 30.7 12.48 24.301 0 44-19.699 44-44 0-11.947-4.761-22.781-12.489-30.71l-67.871-67.871c-7.94-7.957-18.919-12.88-31.047-12.88-0.018 0-0.037 0-0.055 0h0.003zM217.84 109.84c-24.298 0.003-43.995 19.701-43.995 44 0 12.154 4.928 23.157 12.894 31.12l67.88 67.88c8.001 8.208 19.166 13.3 31.52 13.3 24.301 0 44-19.699 44-44 0-12.354-5.091-23.519-13.29-31.511l-67.889-67.889c-7.945-7.969-18.935-12.9-31.076-12.9-0.016 0-0.031 0-0.047 0h0.002zM928 404h-96c-24.301 0-44 19.699-44 44s19.699 44 44 44v0h96c24.301 0 44-19.699 44-44s-19.699-44-44-44v0zM192 404h-96c-24.301 0-44 19.699-44 44s19.699 44 44 44v0h96c24.301 0 44-19.699 44-44s-19.699-44-44-44v0zM806.16 109.84c-0.013 0-0.029 0-0.044 0-12.141 0-23.13 4.931-31.075 12.899l-67.881 67.881c-7.719 7.919-12.48 18.754-12.48 30.7 0 24.301 19.699 44 44 44 11.947 0 22.781-4.761 30.71-12.489l67.871-67.871c7.967-7.963 12.895-18.966 12.895-31.12 0-24.299-19.696-43.997-43.994-44v0zM285.72 630.28c-0.025 0-0.056 0-0.086 0-12.118 0-23.086 4.923-31.013 12.879l-67.881 67.881c-7.719 7.919-12.48 18.754-12.48 30.7 0 24.301 19.699 44 44 44 11.947 0 22.781-4.761 30.71-12.489l67.871-67.871c7.955-7.961 12.875-18.956 12.875-31.1 0-24.299-19.696-43.997-43.994-44v0zM512 244c-112.666 0-204 91.334-204 204s91.334 204 204 204c112.666 0 204-91.334 204-204v0c-0.137-112.611-91.389-203.863-203.987-204h-0.013z" />
 <glyph unicode="&#xe914;" glyph-name="steam" d="M511.104 960c-268.843 0-489.301-207.36-510.165-470.912l274.432-113.408c23.253 15.829 51.328 25.173 81.579 25.173 2.688 0 5.333-0.171 8.021-0.256l122.069 176.725v2.517c0 106.453 86.528 193.024 193.024 193.024 106.411 0 193.024-86.656 193.024-193.152s-86.613-193.067-193.024-193.067h-4.48l-173.909-124.203c0-2.219 0.171-4.48 0.171-6.784 0-80-64.64-144.896-144.64-144.896-69.76 0-128.683 50.048-142.123 116.352l-196.48 81.365c60.843-214.912 258.133-372.48 492.501-372.48 282.752 0 511.957 229.248 511.957 512s-229.248 512-511.957 512zM321.707 183.040l-62.848 26.027c11.179-23.168 30.464-42.624 56.064-53.333 55.339-22.997 119.168 3.243 142.165 58.667 11.221 26.88 11.264 56.277 0.213 83.157s-32 47.829-58.752 59.008c-26.624 11.093-55.040 10.624-80.128 1.28l64.981-26.88c40.789-17.067 60.117-64 43.051-104.747-16.939-40.832-63.872-60.16-104.704-43.179zM808.747 579.968c0 70.912-57.728 128.64-128.64 128.64-71.040 0-128.64-57.728-128.64-128.64 0-71.040 57.6-128.64 128.64-128.64 70.955 0 128.64 57.6 128.64 128.64zM583.765 580.181c0 53.419 43.221 96.683 96.64 96.683 53.291 0 96.683-43.264 96.683-96.683 0-53.376-43.392-96.64-96.683-96.64-53.461 0-96.64 43.264-96.64 96.64z" />
 <glyph unicode="&#xe915;" glyph-name="twitch" d="M89.131 960l-66.731-178.133v-712.277h244.736v-133.589h133.632l133.419 133.632h200.32l267.093 267.008v623.36zM178.133 871.040h734.507v-489.771l-155.819-155.819h-244.821l-133.419-133.419v133.419h-200.448zM423.040 425.728h88.96v267.093h-88.96zM667.733 425.728h89.003v267.093h-89.003z" />
 <glyph unicode="&#xe916;" glyph-name="youtube" d="M1002.453 695.253c-12.365 43.307-45.781 76.722-88.183 88.866l-0.905 0.222c-79.787 21.376-400.896 21.376-400.896 21.376s-320.299 0.427-400.896-21.376c-43.307-12.365-76.722-45.781-88.866-88.183l-0.222-0.905c-14.173-72.978-22.281-156.904-22.281-242.723 0-1.743 0.003-3.484 0.010-5.225l-0.001 0.268c-0.004-1.198-0.006-2.617-0.006-4.035 0-85.813 8.107-169.732 23.598-251.033l-1.32 8.327c12.365-43.307 45.781-76.722 88.183-88.866l0.905-0.222c79.701-21.419 400.896-21.419 400.896-21.419s320.256 0 400.896 21.419c43.307 12.365 76.722 45.781 88.866 88.183l0.222 0.905c13.59 71.472 21.364 153.686 21.364 237.715 0 3.173-0.011 6.344-0.033 9.513l0.003-0.486c0.024 2.951 0.037 6.439 0.037 9.929 0 84.041-7.776 166.267-22.648 245.996l1.278-8.245zM409.984 294.357v306.901l267.264-153.685z" />

assets/js/post.js

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[6],{1:function(e,t,n){"use strict";n.r(t),n.d(t,"isRTL",(function(){return a})),n.d(t,"isMobile",(function(){return o})),n.d(t,"isDarkMode",(function(){return r})),n.d(t,"formatDate",(function(){return i})),n.d(t,"getParameterByName",(function(){return s})),n.d(t,"adjustImageGallery",(function(){return c})),n.d(t,"managePostImages",(function(){return l})),n.d(t,"makeImagesZoomable",(function(){return d}));var a=function(){var e=document.querySelector("html");return["ar","he","fa"].includes(e.getAttribute("lang"))},o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"768px";return window.matchMedia("(max-width: ".concat(e,")")).matches},r=function(){var e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)");return e&&e.matches},i=function(e){return e?new Date(e).toLocaleDateString(document.documentElement.lang,{year:"numeric",month:"long",day:"numeric"}):""},s=function(e,t){t||(t=window.location.href),e=e.replace(/[\[\]]/g,"\\$&");var n=new RegExp("[?&]".concat(e,"(=([^&#]*)|&|#|$)")).exec(t);return n?n[2]?decodeURIComponent(n[2].replace(/\+/g," ")):"":null},c=function(){for(var e=document.querySelectorAll(".kg-gallery-image img"),t=0,n=e.length;t<n;t++){var a=e[t].closest(".kg-gallery-image"),o=e[t].attributes.width.value/e[t].attributes.height.value;a.style.flex="".concat(o," 1 0%")}},l=function(e){e(".js-post-content").find("img").each((function(){e(this).closest("figure").hasClass("kg-bookmark-card")||e(this).parent().is("a")||e(this).addClass("js-zoomable");var t=e(this).parent().find("figcaption");t?e(this).attr("alt",t.text()):e(this).attr("alt","")}))},d=function(e,t){var n=t(".js-zoomable");n.on("open",(function(t){o()&&e(t.target).parent().hasClass("kg-gallery-image")&&setTimeout((function(){var t=e(".medium-zoom-image--opened"),n=t[0].style.transform,a=n.substr(0,n.indexOf(" ")),o=parseFloat(a.substr(a.indexOf("(")+1).split(")")[0]),r=n.substr(n.indexOf(" ")+1),i=parseFloat(r.split(",")[1]),s="scale(1) translate3d(0, ".concat(i<0?o*i+i:o*i-i,"px, 0)");t.addClass("medium-zoom-image-mobile"),t[0].style.transform=s}),10)})),n.on("close",(function(){o()&&e(event.target).parent().hasClass("kg-gallery-image")&&e(".medium-zoom-image").removeClass("medium-zoom-image-mobile")}))}},18:function(e,t,n){e.exports=n(19)},19:function(e,t,n){"use strict";n.r(t);var a=n(0),o=n.n(a),r=n(4),i=n(5),s=n.n(i),c=n(3),l=n(2),d=n(1),u=null,m=null,f=window.pageYOffset,h=0,g=0,p=0,w=!1;function b(){f=window.pageYOffset,j()}function y(e){Object(d.isMobile)("1023px")?(o()("body").addClass("share-menu-displayed"),setTimeout((function(){u.removeAttr("data-aos")}),e)):o()("body").removeClass("share-menu-displayed")}function v(){O(),y(100),setTimeout((function(){T(),j()}),200)}function j(){w||requestAnimationFrame(k),w=!0}function k(){var e=g-h,t=Math.ceil(f/e*100);t<=100&&function(e){if(e<=100){var t=p-e/100*p;m[0].style.strokeDashoffset=t}}(t),w=!1}function O(){h=window.innerHeight,g=o()(document).height()}function T(){var e=m.parent().width(),t=e/2,n=Object(d.isMobile)()?2:3;m.parent().attr("viewBox","0 0 ".concat(e," ").concat(e)),m.attr("stroke-width",n),m.attr("r",t-(n-1)),m.attr("cx",t),m.attr("cy",t),p=2*t*Math.PI,m[0].style.strokeDasharray="".concat(p," ").concat(p),m[0].style.strokeDashoffset=p}o()(document).ready((function(){u=o()(".js-aos-wrapper");var e=o()(".js-scrolltop"),t=o()(".js-load-comments"),n=o()(".js-comments-iframe"),a=o()(".js-recommended-slider");if(s()(".js-post-content"),Object(d.adjustImageGallery)(),y(1e3),a.length>0){var i=new l.d(".js-recommended-slider",{type:"slider",rewind:!1,perView:3,swipeThreshold:!1,dragThreshold:!1,gap:0,direction:Object(d.isRTL)()?"rtl":"ltr",breakpoints:{1023:{type:"carousel",perView:2,swipeThreshold:80,dragThreshold:120},720:{type:"carousel",perView:2,swipeThreshold:80,dragThreshold:120},568:{type:"carousel",perView:1,swipeThreshold:80,dragThreshold:120}}});i.on("mount.after",(function(){Object(c.a)(".js-article-card-title",100),Object(c.a)(".js-article-card-title-no-image",250)})),i.on("length.change",(function(e){1===e&&(i.update({type:"slider"}),a.find(".js-controls").remove())})),i.mount({Controls:l.b,Swipe:l.c,Breakpoints:l.a,Length:function(e,t,n){return{mount:function(){n.emit("length.change",t.Sizes.length)}}}})}Object(c.a)(".js-article-card-title",100),Object(c.a)(".js-article-card-title-no-image",250),e.click((function(){o()("html, body").animate({scrollTop:0},500)})),t.click((function(){t.parent().hide(),n.fadeIn("slow")})),Object(d.managePostImages)(o.a),Object(d.makeImagesZoomable)(o.a,r.a),window.addEventListener("scroll",b,{passive:!0}),window.addEventListener("resize",v,{passive:!0})})),o()(window).on("load",(function(){m=o()(".js-progress"),O(),T(),k(),setTimeout((function(){m.parent().css("opacity",1)}),300)}))}},[[18,0,1]]]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[6],{1:function(e,t,n){"use strict";n.r(t),n.d(t,"isRTL",(function(){return a})),n.d(t,"isMobile",(function(){return o})),n.d(t,"isDarkMode",(function(){return r})),n.d(t,"formatDate",(function(){return i})),n.d(t,"getParameterByName",(function(){return s})),n.d(t,"adjustImageGallery",(function(){return c})),n.d(t,"managePostImages",(function(){return l})),n.d(t,"makeImagesZoomable",(function(){return d}));var a=function(){var e=document.querySelector("html");return["ar","he","fa"].includes(e.getAttribute("lang"))},o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"768px";return window.matchMedia("(max-width: ".concat(e,")")).matches},r=function(){var e=window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)");return e&&e.matches},i=function(e){return e?new Date(e).toLocaleDateString(document.documentElement.lang,{year:"numeric",month:"long",day:"numeric"}):""},s=function(e,t){t||(t=window.location.href),e=e.replace(/[\[\]]/g,"\\$&");var n=new RegExp("[?&]".concat(e,"(=([^&#]*)|&|#|$)")).exec(t);return n?n[2]?decodeURIComponent(n[2].replace(/\+/g," ")):"":null},c=function(){for(var e=document.querySelectorAll(".kg-gallery-image img"),t=0,n=e.length;t<n;t++){var a=e[t].closest(".kg-gallery-image"),o=e[t].attributes.width.value/e[t].attributes.height.value;a.style.flex="".concat(o," 1 0%")}},l=function(e){e(".js-post-content").find("img").each((function(){e(this).closest("figure").hasClass("kg-bookmark-card")||e(this).parent().is("a")||e(this).addClass("js-zoomable");var t=e(this).parent().find("figcaption");t?e(this).attr("alt",t.text()):e(this).attr("alt","")}))},d=function(e,t){var n=t(".js-zoomable");n.on("open",(function(t){o()&&e(t.target).parent().hasClass("kg-gallery-image")&&setTimeout((function(){var t=e(".medium-zoom-image--opened"),n=t[0].style.transform,a=n.substr(0,n.indexOf(" ")),o=parseFloat(a.substr(a.indexOf("(")+1).split(")")[0]),r=n.substr(n.indexOf(" ")+1),i=parseFloat(r.split(",")[1]),s="scale(1) translate3d(0, ".concat(i<0?o*i+i:o*i-i,"px, 0)");t.addClass("medium-zoom-image-mobile"),t[0].style.transform=s}),10)})),n.on("close",(function(){o()&&e(event.target).parent().hasClass("kg-gallery-image")&&e(".medium-zoom-image").removeClass("medium-zoom-image-mobile")}))}},18:function(e,t,n){e.exports=n(19)},19:function(e,t,n){"use strict";n.r(t);var a=n(0),o=n.n(a),r=n(4),i=n(5),s=n.n(i),c=n(3),l=n(2),d=n(1),u=null,m=null,f=window.pageYOffset,h=0,g=0,p=0,w=!1,b=function(){f=window.pageYOffset,j()},y=function(e){Object(d.isMobile)("1023px")?(o()("body").addClass("share-menu-displayed"),setTimeout((function(){u.removeAttr("data-aos")}),e)):o()("body").removeClass("share-menu-displayed")},v=function(){O(),y(100),setTimeout((function(){T(),j()}),200)},j=function(){w||requestAnimationFrame(k),w=!0},k=function(){var e=g-h,t=Math.ceil(f/e*100);t<=100&&x(t),w=!1},O=function(){h=window.innerHeight,g=o()(document).height()},T=function(){var e=m.parent().width(),t=e/2,n=Object(d.isMobile)()?2:3;m.parent().attr("viewBox","0 0 ".concat(e," ").concat(e)),m.attr("stroke-width",n),m.attr("r",t-(n-1)),m.attr("cx",t),m.attr("cy",t),p=2*t*Math.PI,m[0].style.strokeDasharray="".concat(p," ").concat(p),m[0].style.strokeDashoffset=p},x=function(e){if(e<=100){var t=p-e/100*p;m[0].style.strokeDashoffset=t}};o()(document).ready((function(){u=o()(".js-aos-wrapper");var e=o()(".js-scrolltop"),t=o()(".js-load-comments"),n=o()(".js-comments-iframe"),a=o()(".js-recommended-slider");if(s()(".js-post-content"),Object(d.adjustImageGallery)(),y(1e3),a.length>0){var i=new l.d(".js-recommended-slider",{type:"slider",rewind:!1,perView:3,swipeThreshold:!1,dragThreshold:!1,gap:0,direction:Object(d.isRTL)()?"rtl":"ltr",breakpoints:{1023:{type:"carousel",perView:2,swipeThreshold:80,dragThreshold:120},720:{type:"carousel",perView:2,swipeThreshold:80,dragThreshold:120},568:{type:"carousel",perView:1,swipeThreshold:80,dragThreshold:120}}});i.on("mount.after",(function(){Object(c.a)(".js-article-card-title",100),Object(c.a)(".js-article-card-title-no-image",250)})),i.on("length.change",(function(e){1===e&&(i.update({type:"slider"}),a.find(".js-controls").remove())})),i.mount({Controls:l.b,Swipe:l.c,Breakpoints:l.a,Length:function(e,t,n){return{mount:function(){n.emit("length.change",t.Sizes.length)}}}})}Object(c.a)(".js-article-card-title",100),Object(c.a)(".js-article-card-title-no-image",250),e.click((function(){o()("html, body").animate({scrollTop:0},500)})),t.click((function(){t.parent().hide(),n.fadeIn("slow")})),Object(d.managePostImages)(o.a),Object(d.makeImagesZoomable)(o.a,r.a),window.addEventListener("scroll",b,{passive:!0}),window.addEventListener("resize",v,{passive:!0})})),o()(window).on("load",(function(){m=o()(".js-progress"),O(),T(),k(),setTimeout((function(){m.parent().css("opacity",1)}),300)}))}},[[18,0,1]]]);

default.hbs

@@ -26,37 +26,37 @@
     <style>
       /* These font-faces are here to make fonts work if the Ghost instance is installed in a subdirectory */
 
-      /* source-sans-pro-regular - latin */
+      /* source-sans-pro-regular */
       @font-face {
         font-family: 'Source Sans Pro';
         font-style: normal;
         font-weight: 400;
         font-display: swap;
         src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
-            url("{{asset 'fonts/source-sans-pro/source-sans-pro-v13-latin-regular.woff2'}}") format('woff2'),
+            url("{{asset 'fonts/source-sans-pro/source-sans-pro-regular.woff2'}}") format('woff2'),
-            url("{{asset 'fonts/source-sans-pro/source-sans-pro-v13-latin-regular.woff'}}") format('woff');
+            url("{{asset 'fonts/source-sans-pro/source-sans-pro-regular.woff'}}") format('woff');
       }
 
-      /* source-sans-pro-600 - latin */
+      /* source-sans-pro-600 */
       @font-face {
         font-family: 'Source Sans Pro';
         font-style: normal;
         font-weight: 600;
         font-display: swap;
         src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
-            url("{{asset 'fonts/source-sans-pro/source-sans-pro-v13-latin-600.woff2'}}") format('woff2'),
+            url("{{asset 'fonts/source-sans-pro/source-sans-pro-600.woff2'}}") format('woff2'),
-            url("{{asset 'fonts/source-sans-pro/source-sans-pro-v13-latin-600.woff'}}") format('woff');
+            url("{{asset 'fonts/source-sans-pro/source-sans-pro-600.woff'}}") format('woff');
       }
 
-      /* source-sans-pro-700 - latin */
+      /* source-sans-pro-700 */
       @font-face {
         font-family: 'Source Sans Pro';
         font-style: normal;
         font-weight: 700;
         font-display: swap;
         src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
-            url("{{asset 'fonts/source-sans-pro/source-sans-pro-v13-latin-700.woff2'}}") format('woff2'),
+            url("{{asset 'fonts/source-sans-pro/source-sans-pro-700.woff2'}}") format('woff2'),
-            url("{{asset 'fonts/source-sans-pro/source-sans-pro-v13-latin-700.woff'}}") format('woff');
+            url("{{asset 'fonts/source-sans-pro/source-sans-pro-700.woff'}}") format('woff');
       }
 
       /* iconmoon */
@@ -65,11 +65,11 @@
         font-weight: normal;
         font-style: normal;
         font-display: swap;
-        src: url("{{asset 'fonts/icomoon/icomoon.eot?vukg2s'}}");
+        src: url("{{asset 'fonts/icomoon/icomoon.eot?aoz2mo'}}");
-        src: url("{{asset 'fonts/icomoon/icomoon.eot?vukg2s#iefix'}}") format('embedded-opentype'),
+        src: url("{{asset 'fonts/icomoon/icomoon.eot?aoz2mo#iefix'}}") format('embedded-opentype'),
-        url("{{asset 'fonts/icomoon/icomoon.ttf?vukg2s'}}") format('truetype'),
+        url("{{asset 'fonts/icomoon/icomoon.ttf?aoz2mo'}}") format('truetype'),
-        url("{{asset 'fonts/icomoon/icomoon.woff?vukg2s'}}") format('woff'),
+        url("{{asset 'fonts/icomoon/icomoon.woff?aoz2mo'}}") format('woff'),
-        url("{{asset 'fonts/icomoon/icomoon.svg?vukg2s#icomoon'}}") format('svg');
+        url("{{asset 'fonts/icomoon/icomoon.svg?aoz2mo#icomoon'}}") format('svg');
       }
     </style>
 

package.json

@@ -54,5 +54,5 @@
     "desktop": "assets/screenshot-desktop.jpg",
     "mobile": "assets/screenshot-mobile.jpg"
   },
-  "version": "0.8.1"
+  "version": "0.8.5"
 }

partials/footer.hbs

@@ -13,14 +13,17 @@ This footer template is shared across all the pages.
     <nav class="m-footer-social">
       {{#if @site.facebook}}
         <a href="{{facebook_url @site.facebook}}" target="_blank" rel="noopener" aria-label="Facebook">
-          <span class="icon-facebook"></span>
+          <span class="icon-facebook" aria-hidden="true"></span>
         </a>
       {{/if}}
       {{#if @site.twitter}}
         <a href="{{twitter_url @site.twitter}}" target="_blank" rel="noopener" aria-label="Twitter">
-          <span class="icon-twitter"></span>
+          <span class="icon-twitter" aria-hidden="true"></span>
         </a>
       {{/if}}
+      <a href="{{@site.url}}/rss" aria-label="RSS">
+        <span class="icon-rss" aria-hidden="true"></span>
+      </a>
     </nav>
     <p class="m-footer-copyright jslicense">
       <a href="{{asset "html/javascript.html"}}" rel="jslicense">{{t "JavaScript license information"}}</a>

partials/header.hbs

@@ -27,8 +27,8 @@ This header template is shared across all the pages.
     </button>
     <div class="m-menu__main" data-aos="fade-down">
       <div class="l-wrapper">
-        <div class="m-nav">
+        <div class="m-nav js-main-nav">
-          <nav class="m-nav__left" role="navigation" aria-label="{{t "Main menu"}}">
+          <nav class="m-nav__left js-main-nav-left" role="navigation" aria-label="{{t "Main menu"}}">
             <ul>
               {{#if @site.logo}}
                 <li class="only-desktop">
@@ -48,13 +48,15 @@ This header template is shared across all the pages.
               {{/if}}
               {{#if @site.secondary_navigation}}
                 <li class="more">
-                  <a href="javascript:void(0);" class="js-open-secondary-menu">
+                  <span>
-                    {{t "More"}}
+                    <a href="javascript:void(0);" class="js-open-secondary-menu">
-                    <span class="icon-chevron-down" aria-hidden="true"></span>
+                      {{t "More"}}
-                  </a>
+                      <span class="icon-chevron-down" aria-hidden="true"></span>
+                    </a>
+                  </span>
                 </li>
               {{/if}}
-              <li class="js-submenu-option">
+              <li class="submenu-option js-submenu-option">
                 <button class="m-icon-button in-menu-main more js-toggle-submenu" aria-label="{{t "Open submenu"}}">
                   <span class="icon-more" aria-hidden="true"></span>
                 </button>
@@ -120,7 +122,10 @@ This header template is shared across all the pages.
                 {{t "Toggle dark mode"}}
               </label>
               <input id="toggle-darkmode" type="checkbox" class="js-toggle-darkmode">
-              <div></div>
+              <div>
+                <span class="icon-moon moon" aria-hidden="true"></span>
+                <span class="icon-sunny sun" aria-hidden="true"></span>
+              </div>
             </div>
           </div>
         </div>

src/js/app.js

@@ -39,29 +39,31 @@ $(document).ready(() => {
   const $searchNoResults = $('.js-no-results')
   const $toggleDarkMode = $('.js-toggle-darkmode')
   const $closeNotification = $('.js-notification-close')
+  const $mainNav = $('.js-main-nav')
+  const $mainNavLeft = $('.js-main-nav-left')
   const currentSavedTheme = localStorage.getItem('theme')
 
   let fuse = null
   let submenuIsOpen = false
   let secondaryMenuTippy = null
 
-  function showSubmenu() {
+  const showSubmenu = () => {
     $header.addClass('submenu-is-active')
     $toggleSubmenu.addClass('active')
     $submenu.removeClass('closed').addClass('opened')
   }
 
-  function hideSubmenu() {
+  const hideSubmenu = () => {
     $header.removeClass('submenu-is-active')
     $toggleSubmenu.removeClass('active')
     $submenu.removeClass('opened').addClass('closed')
   }
 
-  function toggleScrollVertical() {
+  const toggleScrollVertical = () => {
     $body.toggleClass('no-scroll-y')
   }
 
-  function trySearchFeature() {
+  const trySearchFeature = () => {
     if (typeof ghostSearchApiKey !== 'undefined') {
       getAllPosts(ghostHost, ghostSearchApiKey)
     } else {
@@ -71,7 +73,7 @@ $(document).ready(() => {
     }
   }
 
-  function getAllPosts(host, key) {
+  const getAllPosts = (host, key) => {
     const api = new GhostContentAPI({
       url: host,
       key,
@@ -84,11 +86,12 @@ $(document).ready(() => {
       findAllMatches: true,
       includeScore: true,
       minMatchCharLength: 2,
-      keys: ['title', 'custom_excerpt']
+      keys: ['title', 'custom_excerpt', 'tags.name']
     }
 
     api.posts.browse({
       limit: 'all',
+      include: 'tags',
       fields: 'id, title, url, published_at, custom_excerpt'
     })
       .then((posts) => {
@@ -146,6 +149,18 @@ $(document).ready(() => {
     }
   }
 
+  const toggleDesktopTopbarOverflow = (disableOverflow) => {
+    if (!isMobile()) {
+      if (disableOverflow) {
+        $mainNav.addClass('toggle-overflow')
+        $mainNavLeft.addClass('toggle-overflow')
+      } else {
+        $mainNav.removeClass('toggle-overflow')
+        $mainNavLeft.removeClass('toggle-overflow')
+      }
+    }
+  }
+
   $openMenu.click(() => {
     $header.addClass('mobile-menu-opened')
     $menu.addClass('opened')
@@ -229,6 +244,12 @@ $(document).ready(() => {
     }
   })
 
+  $toggleDarkMode.hover(() => {
+    toggleDesktopTopbarOverflow(true)
+  }, () => {
+    toggleDesktopTopbarOverflow(false)
+  })
+
   $closeNotification.click(function () {
     closeNotification($(this).parent())
   })
@@ -333,9 +354,16 @@ $(document).ready(() => {
 
     secondaryMenuTippy = tippy('.js-open-secondary-menu', {
       content: template.innerHTML,
+      allowHTML: true,
       arrow: true,
       trigger: 'click',
-      interactive: true
+      interactive: true,
+      onShow() {
+        toggleDesktopTopbarOverflow(true)
+      },
+      onHidden() {
+        toggleDesktopTopbarOverflow(false)
+      }
     })
   }
 

src/js/post.js

@@ -23,12 +23,12 @@ let lastDocumentHeight = 0
 let circumference = 0
 let isTicking = false
 
-function onScrolling() {
+const onScrolling = () => {
   lastScrollingY = window.pageYOffset
   requestTicking()
 }
 
-function adjustShare(timeout) {
+const adjustShare = (timeout) => {
   if (!isMobile('1023px')) {
     $('body').removeClass('share-menu-displayed')
   } else {
@@ -39,7 +39,7 @@ function adjustShare(timeout) {
   }
 }
 
-function onResizing() {
+const onResizing = () => {
   setHeights()
   adjustShare(100)
 
@@ -49,7 +49,7 @@ function onResizing() {
   }, 200)
 }
 
-function requestTicking() {
+const requestTicking = () => {
   if (!isTicking) {
     requestAnimationFrame(updating)
   }
@@ -57,7 +57,7 @@ function requestTicking() {
   isTicking = true
 }
 
-function updating() {
+const updating = () => {
   const progressMax = lastDocumentHeight - lastWindowHeight
   const percent = Math.ceil((lastScrollingY / progressMax) * 100)
 
@@ -68,12 +68,12 @@ function updating() {
   isTicking = false
 }
 
-function setHeights() {
+const setHeights = () => {
   lastWindowHeight = window.innerHeight
   lastDocumentHeight = $(document).height()
 }
 
-function setCircleStyles() {
+const setCircleStyles = () => {
   const svgWidth = $progressCircle.parent().width();
   const radiusCircle = svgWidth / 2
   const borderWidth = isMobile() ? 2 : 3
@@ -90,14 +90,14 @@ function setCircleStyles() {
   $progressCircle[0].style.strokeDashoffset = circumference
 }
 
-function setProgress(percent) {
+const setProgress = (percent) => {
   if (percent <= 100) {
     const offset = circumference - percent / 100 * circumference
     $progressCircle[0].style.strokeDashoffset = offset
   }
 }
 
-function prepareProgressCircle() {
+const prepareProgressCircle = () => {
   $progressCircle = $('.js-progress')
 
   setHeights()

src/sass/common/_icons.scss

@@ -15,6 +15,12 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-moon:before {
+  content: "\e90f";
+}
+.icon-sunny:before {
+  content: "\e910";
+}
 .icon-chevron-down:before {
   content: "\e900";
 }

src/sass/common/_themes.scss

@@ -6,7 +6,7 @@
   --primary-subtle-color: #0470ee;
   --secondary-subtle-color: #f4f8fd;
   --titles-color: #333;
-  --link-color: #293951;
+  --link-color: #133467;
   --primary-border-color: #9b9b9b;
   --secondary-border-color: aliceblue;
   --article-shadow-normal: 0 10px 10px rgba(0,0,0,0.08);
@@ -16,9 +16,13 @@
   --submenu-shadow-color-opacity: 0.25;
   --button-shadow-color-normal: rgba(108, 108, 108, 0.2);
   --button-shadow-color-hover: rgba(108, 108, 108, 0.3);
-  --toggle-darkmode-button-color: #fff;
   --table-background-color-odd: #fafafa;
   --table-head-border-bottom: #e2e2e2;
+  --toggle-darkmode-button-display-moon: block;
+  --toggle-darkmode-button-display-sun: none;
+  --toggle-darkmode-background-color: rgba(0, 0, 0, 0.05);
+  --header-menu-gradient-first-color: rgba(255, 255, 255, 0);
+  --header-menu-gradient-secound-color: rgba(255, 255, 255, 1);
 }
 
 [data-theme="dark"] {
@@ -38,9 +42,13 @@
   --submenu-shadow-color-opacity: 0.55;
   --button-shadow-color-normal: rgba(10, 10, 10, 0.5);
   --button-shadow-color-hover: rgba(10, 10, 10, 0.5);
-  --toggle-darkmode-button-color: #efd114;
   --table-background-color-odd: #050505;
   --table-head-border-bottom: #1d1d1d;
+  --toggle-darkmode-button-display-moon: none;
+  --toggle-darkmode-button-display-sun: block;
+  --toggle-darkmode-background-color: rgba(0, 0, 0, 0.5);
+  --header-menu-gradient-first-color: rgba(17, 17, 17, 0);
+  --header-menu-gradient-secound-color: rgba(17, 17, 17, 0.65);
 }
 
 @media (prefers-color-scheme: dark) {
@@ -61,8 +69,12 @@
     --submenu-shadow-color-opacity: 0.55;
     --button-shadow-color-normal: rgba(10, 10, 10, 0.5);
     --button-shadow-color-hover: rgba(10, 10, 10, 0.5);
-    --toggle-darkmode-button-color: #efd114;
     --table-background-color-odd: #050505;
     --table-head-border-bottom: #1d1d1d;
+    --toggle-darkmode-button-display-moon: none;
+    --toggle-darkmode-button-display-sun: block;
+    --toggle-darkmode-background-color: rgba(0, 0, 0, 0.5);
+    --header-menu-gradient-first-color: rgba(17, 17, 17, 0);
+    --header-menu-gradient-secound-color: rgba(17, 17, 17, 0.65);
   }
 }

src/sass/components/articles/_share.scss

@@ -32,6 +32,10 @@
     right: -200px;
   }
 
+  a {
+    color: inherit !important;
+  }
+
   a:first-of-type {
     margin-left: 0;
 

src/sass/components/header/_header.scss

@@ -9,7 +9,7 @@
   @include transition(transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1));
 
   @include respond-to('medium') {
-    padding: 20px 0;
+    padding: 15px 0;
   }
 
   &.mobile-menu-opened {

src/sass/components/header/_menu.scss

@@ -8,7 +8,7 @@
   opacity: 0;
   overflow-y: auto;
   z-index: 2;
-  background-color: var(--transparent-background-color);
+  background-color: var(--background-color);
   -webkit-overflow-scrolling: touch;
   @include transform(scale(1.2));
   @include transition(all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1));

src/sass/components/header/_nav.scss

@@ -3,6 +3,18 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
+    height: 37px;
+    overflow-y: hidden;
+  }
+
+  @include respond-to('largest') {
+    margin: 0 -5px;
+  }
+
+  &.toggle-overflow {
+    @include respond-to('medium') {
+      overflow-y: initial;
+    }
   }
 }
 
@@ -10,7 +22,23 @@
   margin-bottom: 30px;
 
   @include respond-to('medium') {
+    display: flex;
+    flex: 1 1 auto;
+    align-items: center;
+    overflow-x: auto;
+    overflow-y: hidden;
+    white-space: nowrap;
+    padding-top: 40px;
+    padding-bottom: 40px;
+    padding-left: 5px;
     margin-bottom: 0;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  &.toggle-overflow {
+    @include respond-to('medium') {
+      overflow-x: hidden;
+    }
   }
 
   ul {
@@ -37,10 +65,6 @@
 
     &:last-of-type {
       margin-bottom: 0;
-
-      @include respond-to('medium') {
-        margin-right: 0;
-      }
     }
 
     &.nav-current {
@@ -69,6 +93,12 @@
         }
       }
     }
+
+    &.submenu-option {
+      @include respond-to('medium') {
+        z-index: 2;
+      }
+    }
   }
 }
 
@@ -76,18 +106,55 @@
   display: flex;
   align-items: center;
   justify-content: flex-end;
+
+  @include respond-to('medium') {
+    flex-shrink: 0;
+    position: relative;
+    padding-left: 20px;
+    padding-right: 5px;
+  }
+
+  &:before {
+    @include respond-to('medium') {
+      content: '';
+      position: absolute;
+      pointer-events: none;
+      top: 0;
+      left: -20px;
+      width: 20px;
+      height: 100%;
+      z-index: 2;
+      background: linear-gradient(90deg, var(--header-menu-gradient-first-color) 0, var(--header-menu-gradient-secound-color));
+    }
+  }
 }
 
 .rtl {
-  .m-nav__left li {
+  .m-nav__left {
     @include respond-to('medium') {
-      margin-right: 0;
+      padding-left: 0;
-      margin-left: 35px;
+      padding-right: 5px;
+    }
 
-      &:last-of-type {
+    li {
-        @include respond-to('medium') {
+      @include respond-to('medium') {
-          margin-left: 0;
+        margin-right: 0;
-        }
+        margin-left: 35px;
+      }
+    }
+  }
+
+  .m-nav__right {
+    @include respond-to('medium') {
+      padding-left: 5px;
+      padding-right: 20px;
+    }
+
+    &:before {
+      @include respond-to('medium') {
+        left: auto;
+        right: -20px;
+        @include transform(rotate(180deg));
       }
     }
   }

src/sass/components/header/_tags.scss

@@ -29,7 +29,7 @@
     }
 
     a {
-      color: var(--link-color);
+      color: var(--link-color) !important;
     }
   }
 }

src/sass/components/header/_toggle-darkmode.scss

@@ -2,8 +2,8 @@
   position: fixed;
   right: $mobile-space;
   bottom: 45px;
-  width: 22px;
+  width: 28px;
-  height: 22px;
+  height: 28px;
   border-radius: 50%;
   overflow: hidden;
   z-index: 2;
@@ -46,16 +46,20 @@
     height: 100%;
     border-radius: 50%;
     overflow: hidden;
-    background-color: $titles;
+    background-color: var(--toggle-darkmode-background-color);
     z-index: 1;
+  }
 
-    &:after {
+  span {
-      content: '';
+    color: var(--titles-color);
-      width: 10px;
+    font-size: 0.9375rem;
-      height: 10px;
+
-      border-radius: 50%;
+    &.moon {
-      background-color: var(--toggle-darkmode-button-color);
+      display: var(--toggle-darkmode-button-display-moon);
-      @include transition(background-color linear 0.2s);
+    }
+
+    &.sun {
+      display: var(--toggle-darkmode-button-display-sun);
     }
   }
 }

src/sass/components/ui/_icon-button.scss

@@ -31,8 +31,8 @@
   }
 
   &.in-mobile-topbar {
-    width: 65px;
+    width: 50px;
-    height: 100%;
+    height: 50px;
   }
 
   &.as-close-menu {
@@ -79,8 +79,8 @@
 
     @include respond-to('medium') {
       display: flex;
-      width: 26px;
+      width: 32px;
-      height: 25px;
+      height: 32px;
     }
   }
 

src/sass/fonts/icomoon/icomoon.svg

@@ -22,6 +22,8 @@
 <glyph unicode="&#xe90c;" glyph-name="twitter" horiz-adv-x="1210" d="M1210.182 843.282c-33.787-49.144-76.020-92.914-124.397-128.236 0.768-10.75 0.768-21.501 0.768-32.251 0-327.886-249.562-705.683-705.683-705.683-140.522 0-271.062 40.698-380.869 111.343 19.965-2.304 39.162-3.072 59.895-3.072 115.95 0 222.686 39.162 307.921 105.968-109.039 2.304-200.417 73.717-231.9 172.006 15.358-2.304 30.715-3.839 46.841-3.839 22.269 0 44.537 3.072 65.27 8.447-113.647 23.036-198.881 122.861-198.881 243.419 0 0.768 0 2.304 0 3.072 33.019-18.429 71.413-29.947 112.111-31.483-66.806 44.537-110.575 120.557-110.575 206.56 0 46.073 12.286 88.306 33.787 125.165 122.093-150.505 305.617-248.794 511.409-259.544-3.839 18.429-6.143 37.626-6.143 56.823 0 136.683 110.575 248.026 248.026 248.026 71.413 0 135.915-29.947 181.22-78.324 56.055 10.75 109.807 31.483 157.416 59.895-18.429-57.591-57.591-105.968-109.039-136.683 49.912 5.375 98.289 19.197 142.826 38.394z" />
 <glyph unicode="&#xe90d;" glyph-name="imdb" d="M610.56 550.912v-0.213c-3.285 2.048-9.685 2.987-17.92 2.987v-205.44c11.52 0 18.773 2.56 21.333 7.040 2.645 4.437 4.053 17.28 4.053 37.76v122.283c0 14.080-0.171 23.040-1.408 26.88-0.939 4.096-2.859 6.955-6.059 8.704zM956.416 960h-887.296c-37.461-2.56-66.56-31.744-69.12-68.096v-886.784c2.56-37.291 30.379-65.792 66.347-68.992 0.64-0.128 1.28-0.128 1.92-0.128h889.387c37.547 3.755 66.133 35.243 66.347 72.96v878.080c0 37.973-29.653 69.973-67.584 72.96zM204.459 293.291h-81.28v314.283h81.28zM483.499 293.376h-70.912v212.053l-28.587-212.011h-50.688l-29.781 207.36-0.299-207.36h-71.125v314.155h105.301c3.541-22.315 6.827-44.715 9.813-67.157l11.52-79.787 18.859 146.944h105.941zM695.851 386.389c0-27.947-1.877-46.677-4.437-56.32-2.645-9.387-7.253-17.067-13.909-22.187-6.4-5.547-14.507-9.301-24.32-11.349-9.515-1.92-24.32-3.2-43.52-3.2l-0.171 0.085h-98.347v314.155h60.843c38.997 0 61.867-2.005 75.52-5.461 13.867-3.84 24.533-9.6 31.787-17.92 7.040-7.68 11.648-17.237 13.355-27.52 2.133-10.027 3.243-30.080 3.243-59.819zM906.795 366.123c0-19.2-1.92-32.597-3.84-42.24-2.56-9.557-8.32-17.237-17.28-24.235-9.643-7.083-20.48-10.24-33.28-10.24-9.387 0-21.333 2.56-29.013 5.803-8.107 4.011-15.275 10.112-21.973 18.219l-4.949-20.053h-73.259v314.197l-0.853 0.128h76.8v-102.4c6.4 7.467 13.44 13.227 21.76 17.067 8.363 3.541 19.883 5.419 29.44 5.419 9.643 0.128 19.2-1.536 28.16-4.907 7.253-2.987 13.653-7.893 18.603-14.080 3.84-5.333 6.4-11.52 7.68-17.92 1.28-5.888 1.877-18.347 1.877-37.12zM814.080 481.92c-5.12 0-8.277-1.707-9.6-5.12-1.28-3.413-2.56-12.373-2.56-26.624v-83.029c0-13.824 1.28-22.741 2.56-26.581 1.707-3.669 5.547-5.973 9.643-5.717 5.12 0 11.605 2.005 12.8 5.973 1.28 4.139 1.963 13.653 1.963 28.757l1.28 0.085v80.64c0 12.928-0.64 21.675-2.56 25.728-1.877 4.267-8.32 5.973-13.525 5.888z" />
 <glyph unicode="&#xe90e;" glyph-name="vk" d="M669.184 960h-314.368c-286.891 0-354.816-67.925-354.816-354.816v-314.368c0-286.891 67.925-354.816 354.816-354.816h314.368c286.891 0 354.816 67.925 354.816 354.816v314.368c0 286.891-68.651 354.816-354.816 354.816zM826.709 229.419h-74.411c-28.16 0-36.864 22.4-87.467 73.685-44.075 42.667-63.573 48.427-74.411 48.427-15.189 0-19.541-4.352-19.541-25.301v-67.2c0-18.091-5.76-28.928-53.461-28.928-78.763 0-166.229 47.701-227.627 136.619-92.501 130.048-117.845 227.627-117.845 247.851 0 10.837 4.352 20.949 25.301 20.949h74.411c18.773 0 26.027-8.661 33.28-28.885 36.821-106.24 98.261-199.467 123.563-199.467 9.387 0 13.739 4.352 13.739 28.16v109.909c-2.901 50.603-29.653 54.912-29.653 72.96 0 8.704 7.253 17.365 18.773 17.365h117.077c15.915 0 21.675-8.661 21.675-27.435v-148.181c0-15.872 7.253-21.675 11.563-21.675 9.387 0 17.365 5.803 34.688 23.125 53.504 59.989 91.776 152.491 91.776 152.491 5.077 10.837 13.739 20.949 32.555 20.949h74.411c22.4 0 27.477-11.52 22.4-27.435-9.387-43.392-100.437-171.989-100.437-171.989-7.936-13.013-10.837-18.773 0-33.28 7.936-10.837 33.963-33.237 51.328-53.461 31.787-36.139 56.32-66.475 62.848-87.467 7.253-20.907-3.627-31.744-24.533-31.787z" />
+<glyph unicode="&#xe90f;" glyph-name="moon" d="M566.422-64c157.924 0 302.158 71.85 397.714 189.584 14.136 17.416-1.278 42.86-23.124 38.7-248.406-47.308-476.524 143.152-476.524 393.908 0 144.444 77.324 277.27 202.996 348.788 19.372 11.024 14.5 40.394-7.512 44.46-28.125 5.44-60.472 8.555-93.546 8.56h-0.004c-282.618 0-512-229.022-512-512 0-282.618 229.022-512 512-512z" />
+<glyph unicode="&#xe910;" glyph-name="sunny" d="M512 724c-24.301 0-44 19.699-44 44v0 96c0 24.301 19.699 44 44 44s44-19.699 44-44v0-96c0-24.301-19.699-44-44-44v0zM512-12c-24.301 0-44 19.699-44 44v0 96c0 24.301 19.699 44 44 44s44-19.699 44-44v0-96c0-24.301-19.699-44-44-44v0zM738.28 630.28c-24.298 0.003-43.995 19.701-43.995 44 0 12.144 4.92 23.139 12.875 31.1l67.88 67.88c7.919 7.719 18.754 12.48 30.7 12.48 24.301 0 44-19.699 44-44 0-11.947-4.761-22.781-12.489-30.71l-67.871-67.871c-7.94-7.957-18.919-12.88-31.047-12.88-0.018 0-0.037 0-0.055 0h0.003zM217.84 109.84c-24.298 0.003-43.995 19.701-43.995 44 0 12.154 4.928 23.157 12.894 31.12l67.88 67.88c8.001 8.208 19.166 13.3 31.52 13.3 24.301 0 44-19.699 44-44 0-12.354-5.091-23.519-13.29-31.511l-67.889-67.889c-7.945-7.969-18.935-12.9-31.076-12.9-0.016 0-0.031 0-0.047 0h0.002zM928 404h-96c-24.301 0-44 19.699-44 44s19.699 44 44 44v0h96c24.301 0 44-19.699 44-44s-19.699-44-44-44v0zM192 404h-96c-24.301 0-44 19.699-44 44s19.699 44 44 44v0h96c24.301 0 44-19.699 44-44s-19.699-44-44-44v0zM806.16 109.84c-0.013 0-0.029 0-0.044 0-12.141 0-23.13 4.931-31.075 12.899l-67.881 67.881c-7.719 7.919-12.48 18.754-12.48 30.7 0 24.301 19.699 44 44 44 11.947 0 22.781-4.761 30.71-12.489l67.871-67.871c7.967-7.963 12.895-18.966 12.895-31.12 0-24.299-19.696-43.997-43.994-44v0zM285.72 630.28c-0.025 0-0.056 0-0.086 0-12.118 0-23.086 4.923-31.013 12.879l-67.881 67.881c-7.719 7.919-12.48 18.754-12.48 30.7 0 24.301 19.699 44 44 44 11.947 0 22.781-4.761 30.71-12.489l67.871-67.871c7.955-7.961 12.875-18.956 12.875-31.1 0-24.299-19.696-43.997-43.994-44v0zM512 244c-112.666 0-204 91.334-204 204s91.334 204 204 204c112.666 0 204-91.334 204-204v0c-0.137-112.611-91.389-203.863-203.987-204h-0.013z" />
 <glyph unicode="&#xe914;" glyph-name="steam" d="M511.104 960c-268.843 0-489.301-207.36-510.165-470.912l274.432-113.408c23.253 15.829 51.328 25.173 81.579 25.173 2.688 0 5.333-0.171 8.021-0.256l122.069 176.725v2.517c0 106.453 86.528 193.024 193.024 193.024 106.411 0 193.024-86.656 193.024-193.152s-86.613-193.067-193.024-193.067h-4.48l-173.909-124.203c0-2.219 0.171-4.48 0.171-6.784 0-80-64.64-144.896-144.64-144.896-69.76 0-128.683 50.048-142.123 116.352l-196.48 81.365c60.843-214.912 258.133-372.48 492.501-372.48 282.752 0 511.957 229.248 511.957 512s-229.248 512-511.957 512zM321.707 183.040l-62.848 26.027c11.179-23.168 30.464-42.624 56.064-53.333 55.339-22.997 119.168 3.243 142.165 58.667 11.221 26.88 11.264 56.277 0.213 83.157s-32 47.829-58.752 59.008c-26.624 11.093-55.040 10.624-80.128 1.28l64.981-26.88c40.789-17.067 60.117-64 43.051-104.747-16.939-40.832-63.872-60.16-104.704-43.179zM808.747 579.968c0 70.912-57.728 128.64-128.64 128.64-71.040 0-128.64-57.728-128.64-128.64 0-71.040 57.6-128.64 128.64-128.64 70.955 0 128.64 57.6 128.64 128.64zM583.765 580.181c0 53.419 43.221 96.683 96.64 96.683 53.291 0 96.683-43.264 96.683-96.683 0-53.376-43.392-96.64-96.683-96.64-53.461 0-96.64 43.264-96.64 96.64z" />
 <glyph unicode="&#xe915;" glyph-name="twitch" d="M89.131 960l-66.731-178.133v-712.277h244.736v-133.589h133.632l133.419 133.632h200.32l267.093 267.008v623.36zM178.133 871.040h734.507v-489.771l-155.819-155.819h-244.821l-133.419-133.419v133.419h-200.448zM423.040 425.728h88.96v267.093h-88.96zM667.733 425.728h89.003v267.093h-89.003z" />
 <glyph unicode="&#xe916;" glyph-name="youtube" d="M1002.453 695.253c-12.365 43.307-45.781 76.722-88.183 88.866l-0.905 0.222c-79.787 21.376-400.896 21.376-400.896 21.376s-320.299 0.427-400.896-21.376c-43.307-12.365-76.722-45.781-88.866-88.183l-0.222-0.905c-14.173-72.978-22.281-156.904-22.281-242.723 0-1.743 0.003-3.484 0.010-5.225l-0.001 0.268c-0.004-1.198-0.006-2.617-0.006-4.035 0-85.813 8.107-169.732 23.598-251.033l-1.32 8.327c12.365-43.307 45.781-76.722 88.183-88.866l0.905-0.222c79.701-21.419 400.896-21.419 400.896-21.419s320.256 0 400.896 21.419c43.307 12.365 76.722 45.781 88.866 88.183l0.222 0.905c13.59 71.472 21.364 153.686 21.364 237.715 0 3.173-0.011 6.344-0.033 9.513l0.003-0.486c0.024 2.951 0.037 6.439 0.037 9.929 0 84.041-7.776 166.267-22.648 245.996l1.278-8.245zM409.984 294.357v306.901l267.264-153.685z" />

src/sass/layouts/_post-content.scss

@@ -101,6 +101,11 @@
   a {
     color: var(--primary-foreground-color);
     text-decoration: underline;
+    @include transition(color linear 0.2s);
+
+    &:hover {
+      color: var(--link-color);
+    }
   }
 
   ul, ol {