This commit is contained in:
McShelby 2022-02-21 22:11:42 +00:00
parent eb540d4581
commit f7873385aa
160 changed files with 5153 additions and 5029 deletions
basics/customization

View file

@ -9,24 +9,24 @@
<meta name="author" content="Sören Weber">
<title>Customization :: Documentation for Hugo Relearn Theme</title>
<link rel="alternate" type="application/rss&#43;xml" href="/hugo-theme-relearn/basics/customization/index.xml" title="Documentation for Hugo Relearn Theme" />
<link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645401650" type="image/svg+xml">
<link href="/hugo-theme-relearn/css/nucleus.css?1645401650" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645401650" rel="stylesheet">
<link href="/hugo-theme-relearn/css/featherlight.min.css?1645401650" rel="stylesheet">
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645401650" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1645401650" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme.css?1645401650" rel="stylesheet">
<link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645401650" rel="stylesheet">
<link href="/hugo-theme-relearn/css/variant.css?1645401650" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645401650" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/print.css?1645401650" rel="stylesheet" media="print">
<link rel="icon" href="/hugo-theme-relearn/images/logo.svg?1645481498" type="image/svg+xml">
<link href="/hugo-theme-relearn/css/nucleus.css?1645481498" rel="stylesheet">
<link href="/hugo-theme-relearn/css/fontawesome-all.min.css?1645481498" rel="stylesheet">
<link href="/hugo-theme-relearn/css/featherlight.min.css?1645481498" rel="stylesheet">
<link href="/hugo-theme-relearn/css/perfect-scrollbar.min.css?1645481498" rel="stylesheet">
<link href="/hugo-theme-relearn/css/auto-complete.css?1645481498" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme.css?1645481498" rel="stylesheet">
<link id="variant-style" href="/hugo-theme-relearn/css/theme-relearn-light.css?1645481498" rel="stylesheet">
<link href="/hugo-theme-relearn/css/variant.css?1645481498" rel="stylesheet">
<link href="/hugo-theme-relearn/css/theme-relearn-light.css?1645481498" rel="stylesheet" media="print">
<link href="/hugo-theme-relearn/css/print.css?1645481498" rel="stylesheet" media="print">
<style>
</style>
<script src="/hugo-theme-relearn/js/variant.js?1645401650"></script>
<script src="/hugo-theme-relearn/js/variant.js?1645481498"></script>
<script>
variants.init( [ "relearn-light", "relearn-dark", "learn", "neon", "blue", "green", "red" ] );
</script>
<script src="/hugo-theme-relearn/js/jquery.min.js?1645401650"></script>
<script src="/hugo-theme-relearn/js/jquery.min.js?1645481498"></script>
</head>
<body class="default-animation" data-url="/hugo-theme-relearn/basics/customization/">
<!-- 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: -->
@ -69,9 +69,9 @@
<input data-search-input id="search-by" type="search" placeholder="Search...">
<span data-search-clear=""><i class="fas fa-times"></i></span>
</div>
<script src="/hugo-theme-relearn/js/lunr.min.js?1645401650"></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1645401650"></script>
<script src="/hugo-theme-relearn/js/search.js?1645401650"></script>
<script src="/hugo-theme-relearn/js/lunr.min.js?1645481498"></script>
<script src="/hugo-theme-relearn/js/auto-complete.js?1645481498"></script>
<script src="/hugo-theme-relearn/js/search.js?1645481498"></script>
</div>
<div id="content-wrapper" class="highlightable">
<ul class="topics">
@ -123,11 +123,11 @@
<li><a class="padding" href="/hugo-theme-relearn/tags/"><i class='fas fa-fw fa-tags'></i> Tags</a></li>
</ul>
</div>
<div class="footermargin"></div>
<hr class="default-animation"/>
<div id="prefooter">
<div class="footermargin footerLangSwitch footerVariantSwitch footerVisitedLinks footerFooter showLangSwitch showVariantSwitch showVisitedLinks showFooter"></div>
<hr class="default-animation footerLangSwitch footerVariantSwitch footerVisitedLinks footerFooter showLangSwitch showVariantSwitch showVisitedLinks showFooter"/>
<div id="prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showLangSwitch showVariantSwitch showVisitedLinks">
<ul>
<li id="select-language-container">
<li id="select-language-container" class="footerLangSwitch showLangSwitch">
<a class="padding select-container">
<i class="fas fa-language fa-fw"></i>
<span>&nbsp;</span>
@ -140,7 +140,7 @@
<div class="select-clear"></div>
</a>
</li>
<li id="select-variant-container">
<li id="select-variant-container" class="footerVariantSwitch showVariantSwitch">
<a class="padding select-container">
<i class="fas fa-paint-brush fa-fw"></i>
<span>&nbsp;</span>
@ -157,12 +157,12 @@
</div>
<div class="select-clear"></div>
</a>
<script>variants.markSelectedVariant( variants.getVariant() );</script>
<script>variants.markSelectedVariant();</script>
</li>
<li><a class="padding" href="#" data-clear-history-toggle=""><i class="fas fa-history fa-fw"></i> Clear History</a></li>
<li class="footerVisitedLinks showVisitedLinks"><a class="padding" href="#" data-clear-history-toggle=""><i class="fas fa-history fa-fw"></i> Clear History</a></li>
</ul>
</div>
<div id="footer">
<div id="footer" class="footerFooter showFooter">
<style>
#footer {
font-size: 13px;
@ -359,7 +359,7 @@ You could use an <code>img</code> HTML tag and reference an image created under
<span class="c"># Change default color scheme with a variant one.</span>
<span class="nx">themeVariant</span> <span class="p">=</span> <span class="s2">&#34;mine&#34;</span>
</code></pre></div><h3 id="multiple-variants">Multiple variants</h3>
<p>You can also set multiple variants. In this case, the first variant is the default choosen on first view and a theme switch will be shown in the menu footer.</p>
<p>You can also set multiple variants. In this case, the first variant is the default choosen on first view and a variant switch will be shown in the menu footer.</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="p">[</span><span class="nx">params</span><span class="p">]</span>
<span class="c"># Change default color scheme with a variant one.</span>
<span class="nx">themeVariant</span> <span class="p">=</span> <span class="p">[</span> <span class="s2">&#34;relearn-light&#34;</span><span class="p">,</span> <span class="s2">&#34;relearn-dark&#34;</span> <span class="p">]</span>
@ -380,13 +380,13 @@ You could use an <code>img</code> HTML tag and reference an image created under
<div style="left: -1000px; overflow: scroll; position: absolute; top: -1000px; border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;">
<div style="border: none; box-sizing: content-box; height: 200px; margin: 0px; padding: 0px; width: 200px;"></div>
</div>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1645401650"></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645401650"></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645401650"></script>
<script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645401650"></script>
<script src="/hugo-theme-relearn/js/featherlight.min.js?1645401650"></script>
<script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645401650"></script>
<script src="/hugo-theme-relearn/js/mermaid.min.js?1645401650"></script>
<script src="/hugo-theme-relearn/js/clipboard.min.js?1645481498"></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.min.js?1645481498"></script>
<script src="/hugo-theme-relearn/js/perfect-scrollbar.jquery.min.js?1645481498"></script>
<script src="/hugo-theme-relearn/js/jquery.svg.pan.zoom.js?1645481498"></script>
<script src="/hugo-theme-relearn/js/featherlight.min.js?1645481498"></script>
<script src="/hugo-theme-relearn/js/modernizr.custom-3.6.0.js?1645481498"></script>
<script src="/hugo-theme-relearn/js/mermaid.min.js?1645481498"></script>
<script>
if (typeof mermaid != 'undefined' && typeof mermaid.mermaidAPI != 'undefined') {
mermaid.mermaidAPI.initialize( Object.assign( { "securityLevel": "antiscript" }, JSON.parse("{ \"securityLevel\": \"loose\"}"), { startOnLoad: false } ) );
@ -398,6 +398,6 @@ You could use an <code>img</code> HTML tag and reference an image created under
window.T_Copy_link_to_clipboard = 'Copy link to clipboard';
window.T_Link_copied_to_clipboard = 'Copied link to clipboard!';
</script>
<script src="/hugo-theme-relearn/js/theme.js?1645401650"></script>
<script src="/hugo-theme-relearn/js/theme.js?1645481498"></script>
</body>
</html>