{{- $assetBusting := partialCached "assetbusting.gotmpl" . }} <span class="github-buttons"></span> <p>Built with <a href="https://github.com/McShelby/hugo-theme-relearn" title="love"><i class="fas fa-heart"></i></a> by <a href="https://gohugo.io/">Hugo</a></p> <script> function githubButtonsScheme(){ var scheme = 'light'; var colorPropertyValue = window.getComputedStyle( document.querySelector( '#R-sidebar' ) ).getPropertyValue( 'background-color' ); var colorValues = colorPropertyValue.match( /\d+/g ).map( function( e ){ return parseInt(e,10); }); if( colorValues.length === 3 && ((0.2126 * colorValues[0]) + (0.7152 * colorValues[1]) + (0.0722 * colorValues[2]) < 165) ){ {{- /* Luma, https://en.wikipedia.org/wiki/Luma_%28video%29, SMPTE C, Rec. 709 weightings */}} scheme = 'dark'; } return scheme; } function githubButtonsInit(){ if( !window.githubButtons ){ {{- /* wait for the script to load */}} setTimeout( githubButtonsInit, 50 ); return; } var scheme = githubButtonsScheme(); var githubButtonsHTML = ` <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/archive/main.zip" data-color-scheme="${scheme}" data-icon="octicon-cloud-download" aria-label="Download McShelby/hugo-theme-relearn on GitHub">Download</a> <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" data-color-scheme="${scheme}" data-icon="octicon-star" data-show-count="true" aria-label="Star McShelby/hugo-theme-relearn on GitHub">Star</a> <a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn/fork" data-color-scheme="${scheme}" data-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a> `; document.querySelector( '.github-buttons' ).innerHTML = githubButtonsHTML; document.querySelectorAll( '.github-button' ).forEach( function( anchor ){ anchor.dataset.colorScheme = scheme; window.githubButtons.render( anchor, function( el ){ anchor.parentNode.replaceChild( el, anchor ); }); }); } document.addEventListener( 'themeVariantLoaded', function( e ){ {{- /* we have to wait until the CSS class .default-animation has settled and the buttons have loaded to recalculate the scheme again */}} setTimeout( githubButtonsInit, 400 ); }); window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => { setTimeout( githubButtonsInit, 400 ); }); </script> <script async src="{{"js/github-buttons.js" | relURL}}{{ $assetBusting }}"></script>