This commit is contained in:
McShelby 2024-04-07 13:13:19 +00:00
parent 2611a9597c
commit 3e1df44bb7
264 changed files with 8174 additions and 7718 deletions

View file

@ -11,33 +11,36 @@
<meta name="twitter:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta name="twitter:title" content="Stylesheet generator :: Hugo Relearn Theme">
<meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:title" content="Stylesheet generator :: Hugo Relearn Theme">
<meta property="og:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mcshelby.github.io/hugo-theme-relearn/basics/generator/index.html">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta property="og:site_name" content="Hugo Relearn Theme">
<meta property="og:title" content="Stylesheet generator :: Hugo Relearn Theme">
<meta property="og:description" content="This interactive tool may help you to generate your own color variant stylesheet.
Show usage instructions To get started, first select a color variant from the variant selector in the lower left sidebar that fits you best as a starting point.
The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph and the page will update accordingly.">
<meta property="og:locale" content="en">
<meta property="og:type" content="website">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<title>Stylesheet generator :: Hugo Relearn Theme</title>
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/generator/index.html" rel="alternate" hreflang="x-default">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/generator/index.html" rel="alternate" hreflang="en">
<link href="https://mcshelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="art-pir">
<link href="/hugo-theme-relearn/basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generator :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/basics/generator/index.print.html" rel="alternate" type="text/html" title="Stylesheet generator :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/images/logo.svg?1712490332" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1712495591" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712490333" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/ie.css?1712490333" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712490333"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712490333"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495591" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495591" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712495591" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712495591" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712495591" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712495591" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712495591" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712495591" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712495591" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712495591" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/ie.css?1712495591" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712495591"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712495591"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -114,13 +117,13 @@
<p>This interactive tool may help you to generate your own color variant stylesheet.</p>
<div class="expand">
<input type="checkbox" id="R-expand-8ecd9f96d8fec44bbf805caeaa3bda9f" aria-controls="R-expandcontent-8ecd9f96d8fec44bbf805caeaa3bda9f" >
<label class="expand-label" for="R-expand-8ecd9f96d8fec44bbf805caeaa3bda9f" >
<input type="checkbox" id="R-expand-75a93fec497f79b22256fa67c5d741f2" aria-controls="R-expandcontent-75a93fec497f79b22256fa67c5d741f2" >
<label class="expand-label" for="R-expand-75a93fec497f79b22256fa67c5d741f2" >
<i class="fa-fw fas fa-chevron-down"></i>
<i class="fa-fw fas fa-chevron-right"></i>
Show usage instructions
</label>
<div id="R-expandcontent-8ecd9f96d8fec44bbf805caeaa3bda9f" class="expand-content">
<div id="R-expandcontent-75a93fec497f79b22256fa67c5d741f2" class="expand-content">
<p>To get started, first select a color variant from the variant selector in the lower left sidebar that fits you best as a starting point.</p>
<p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph <strong>and the page</strong> will update accordingly.</p>
@ -237,12 +240,12 @@ window.variants && variants.generator( '#R-vargenerator' );
<script>
var contentLangs=['en'];
</script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.stemmer.support.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.multi.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/lunr/lunr.en.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/search.js?1712495591" defer></script>
</div>
<div id="R-homelinks" class="default-animation">
<hr class="padding">
@ -405,27 +408,27 @@ window.variants && variants.generator( '#R-vargenerator' );
setTimeout( githubButtonsInit, 400 );
});
</script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1712490333"></script>
<script async src="/hugo-theme-relearn/js/github-buttons.js?1712495591"></script>
</div>
</div>
</div>
</aside>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-color.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-dispatch.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-drag.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-ease.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-interpolate.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-selection.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-timer.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-transition.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-zoom.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/js-yaml.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/mermaid.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-color.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-dispatch.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-drag.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-ease.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-interpolate.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-selection.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-timer.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-transition.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-zoom.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/js-yaml.min.js?1712495591" defer></script>
<script src="/hugo-theme-relearn/js/mermaid.min.js?1712495591" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script src="/hugo-theme-relearn/js/theme.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712495591" defer></script>
</body>
</html>

View file

