This commit is contained in:
McShelby 2023-01-25 20:34:46 +00:00
parent f096f57aef
commit ab75815b9a
348 changed files with 8151 additions and 8157 deletions

View file

@ -12,21 +12,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="x-default">
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html" rel="alternate" hreflang="pir">
<link href="../images/logo.svg?1674648487" rel="icon" type="image/svg+xml">
<link href="../images/logo.svg?1674678879" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../css/fontawesome-all.min.css?1674648487" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674648487" rel="stylesheet"></noscript>
<link href="../css/featherlight.min.css?1674648487" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674648487" rel="stylesheet"></noscript>
<link href="../css/auto-complete.css?1674648487" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674648487" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1674648487" rel="stylesheet">
<link href="../css/nucleus.css?1674648487" rel="stylesheet">
<link href="../css/fonts.css?1674648487" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674648487" rel="stylesheet"></noscript>
<link href="../css/theme.css?1674648487" rel="stylesheet">
<link href="../css/theme-relearn-light.css?1674648487" rel="stylesheet" id="variant-style">
<link href="../css/ie.css?1674648487" rel="stylesheet">
<link href="../css/variant.css?1674648487" rel="stylesheet">
<link href="../css/print.css?1674648487" rel="stylesheet" media="print">
<script src="../js/url.js?1674648487"></script>
<script src="../js/variant.js?1674648487"></script>
<link href="../css/fontawesome-all.min.css?1674678879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674678879" rel="stylesheet"></noscript>
<link href="../css/featherlight.min.css?1674678879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674678879" rel="stylesheet"></noscript>
<link href="../css/auto-complete.css?1674678879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674678879" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1674678879" rel="stylesheet">
<link href="../css/nucleus.css?1674678879" rel="stylesheet">
<link href="../css/fonts.css?1674678879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674678879" rel="stylesheet"></noscript>
<link href="../css/theme.css?1674678879" rel="stylesheet">
<link href="../css/theme-relearn-light.css?1674678879" rel="stylesheet" id="variant-style">
<link href="../css/ie.css?1674678879" rel="stylesheet">
<link href="../css/variant.css?1674678879" rel="stylesheet">
<link href="../css/print.css?1674678879" rel="stylesheet" media="print">
<script src="../js/url.js?1674678879"></script>
<script src="../js/variant.js?1674678879"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -44,7 +44,7 @@
var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
</script>
<script src="../js/jquery.min.js?1674648487" defer></script>
<script src="../js/jquery.min.js?1674678879" defer></script>
<style>
#body img.bg-white {
background-color: white;
@ -177,12 +177,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../js/auto-complete.js?1674648488" defer></script>
<script src="../js/lunr/lunr.min.js?1674648488" defer></script>
<script src="../js/lunr/lunr.stemmer.support.min.js?1674648488" defer></script>
<script src="../js/lunr/lunr.multi.min.js?1674648488" defer></script>
<script src="../js/lunr/lunr.en.min.js?1674648488" defer></script>
<script src="../js/search.js?1674648488" defer></script>
<script src="../js/auto-complete.js?1674678880" defer></script>
<script src="../js/lunr/lunr.min.js?1674678880" defer></script>
<script src="../js/lunr/lunr.stemmer.support.min.js?1674678880" defer></script>
<script src="../js/lunr/lunr.multi.min.js?1674678880" defer></script>
<script src="../js/lunr/lunr.en.min.js?1674678880" defer></script>
<script src="../js/search.js?1674678880" defer></script>
</div>
<div id="content-wrapper" class="highlightable">
<ul class="topics collapsible-menu">
@ -300,13 +300,13 @@
<a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" 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-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
<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 async src="../js/buttons.js?1674648488"></script>
<script async src="../js/buttons.js?1674678880"></script>
</div>
</div>
</aside>
<script src="../js/clipboard.min.js?1674648488" defer></script>
<script src="../js/perfect-scrollbar.min.js?1674648488" defer></script>
<script src="../js/featherlight.min.js?1674648488" defer></script>
<script src="../js/theme.js?1674648488" defer></script>
<script src="../js/clipboard.min.js?1674678880" defer></script>
<script src="../js/perfect-scrollbar.min.js?1674678880" defer></script>
<script src="../js/featherlight.min.js?1674678880" defer></script>
<script src="../js/theme.js?1674678880" defer></script>
</body>
</html>

View file

