footer.html

<footer class="footer">

	<div class="footer__copyright">
		<span>© {{ 'now' | date: "%Y" }} {{ site.data.settings.basic_settings.site_title }}</span>
	</div>

</footer>

<a id="donate-sticky" href="https://github.com/sponsors/aristath"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13 20h-7c-2.174-3.004-4-6.284-4-12h15c0 5.667-1.88 9.089-4 12zm5.119-10c-.057.701-.141 1.367-.252 2h1.549c-.449 1.29-1.5 2.478-2.299 2.914-.358 1.038-.787 1.981-1.26 2.852 3.275-1.143 5.847-4.509 6.143-7.766h-3.881zm-1.119 12h-15v2h15v-2zm-3.06-19.614c-.416 1.702-3.07 2.477-3.983 4.614-.088-1.846 1.107-3.031 1.75-3.93 1.045-1.465-.537-2.267-1.633-1.171-.188.187-.38.435-.573.756-.193-.322-.386-.57-.573-.757-1.089-1.09-2.664-.294-1.658 1.137.635.903 1.863 2.095 1.775 3.965-.914-2.137-3.567-2.912-3.984-4.614-.355-1.445.928-2.386 2.29-2.386.793 0 1.613.32 2.15 1.045.537-.725 1.357-1.045 2.15-1.045 1.362 0 2.644.941 2.289 2.386z"/></svg> Like what you read? It takes lots of coffee!</a>
<style>#donate-sticky{background:#2E7D32;color:#fff!important;padding:.5rem;position:fixed;bottom:0;right:0;text-decoration:none;font-size:1rem;opacity:.1;transition:.2s;right:0;width:2rem;height:2.5rem;overflow:hidden;text-align:right;}#donate-sticky:hover,#donate-sticky:focus,#donate-sticky:active{opacity:1;width:100%;}#donate-sticky svg{width:1rem;height:1rem;fill:#fff;margin-right:1rem;}</style>