@ -11,34 +11,37 @@
<meta name="twitter:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta name="twitter:title" content="Stylesheet generator :: Hugo Relearn Theme">
<meta name="twitter:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:title" content="Stylesheet generator :: Hugo Relearn Theme">
<meta property="og:description" content="Documentation for Hugo Relearn Theme">
<meta property="og:type" content="website">
<meta property="og:url" content="https://mcshelby.github.io/hugo-theme-relearn/basics/generator/index.html">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<meta property="og:site_name" content="Hugo Relearn Theme">
<meta property="og:title" content="Stylesheet generator :: Hugo Relearn Theme">
<meta property="og:description" content="This interactive tool may help you to generate your own color variant stylesheet.
Show usage instructions To get started, first select a color variant from the variant selector in the lower left sidebar that fits you best as a starting point.
The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph and the page will update accordingly.">
<meta property="og:locale" content="en">
<meta property="og:type" content="website">
<meta property="og:image" content="https://mcshelby.github.io/hugo-theme-relearn/images/hero.png">
<title>Stylesheet generator :: Hugo Relearn Theme</title>
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/generator/index.html" rel="alternate" hreflang="x-default">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/generator/index.html" rel="alternate" hreflang="en">
<link href="https://mcshelby.github.io/hugo-theme-relearn/pir/basics/generator/index.html" rel="alternate" hreflang="art-pir">
<link href="https://mcshelby.github.io/hugo-theme-relearn/basics/generator/index.html" rel="canonical" type="text/html" title="Stylesheet generator :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/basics/generator/index.xml" rel="alternate" type="application/rss+xml" title="Stylesheet generator :: Hugo Relearn Theme">
<link href="/hugo-theme-relearn/images/logo.svg?1712490332" rel="icon" type="image/svg+xml">
<link href="/hugo-theme-relearn/images/logo.svg?1712495591" rel="icon" type="image/svg+xml">
<!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712490333" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712490333" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712490333" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1712490333" rel="stylesheet">
<link href="/hugo-theme-relearn/css/ie.css?1712490333" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712490333"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712490333"></script>
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/nucleus.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/auto-complete.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="/hugo-theme-relearn/css/fonts.css?1712495592" rel="stylesheet"></noscript>
<link href="/hugo-theme-relearn/css/theme.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-style">
<link href="/hugo-theme-relearn/css/chroma-relearn-auto.css?1712495592" rel="stylesheet" id="R-variant-chroma-style">
<link href="/hugo-theme-relearn/css/variant.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/print.css?1712495592" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/format-print.css?1712495592" rel="stylesheet">
<link href="/hugo-theme-relearn/css/ie.css?1712495592" rel="stylesheet">
<script src="/hugo-theme-relearn/js/url.js?1712495592"></script>
<script src="/hugo-theme-relearn/js/variant.js?1712495592"></script>
<script>
window.relearn = window.relearn || {};
window.relearn.relBasePath='..\/..';
@ -93,13 +96,13 @@
<p>This interactive tool may help you to generate your own color variant stylesheet.</p>
<div class="expand">
<input type="checkbox" id="R-expand-8ecd9f96d8fec44bbf805caeaa3bda9f" aria-controls="R-expandcontent-8ecd9f96d8fec44bbf805caeaa3bda9f" >
<label class="expand-label" for="R-expand-8ecd9f96d8fec44bbf805caeaa3bda9f" >
<input type="checkbox" id="R-expand-75a93fec497f79b22256fa67c5d741f2" aria-controls="R-expandcontent-75a93fec497f79b22256fa67c5d741f2" >
<label class="expand-label" for="R-expand-75a93fec497f79b22256fa67c5d741f2" >
<i class="fa-fw fas fa-chevron-down"></i>
<i class="fa-fw fas fa-chevron-right"></i>
Show usage instructions
</label>
<div id="R-expandcontent-8ecd9f96d8fec44bbf805caeaa3bda9f" class="expand-content">
<div id="R-expandcontent-75a93fec497f79b22256fa67c5d741f2" class="expand-content">
<p>To get started, first select a color variant from the variant selector in the lower left sidebar that fits you best as a starting point.</p>
<p>The graph is interactive and reflect the current colors. You can click on any of the colored boxes to adjust the respective color. The graph <strong>and the page</strong> will update accordingly.</p>
@ -132,22 +135,22 @@ window.variants && variants.generator( '#R-vargenerator' );
</div>
</main>
</div>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-color.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-dispatch.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-drag.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-ease.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-interpolate.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-selection.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-timer.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-transition.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-zoom.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/js-yaml.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/mermaid.min.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-color.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-dispatch.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-drag.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-ease.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-interpolate.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-selection.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-timer.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-transition.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/d3/d3-zoom.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/js-yaml.min.js?1712495592" defer></script>
<script src="/hugo-theme-relearn/js/mermaid.min.js?1712495592" defer></script>
<script>
window.themeUseMermaid = JSON.parse("{ \"securityLevel\": \"loose\" }");
</script>
<script src="/hugo-theme-relearn/js/theme.js?1712490333" defer></script>
<script src="/hugo-theme-relearn/js/theme.js?1712495592" defer></script>
</body>
</html>