@ -12,22 +12,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="x-default">
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/index.html" rel="alternate" hreflang="pir">
<link href="../images/logo.svg?1674648487" rel="icon" type="image/svg+xml">
<link href="../images/logo.svg?1674678879" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../css/fontawesome-all.min.css?1674648489" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674648489" rel="stylesheet"></noscript>
<link href="../css/featherlight.min.css?1674648489" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674648489" rel="stylesheet"></noscript>
<link href="../css/auto-complete.css?1674648489" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674648489" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1674648489" rel="stylesheet">
<link href="../css/nucleus.css?1674648489" rel="stylesheet">
<link href="../css/fonts.css?1674648489" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674648489" rel="stylesheet"></noscript>
<link href="../css/theme.css?1674648489" rel="stylesheet">
<link href="../css/theme-relearn-light.css?1674648489" rel="stylesheet" id="variant-style">
<link href="../css/ie.css?1674648489" rel="stylesheet">
<link href="../css/variant.css?1674648489" rel="stylesheet">
<link href="../css/print.css?1674648489" rel="stylesheet" media="print">
<link href="../css/format-print.css?1674648489" rel="stylesheet">
<script src="../js/url.js?1674648489"></script>
<script src="../js/variant.js?1674648489"></script>
<link href="../css/fontawesome-all.min.css?1674678881" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fontawesome-all.min.css?1674678881" rel="stylesheet"></noscript>
<link href="../css/featherlight.min.css?1674678881" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/featherlight.min.css?1674678881" rel="stylesheet"></noscript>
<link href="../css/auto-complete.css?1674678881" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/auto-complete.css?1674678881" rel="stylesheet"></noscript>
<link href="../css/perfect-scrollbar.min.css?1674678881" rel="stylesheet">
<link href="../css/nucleus.css?1674678881" rel="stylesheet">
<link href="../css/fonts.css?1674678881" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../css/fonts.css?1674678881" rel="stylesheet"></noscript>
<link href="../css/theme.css?1674678881" rel="stylesheet">
<link href="../css/theme-relearn-light.css?1674678881" rel="stylesheet" id="variant-style">
<link href="../css/ie.css?1674678881" rel="stylesheet">
<link href="../css/variant.css?1674678881" rel="stylesheet">
<link href="../css/print.css?1674678881" rel="stylesheet" media="print">
<link href="../css/format-print.css?1674678881" rel="stylesheet">
<script src="../js/url.js?1674678881"></script>
<script src="../js/variant.js?1674678881"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -45,7 +45,7 @@
var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
</script>
<script src="../js/jquery.min.js?1674648489" defer></script>
<script src="../js/jquery.min.js?1674678881" defer></script>
<style>
#body img.bg-white {
background-color: white;
@ -115,10 +115,13 @@
<li>Hugo Themes info: <a href="https://themes.gohugo.io/themes/hugo-theme-relearn/" target="_blank">https://themes.gohugo.io/themes/hugo-theme-relearn/</a> <em>1000 x 1500 @ 1</em></li>
</ul>
<p><strong>Page URL</strong>: <a href="../shortcodes/include/">Screenshot Link</a></p>
<p><strong>Location</strong>: <code>images/screenshot.png</code></p>
<p><strong>Creation</strong>:</p>
<ul>
<li>save as <code>images/screenshot.png</code></li>
</ul>
<p><strong>Remarks</strong>:</p>
<p>The location is mandatory due to Hugo&rsquo;s theme site builder.</p>
<p><strong>Preview</strong>:</p>
<p><strong>Preview</strong> <code>images/screenshot.png</code>:</p>
<p>
@ -127,11 +130,11 @@
</a></p>
<h2 id="hero-image">Hero Image</h2>
<p><strong>Content</strong>:</p>
<p>Show the screenshot page on different devices and different themes. Composition of different images.</p>
<p>What to show:</p>
<p>Show the <a href="#screenshot">screenshot</a> page on different devices and different themes. Composition of different images.</p>
<p>The content should be:</p>
<ul>
<li>always use the same page for all variations</li>
<li>use a delightful background</li>
<li>consistent: always use the same page for all devices</li>
<li>pleasing: use a delightful background</li>
</ul>
<p><strong>Used by</strong>:</p>
<ul>
@ -140,8 +143,7 @@
<li>GitHub project site: <a href="https://github.com/McShelby/hugo-theme-relearn" target="_blank">https://github.com/McShelby/hugo-theme-relearn</a> <em>1280 x 640</em></li>
<li>GitHub social media preview: <a href="https://github.com/McShelby/hugo-theme-relearn/settings" target="_blank">https://github.com/McShelby/hugo-theme-relearn/settings</a> <em>1280 x 640</em></li>
</ul>
<p><strong>Page URL</strong>: <a href="../shortcodes/include/">Screenshot Link</a></p>
<p><strong>Location</strong>: <code>images/hero.xcf</code></p>
<p><strong>Page URL</strong>: <a href="../shortcodes/include/">Hero Image Link</a></p>
<p><strong>Creation</strong>:</p>
<ul>
<li>Template: <a href="http://www.pixeden.com/psd-web-elements/psd-screen-web-showcase" target="_blank">http://www.pixeden.com/psd-web-elements/psd-screen-web-showcase</a></li>
@ -151,24 +153,21 @@
<li>From original template size resize to <em>2700 x 1800</em> centered, scale to <em>900 x 600</em> and save as <code>images/tn.png</code></li>
<li>From original template size resize to <em>3000 x 1500</em> offset y: <em>-330</em>, scale to <em>1280 x 640</em> and save as <code>images/hero.png</code></li>
</ul>
<p><strong>Preview</strong>:</p>
<p><strong>Remarks</strong>:</p>
<p>The location of <code>images/tn.png</code> is mandatory due to Hugo&rsquo;s theme site builder.</p>
<p><strong>Preview</strong> <code>images/hero.png</code>:</p>
<p>
<a href="../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" data-featherlight="image">
<img src="../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
</a>
</a></p>
<p><strong>Preview</strong> <code>images/tn.png</code>:</p>
<p>
<a href="../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" data-featherlight="image">
<img src="../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
</a>
<a href="../images/social.png?classes=shadow&amp;width=100%25&amp;height=100%25" data-featherlight="image">
<img src="../images/social.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Social" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
</a></p>
<footer class="footline">
@ -178,9 +177,9 @@
</section> </div>
</main>
</div>
<script src="../js/clipboard.min.js?1674648489" defer></script>
<script src="../js/perfect-scrollbar.min.js?1674648489" defer></script>
<script src="../js/featherlight.min.js?1674648489" defer></script>
<script src="../js/theme.js?1674648489" defer></script>
<script src="../js/clipboard.min.js?1674678881" defer></script>
<script src="../js/perfect-scrollbar.min.js?1674678881" defer></script>
<script src="../js/featherlight.min.js?1674678881" defer></script>
<script src="../js/theme.js?1674678881" defer></script>
</body>
</html>

View file

@ -12,21 +12,21 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="x-default">
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html" rel="alternate" hreflang="pir">
<link href="../../images/logo.svg?1674648487" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1674678879" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1674648487" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674648487" rel="stylesheet"></noscript>
<link href="../../css/featherlight.min.css?1674648487" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674648487" rel="stylesheet"></noscript>
<link href="../../css/auto-complete.css?1674648487" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674648487" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1674648487" rel="stylesheet">
<link href="../../css/nucleus.css?1674648487" rel="stylesheet">
<link href="../../css/fonts.css?1674648487" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674648487" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1674648487" rel="stylesheet">
<link href="../../css/theme-relearn-light.css?1674648487" rel="stylesheet" id="variant-style">
<link href="../../css/ie.css?1674648487" rel="stylesheet">
<link href="../../css/variant.css?1674648487" rel="stylesheet">
<link href="../../css/print.css?1674648487" rel="stylesheet" media="print">
<script src="../../js/url.js?1674648487"></script>
<script src="../../js/variant.js?1674648487"></script>
<link href="../../css/fontawesome-all.min.css?1674678879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674678879" rel="stylesheet"></noscript>
<link href="../../css/featherlight.min.css?1674678879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674678879" rel="stylesheet"></noscript>
<link href="../../css/auto-complete.css?1674678879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674678879" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1674678879" rel="stylesheet">
<link href="../../css/nucleus.css?1674678879" rel="stylesheet">
<link href="../../css/fonts.css?1674678879" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674678879" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1674678879" rel="stylesheet">
<link href="../../css/theme-relearn-light.css?1674678879" rel="stylesheet" id="variant-style">
<link href="../../css/ie.css?1674678879" rel="stylesheet">
<link href="../../css/variant.css?1674678879" rel="stylesheet">
<link href="../../css/print.css?1674678879" rel="stylesheet" media="print">
<script src="../../js/url.js?1674678879"></script>
<script src="../../js/variant.js?1674678879"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -44,7 +44,7 @@
var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
</script>
<script src="../../js/jquery.min.js?1674648487" defer></script>
<script src="../../js/jquery.min.js?1674678879" defer></script>
<style>
#body img.bg-white {
background-color: white;
@ -126,10 +126,13 @@
<li>Hugo Themes info: <a href="https://themes.gohugo.io/themes/hugo-theme-relearn/" target="_blank">https://themes.gohugo.io/themes/hugo-theme-relearn/</a> <em>1000 x 1500 @ 1</em></li>
</ul>
<p><strong>Page URL</strong>: <a href="../../shortcodes/include/">Screenshot Link</a></p>
<p><strong>Location</strong>: <code>images/screenshot.png</code></p>
<p><strong>Creation</strong>:</p>
<ul>
<li>save as <code>images/screenshot.png</code></li>
</ul>
<p><strong>Remarks</strong>:</p>
<p>The location is mandatory due to Hugo&rsquo;s theme site builder.</p>
<p><strong>Preview</strong>:</p>
<p><strong>Preview</strong> <code>images/screenshot.png</code>:</p>
<p>
@ -138,11 +141,11 @@
</a></p>
<h2 id="hero-image">Hero Image</h2>
<p><strong>Content</strong>:</p>
<p>Show the screenshot page on different devices and different themes. Composition of different images.</p>
<p>What to show:</p>
<p>Show the <a href="#screenshot">screenshot</a> page on different devices and different themes. Composition of different images.</p>
<p>The content should be:</p>
<ul>
<li>always use the same page for all variations</li>
<li>use a delightful background</li>
<li>consistent: always use the same page for all devices</li>
<li>pleasing: use a delightful background</li>
</ul>
<p><strong>Used by</strong>:</p>
<ul>
@ -151,8 +154,7 @@
<li>GitHub project site: <a href="https://github.com/McShelby/hugo-theme-relearn" target="_blank">https://github.com/McShelby/hugo-theme-relearn</a> <em>1280 x 640</em></li>
<li>GitHub social media preview: <a href="https://github.com/McShelby/hugo-theme-relearn/settings" target="_blank">https://github.com/McShelby/hugo-theme-relearn/settings</a> <em>1280 x 640</em></li>
</ul>
<p><strong>Page URL</strong>: <a href="../../shortcodes/include/">Screenshot Link</a></p>
<p><strong>Location</strong>: <code>images/hero.xcf</code></p>
<p><strong>Page URL</strong>: <a href="../../shortcodes/include/">Hero Image Link</a></p>
<p><strong>Creation</strong>:</p>
<ul>
<li>Template: <a href="http://www.pixeden.com/psd-web-elements/psd-screen-web-showcase" target="_blank">http://www.pixeden.com/psd-web-elements/psd-screen-web-showcase</a></li>
@ -162,24 +164,21 @@
<li>From original template size resize to <em>2700 x 1800</em> centered, scale to <em>900 x 600</em> and save as <code>images/tn.png</code></li>
<li>From original template size resize to <em>3000 x 1500</em> offset y: <em>-330</em>, scale to <em>1280 x 640</em> and save as <code>images/hero.png</code></li>
</ul>
<p><strong>Preview</strong>:</p>
<p><strong>Remarks</strong>:</p>
<p>The location of <code>images/tn.png</code> is mandatory due to Hugo&rsquo;s theme site builder.</p>
<p><strong>Preview</strong> <code>images/hero.png</code>:</p>
<p>
<a href="../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" data-featherlight="image">
<img src="../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
</a>
</a></p>
<p><strong>Preview</strong> <code>images/tn.png</code>:</p>
<p>
<a href="../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" data-featherlight="image">
<img src="../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
</a>
<a href="../../images/social.png?classes=shadow&amp;width=100%25&amp;height=100%25" data-featherlight="image">
<img src="../../images/social.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Social" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
</a></p>
<footer class="footline">
@ -260,12 +259,12 @@
<script>
var contentLangs=['en'];
</script>
<script src="../../js/auto-complete.js?1674648488" defer></script>
<script src="../../js/lunr/lunr.min.js?1674648488" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1674648488" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1674648488" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1674648488" defer></script>
<script src="../../js/search.js?1674648488" defer></script>
<script src="../../js/auto-complete.js?1674678880" defer></script>
<script src="../../js/lunr/lunr.min.js?1674678880" defer></script>
<script src="../../js/lunr/lunr.stemmer.support.min.js?1674678880" defer></script>
<script src="../../js/lunr/lunr.multi.min.js?1674678880" defer></script>
<script src="../../js/lunr/lunr.en.min.js?1674678880" defer></script>
<script src="../../js/search.js?1674678880" defer></script>
</div>
<div id="content-wrapper" class="highlightable">
<ul class="topics collapsible-menu">
@ -383,13 +382,13 @@
<a class="github-button" href="https://github.com/McShelby/hugo-theme-relearn" 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-icon="octicon-repo-forked" data-show-count="true" aria-label="Fork McShelby/hugo-theme-relearn on GitHub">Fork</a>
<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 async src="../../js/buttons.js?1674648488"></script>
<script async src="../../js/buttons.js?1674678880"></script>
</div>
</div>
</aside>
<script src="../../js/clipboard.min.js?1674648488" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1674648488" defer></script>
<script src="../../js/featherlight.min.js?1674648488" defer></script>
<script src="../../js/theme.js?1674648488" defer></script>
<script src="../../js/clipboard.min.js?1674678880" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1674678880" defer></script>
<script src="../../js/featherlight.min.js?1674678880" defer></script>
<script src="../../js/theme.js?1674678880" defer></script>
</body>
</html>

View file

@ -12,22 +12,22 @@
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="x-default">
<link href="https://McShelby.github.io/hugo-theme-relearn/dev/screenshots/index.html" rel="alternate" hreflang="en">
<link href="https://McShelby.github.io/hugo-theme-relearn/pir/dev/screenshots/index.html" rel="alternate" hreflang="pir">
<link href="../../images/logo.svg?1674648487" rel="icon" type="image/svg+xml">
<link href="../../images/logo.svg?1674678879" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="../../css/fontawesome-all.min.css?1674648489" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674648489" rel="stylesheet"></noscript>
<link href="../../css/featherlight.min.css?1674648489" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674648489" rel="stylesheet"></noscript>
<link href="../../css/auto-complete.css?1674648489" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674648489" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1674648489" rel="stylesheet">
<link href="../../css/nucleus.css?1674648489" rel="stylesheet">
<link href="../../css/fonts.css?1674648489" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674648489" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1674648489" rel="stylesheet">
<link href="../../css/theme-relearn-light.css?1674648489" rel="stylesheet" id="variant-style">
<link href="../../css/ie.css?1674648489" rel="stylesheet">
<link href="../../css/variant.css?1674648489" rel="stylesheet">
<link href="../../css/print.css?1674648489" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1674648489" rel="stylesheet">
<script src="../../js/url.js?1674648489"></script>
<script src="../../js/variant.js?1674648489"></script>
<link href="../../css/fontawesome-all.min.css?1674678881" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1674678881" rel="stylesheet"></noscript>
<link href="../../css/featherlight.min.css?1674678881" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/featherlight.min.css?1674678881" rel="stylesheet"></noscript>
<link href="../../css/auto-complete.css?1674678881" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1674678881" rel="stylesheet"></noscript>
<link href="../../css/perfect-scrollbar.min.css?1674678881" rel="stylesheet">
<link href="../../css/nucleus.css?1674678881" rel="stylesheet">
<link href="../../css/fonts.css?1674678881" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1674678881" rel="stylesheet"></noscript>
<link href="../../css/theme.css?1674678881" rel="stylesheet">
<link href="../../css/theme-relearn-light.css?1674678881" rel="stylesheet" id="variant-style">
<link href="../../css/ie.css?1674678881" rel="stylesheet">
<link href="../../css/variant.css?1674678881" rel="stylesheet">
<link href="../../css/print.css?1674678881" rel="stylesheet" media="print">
<link href="../../css/format-print.css?1674678881" rel="stylesheet">
<script src="../../js/url.js?1674678881"></script>
<script src="../../js/variant.js?1674678881"></script>
<script>
// hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
// https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
@ -45,7 +45,7 @@
var baseUriFull='https:\/\/McShelby.github.io\/hugo-theme-relearn/';
window.variants && variants.init( [ 'relearn-light', 'relearn-dark', 'learn', 'neon', 'blue', 'green', 'red' ] );
</script>
<script src="../../js/jquery.min.js?1674648489" defer></script>
<script src="../../js/jquery.min.js?1674678881" defer></script>
<style>
#body img.bg-white {
background-color: white;
@ -99,10 +99,13 @@
<li>Hugo Themes info: <a href="https://themes.gohugo.io/themes/hugo-theme-relearn/" target="_blank">https://themes.gohugo.io/themes/hugo-theme-relearn/</a> <em>1000 x 1500 @ 1</em></li>
</ul>
<p><strong>Page URL</strong>: <a href="../../shortcodes/include/">Screenshot Link</a></p>
<p><strong>Location</strong>: <code>images/screenshot.png</code></p>
<p><strong>Creation</strong>:</p>
<ul>
<li>save as <code>images/screenshot.png</code></li>
</ul>
<p><strong>Remarks</strong>:</p>
<p>The location is mandatory due to Hugo&rsquo;s theme site builder.</p>
<p><strong>Preview</strong>:</p>
<p><strong>Preview</strong> <code>images/screenshot.png</code>:</p>
<p>
@ -111,11 +114,11 @@
</a></p>
<h2 id="hero-image">Hero Image</h2>
<p><strong>Content</strong>:</p>
<p>Show the screenshot page on different devices and different themes. Composition of different images.</p>
<p>What to show:</p>
<p>Show the <a href="#screenshot">screenshot</a> page on different devices and different themes. Composition of different images.</p>
<p>The content should be:</p>
<ul>
<li>always use the same page for all variations</li>
<li>use a delightful background</li>
<li>consistent: always use the same page for all devices</li>
<li>pleasing: use a delightful background</li>
</ul>
<p><strong>Used by</strong>:</p>
<ul>
@ -124,8 +127,7 @@
<li>GitHub project site: <a href="https://github.com/McShelby/hugo-theme-relearn" target="_blank">https://github.com/McShelby/hugo-theme-relearn</a> <em>1280 x 640</em></li>
<li>GitHub social media preview: <a href="https://github.com/McShelby/hugo-theme-relearn/settings" target="_blank">https://github.com/McShelby/hugo-theme-relearn/settings</a> <em>1280 x 640</em></li>
</ul>
<p><strong>Page URL</strong>: <a href="../../shortcodes/include/">Screenshot Link</a></p>
<p><strong>Location</strong>: <code>images/hero.xcf</code></p>
<p><strong>Page URL</strong>: <a href="../../shortcodes/include/">Hero Image Link</a></p>
<p><strong>Creation</strong>:</p>
<ul>
<li>Template: <a href="http://www.pixeden.com/psd-web-elements/psd-screen-web-showcase" target="_blank">http://www.pixeden.com/psd-web-elements/psd-screen-web-showcase</a></li>
@ -135,24 +137,21 @@
<li>From original template size resize to <em>2700 x 1800</em> centered, scale to <em>900 x 600</em> and save as <code>images/tn.png</code></li>
<li>From original template size resize to <em>3000 x 1500</em> offset y: <em>-330</em>, scale to <em>1280 x 640</em> and save as <code>images/hero.png</code></li>
</ul>
<p><strong>Preview</strong>:</p>
<p><strong>Remarks</strong>:</p>
<p>The location of <code>images/tn.png</code> is mandatory due to Hugo&rsquo;s theme site builder.</p>
<p><strong>Preview</strong> <code>images/hero.png</code>:</p>
<p>
<a href="../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" data-featherlight="image">
<img src="../../images/hero.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Hero" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
</a>
</a></p>
<p><strong>Preview</strong> <code>images/tn.png</code>:</p>
<p>
<a href="../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" data-featherlight="image">
<img src="../../images/tn.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="tn" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
</a>
<a href="../../images/social.png?classes=shadow&amp;width=100%25&amp;height=100%25" data-featherlight="image">
<img src="../../images/social.png?classes=shadow&amp;width=100%25&amp;height=100%25" alt="Social" class="shadow" style="height: 100%; width: 100%;" loading="lazy">
</a></p>
<footer class="footline">
@ -161,9 +160,9 @@
</div>
</main>
</div>
<script src="../../js/clipboard.min.js?1674648489" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1674648489" defer></script>
<script src="../../js/featherlight.min.js?1674648489" defer></script>
<script src="../../js/theme.js?1674648489" defer></script>
<script src="../../js/clipboard.min.js?1674678881" defer></script>
<script src="../../js/perfect-scrollbar.min.js?1674678881" defer></script>
<script src="../../js/featherlight.min.js?1674678881" defer></script>
<script src="../../js/theme.js?1674678881" defer></script>
</body>
</html>