mirror of
https://github.com/Wonderfall/hugo-WonderMod.git
synced 2024-11-23 11:01:37 +01:00
53 lines
20 KiB
HTML
53 lines
20 KiB
HTML
<!doctype html><html lang=en><head><meta charset=utf-8><meta http-equiv=x-ua-compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no"><title>Papermod - Features - PaperMod</title><meta name=description content="Assets (js/css) The following is enabled by default
|
||
minification - makes the assets size smallest as possible. bundling - bundles all the styles in one single asset fingerprint/intergity check. Default Theme light/dark params: defaultTheme: light or
|
||
params: defaultTheme: dark Archives Layout Add vars below to page-variables
|
||
layout: "archives" ex: here
|
||
Home-Info Mode Use 1st entry as some Information
|
||
add following to config file
|
||
params: homeInfoParams: Title: Hi there wave Content: Can be Info, links, about."><meta name=author content="Aditya Telange"><link rel=canonical href=https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-features/><link href=https://adityatelange.github.io/hugo-PaperMod/css/stylesheet.min.8e15d7202437fa10ce9ee5387074224b3ee7853cda172fd5b65f8f8dc7656284.css integrity="sha256-jhXXICQ3+hDOnuU4cHQiSz7nhTzaFy/Vtl+PjcdlYoQ=" rel="preload stylesheet" as=style><link rel=apple-touch-icon href=https://adityatelange.github.io/hugo-PaperMod/apple-touch-icon.png><link rel=icon href=https://adityatelange.github.io/hugo-PaperMod/favicon.ico><meta name=generator content="Hugo 0.75.1"></head><body class=single id=top><script>if(window.matchMedia('(prefers-color-scheme: dark)').matches){document.body.classList.add('dark');}</script><header class=header><nav class=nav><p class=logo><a href=https://adityatelange.github.io/hugo-PaperMod/>PaperMod</a></p><ul class=menu id=menu onscroll=menu_on_scroll()><li><a href=https://adityatelange.github.io/hugo-PaperMod/archives/><span>Archives</span></a></li><li><a href=https://adityatelange.github.io/hugo-PaperMod/tags/><span>Tags</span></a></li><li><a href=https://adityatelange.github.io/hugo-PaperMod/series/><span>Series</span></a></li></ul></nav></header><main class=main><article class=post-single><header class=post-header><h1 class=post-title>Papermod - Features</h1></header><div class=toc><details open><summary><div class=details>Table of Contents</div></summary><blockquote><ul><li><a href=#assets-jscss>Assets (js/css)</a></li><li><a href=#default-theme-lightdark>Default Theme light/dark</a></li><li><a href=#archives-layout>Archives Layout</a></li><li><a href=#home-info-mode>Home-Info Mode</a></li><li><a href=#profile-mode>Profile Mode</a></li><li><a href=#drafthttpsgohugoiogetting-startedusagedraft-future-and-expired-content-page-indication><a href=https://gohugo.io/getting-started/usage/#draft-future-and-expired-content>Draft</a> Page indication</a></li><li><a href=#scroll-to-top-button>Scroll-to-Top Button</a></li><li><a href=#share-buttons-on-post>Share Buttons on post</a></li><li><a href=#show-post-reading-time>Show post reading time</a></li><li><a href=#show-table-of-contents-on-blog-post>Show Table of Contents on blog post</a></li><li><a href=#comments>Comments</a><ul><li><a href=#scroll-bar-themed>Scroll-Bar themed</a></li><li><a href=#smooth-scroll-between-in-page-links>Smooth Scroll between in-page links</a></li></ul></li></ul></blockquote></details></div><div class=post-content><h2 id=assets-jscss>Assets (js/css)</h2><p>The following is enabled by default</p><ul><li><a href=https://gohugo.io/hugo-pipes/minification/>minification</a> - makes the assets size smallest as possible.</li><li><a href=https://gohugo.io/hugo-pipes/bundling/>bundling</a> - bundles all the styles in one single asset</li><li><a href=https://gohugo.io/hugo-pipes/fingerprint/>fingerprint/intergity</a> check.</li></ul><hr><h2 id=default-theme-lightdark>Default Theme light/dark</h2><div class=highlight><pre style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-yml data-lang=yml><span style=color:#f92672>params</span>:
|
||
<span style=color:#f92672>defaultTheme</span>: <span style=color:#ae81ff>light</span>
|
||
</code></pre></div><p>or</p><div class=highlight><pre style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-yml data-lang=yml><span style=color:#f92672>params</span>:
|
||
<span style=color:#f92672>defaultTheme</span>: <span style=color:#ae81ff>dark</span>
|
||
</code></pre></div><hr><h2 id=archives-layout>Archives Layout</h2><p>Add vars below to page-variables</p><div class=highlight><pre style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-yml data-lang=yml><span style=color:#f92672>layout</span>: <span style=color:#e6db74>"archives"</span>
|
||
</code></pre></div><p>ex: <a href=https://raw.githubusercontent.com/adityatelange/hugo-PaperMod/exampleSite/content/archives.md>here</a></p><p><img src=https://i.ibb.co/cNWc7GZ/paper-mod-archives.png alt></p><hr><h2 id=home-info-mode>Home-Info Mode</h2><p>Use 1st entry as some Information</p><p>add following to config file</p><div class=highlight><pre style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-yml data-lang=yml><span style=color:#f92672>params</span>:
|
||
<span style=color:#f92672>homeInfoParams</span>:
|
||
<span style=color:#f92672>Title</span>: <span style=color:#ae81ff>Hi there wave</span>
|
||
<span style=color:#f92672>Content</span>: <span style=color:#ae81ff>Can be Info, links, about...</span>
|
||
|
||
<span style=color:#f92672>socialIcons</span>: <span style=color:#75715e># optional</span>
|
||
- <span style=color:#f92672>name</span>: <span style=color:#e6db74>"<platform>"</span>
|
||
<span style=color:#f92672>url</span>: <span style=color:#e6db74>"<link>"</span>
|
||
- <span style=color:#f92672>name</span>: <span style=color:#e6db74>"<platform 2>"</span>
|
||
<span style=color:#f92672>url</span>: <span style=color:#e6db74>"<link2>"</span>
|
||
</code></pre></div><p>ex. <a href=https://github.com/adityatelange/hugo-PaperMod/blob/exampleSite/config.toml#L14>here</a></p><p><img src=https://i.ibb.co/zsq6fLr/papermod-homeinfo.png alt></p><hr><h2 id=profile-mode>Profile Mode</h2><p>Shows Index/Home page as Full Page with Social Links and Image</p><p>add following to config file</p><div class=highlight><pre style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-yml data-lang=yml><span style=color:#f92672>params</span>:
|
||
<span style=color:#f92672>profileMode</span>:
|
||
<span style=color:#f92672>enabled</span>: <span style=color:#66d9ef>true</span>
|
||
<span style=color:#f92672>title</span>: <span style=color:#e6db74>"<Title>"</span> <span style=color:#75715e># optional default will be site title</span>
|
||
<span style=color:#f92672>imageUrl</span>: <span style=color:#e6db74>"<image link>"</span> <span style=color:#75715e># optional</span>
|
||
<span style=color:#f92672>imageTitle</span>: <span style=color:#e6db74>"<title of image as alt>"</span> <span style=color:#75715e># optional</span>
|
||
<span style=color:#f92672>buttons</span>:
|
||
- <span style=color:#f92672>name</span>: <span style=color:#ae81ff>Archive</span>
|
||
<span style=color:#f92672>url</span>: <span style=color:#e6db74>"/archive"</span>
|
||
- <span style=color:#f92672>name</span>: <span style=color:#ae81ff>Github</span>
|
||
<span style=color:#f92672>url</span>: <span style=color:#e6db74>"https://github.com/"</span>
|
||
|
||
<span style=color:#f92672>socialIcons</span>: <span style=color:#75715e># optional</span>
|
||
- <span style=color:#f92672>name</span>: <span style=color:#e6db74>"<platform>"</span>
|
||
<span style=color:#f92672>url</span>: <span style=color:#e6db74>"<link>"</span>
|
||
- <span style=color:#f92672>name</span>: <span style=color:#e6db74>"<platform 2>"</span>
|
||
<span style=color:#f92672>url</span>: <span style=color:#e6db74>"<link2>"</span>
|
||
</code></pre></div><p><img src=https://i.ibb.co/K0HVPBd/paper-mod-profilemode.png alt></p><hr><h2 id=drafthttpsgohugoiogetting-startedusagedraft-future-and-expired-content-page-indication><a href=https://gohugo.io/getting-started/usage/#draft-future-and-expired-content>Draft</a> Page indication</h2><p>adds <code>[draft]</code> mark to indicate draft pages.</p><hr><h2 id=scroll-to-top-button>Scroll-to-Top Button</h2><pre><code>Displays a Scroll-to-Top button in right-bottom corner
|
||
</code></pre><hr><h2 id=share-buttons-on-post>Share Buttons on post</h2><p>Displays Share Buttons at Bottom of each post</p><p>to show share buttons add</p><div class=highlight><pre style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-yml data-lang=yml><span style=color:#f92672>params</span>:
|
||
<span style=color:#f92672>ShowShareButtons</span>: <span style=color:#66d9ef>true</span>
|
||
</code></pre></div><p><img src=https://i.ibb.co/sPN8bgd/paper-mod-share-butons.png alt></p><hr><h2 id=show-post-reading-time>Show post reading time</h2><p>Displays Reading Time (the estimated time, in minutes, it takes to read the content.)</p><p>To show reading time add</p><div class=highlight><pre style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-yml data-lang=yml><span style=color:#f92672>Params</span>:
|
||
<span style=color:#f92672>ShowReadingTime</span>: <span style=color:#66d9ef>true</span>
|
||
</code></pre></div><hr><h2 id=show-table-of-contents-on-blog-post>Show Table of Contents on blog post</h2><p>Displays ToC on blog-pages</p><p>To show ToC add following to page-variables</p><div class=highlight><pre style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-yml data-lang=yml><span style=color:#f92672>ShowToc</span>: <span style=color:#66d9ef>true</span>
|
||
</code></pre></div><hr><h2 id=comments>Comments</h2><p>to add comments, create a html file</p><p><code>layouts/partials/comments.html</code></p><p>and paste code provided by your comments provider</p><p>also in config add this</p><div class=highlight><pre style=color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4><code class=language-yml data-lang=yml><span style=color:#f92672>params</span>:
|
||
<span style=color:#f92672>comments</span>: <span style=color:#66d9ef>true</span>
|
||
</code></pre></div><p>more : read <a href=https://gohugo.io/content-management/comments/>this</a></p><hr><h3 id=scroll-bar-themed>Scroll-Bar themed</h3><hr><h3 id=smooth-scroll-between-in-page-links>Smooth Scroll between in-page links</h3></div><footer class=post-footer><ul class=post-tags><li><a href=https://adityatelange.github.io/hugo-PaperMod/tags/papermod>PaperMod</a></li></ul><div class=share-buttons><p>Share On</p><a class=share-button-single target=_blank rel="noopener noreferrer" aria-label="share Papermod - Features on twitter" href="https://twitter.com/intent/tweet/?text=Papermod%20-%20Features&url=https%3a%2f%2fadityatelange.github.io%2fhugo-PaperMod%2fposts%2fpapermod%2fpapermod-features%2f"><svg style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 512 512"><path d="M449.446.0C483.971.0 512 28.03 512 62.554v386.892C512 483.97 483.97 512 449.446 512h-386.892c-34.524.0-62.554-28.03-62.554-62.554v-386.892c0-34.524 28.029-62.554 62.554-62.554h386.892zm-253.927 424.544c135.939.0 210.268-112.643 210.268-210.268.0-3.218.0-6.437-.153-9.502 14.406-10.421 26.973-23.448 36.935-38.314-13.18 5.824-27.433 9.809-42.452 11.648 15.326-9.196 26.973-23.602 32.49-40.92-14.252 8.429-30.038 14.56-46.896 17.931-13.487-14.406-32.644-23.295-53.946-23.295-40.767.0-73.87 33.104-73.87 73.87.0 5.824.613 11.494 1.992 16.858-61.456-3.065-115.862-32.49-152.337-77.241-6.284 10.881-9.962 23.601-9.962 37.088.0 25.594 13.027 48.276 32.95 61.456-12.107-.307-23.448-3.678-33.41-9.196v.92c0 35.862 25.441 65.594 59.311 72.49-6.13 1.686-12.72 2.606-19.464 2.606-4.751.0-9.348-.46-13.946-1.38 9.349 29.426 36.628 50.728 68.965 51.341-25.287 19.771-57.164 31.571-91.8 31.571-5.977.0-11.801-.306-17.625-1.073 32.337 21.15 71.264 33.41 112.95 33.41z"/></svg></a><a class=share-button-single target=_blank rel="noopener noreferrer" aria-label="share Papermod - Features on linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=https%3a%2f%2fadityatelange.github.io%2fhugo-PaperMod%2fposts%2fpapermod%2fpapermod-features%2f&title=Papermod%20-%20Features&summary=Papermod%20-%20Features&source=https%3a%2f%2fadityatelange.github.io%2fhugo-PaperMod%2fposts%2fpapermod%2fpapermod-features%2f"><svg style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 512 512"><path d="M449.446.0C483.971.0 512 28.03 512 62.554v386.892C512 483.97 483.97 512 449.446 512h-386.892c-34.524.0-62.554-28.03-62.554-62.554v-386.892c0-34.524 28.029-62.554 62.554-62.554h386.892zM160.461 423.278V197.561h-75.04v225.717h75.04zm270.539.0v-129.439c0-69.333-37.018-101.586-86.381-101.586-39.804.0-57.634 21.891-67.617 37.266v-31.958h-75.021c.995 21.181.0 225.717.0 225.717h75.02v-126.056c0-6.748.486-13.492 2.474-18.315 5.414-13.475 17.767-27.434 38.494-27.434 27.135.0 38.007 20.707 38.007 51.037v120.768h75.024zm-307.552-334.556c-25.674.0-42.448 16.879-42.448 39.002.0 21.658 16.264 39.002 41.455 39.002h.484c26.165.0 42.452-17.344 42.452-39.002-.485-22.092-16.241-38.954-41.943-39.002z"/></svg></a><a class=share-button-single target=_blank rel="noopener noreferrer" aria-label="share Papermod - Features on reddit" href="https://reddit.com/submit?url=https%3a%2f%2fadityatelange.github.io%2fhugo-PaperMod%2fposts%2fpapermod%2fpapermod-features%2f&title=Papermod%20-%20Features"><svg style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 512 512"><path d="M449.446.0C483.971.0 512 28.03 512 62.554v386.892C512 483.97 483.97 512 449.446 512h-386.892c-34.524.0-62.554-28.03-62.554-62.554v-386.892c0-34.524 28.029-62.554 62.554-62.554h386.892zM446 265.638c0-22.964-18.616-41.58-41.58-41.58-11.211.0-21.361 4.457-28.841 11.666-28.424-20.508-67.586-33.757-111.204-35.278l18.941-89.121 61.884 13.157c.756 15.734 13.642 28.29 29.56 28.29 16.407.0 29.706-13.299 29.706-29.701.0-16.403-13.299-29.702-29.706-29.702-11.666.0-21.657 6.792-26.515 16.578l-69.105-14.69c-1.922-.418-3.939-.042-5.585 1.036-1.658 1.073-2.811 2.761-3.224 4.686l-21.152 99.438c-44.258 1.228-84.046 14.494-112.837 35.232-7.468-7.164-17.589-11.591-28.757-11.591-22.965.0-41.585 18.616-41.585 41.58.0 16.896 10.095 31.41 24.568 37.918-.639 4.135-.99 8.328-.99 12.576.0 63.977 74.469 115.836 166.33 115.836s166.334-51.859 166.334-115.836c0-4.218-.347-8.387-.977-12.493 14.564-6.47 24.735-21.034 24.735-38.001zm-119.474 108.193c-20.27 20.241-59.115 21.816-70.534 21.816-11.428.0-50.277-1.575-70.522-21.82-3.007-3.008-3.007-7.882.0-10.889 3.003-2.999 7.882-3.003 10.885.0 12.777 12.781 40.11 17.317 59.637 17.317 19.522.0 46.86-4.536 59.657-17.321 3.016-2.999 7.886-2.995 10.885.008 3.008 3.011 3.003 7.882-.008 10.889zm-5.23-48.781c-16.373.0-29.701-13.324-29.701-29.698.0-16.381 13.328-29.714 29.701-29.714 16.378.0 29.706 13.333 29.706 29.714.0 16.374-13.328 29.698-29.706 29.698zm-160.386-29.702c0-16.381 13.328-29.71 29.714-29.71 16.369.0 29.689 13.329 29.689 29.71.0 16.373-13.32 29.693-29.689 29.693-16.386.0-29.714-13.32-29.714-29.693z"/></svg></a><a class=share-button-single target=_blank rel="noopener noreferrer" aria-label="share Papermod - Features on facebook" href="https://facebook.com/sharer/sharer.php?u=https%3a%2f%2fadityatelange.github.io%2fhugo-PaperMod%2fposts%2fpapermod%2fpapermod-features%2f"><svg style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 512 512"><path d="M449.446.0C483.971.0 512 28.03 512 62.554v386.892C512 483.97 483.97 512 449.446 512H342.978v-192.915h66.6l12.672-82.621h-79.272v-53.617c0-22.603 11.073-44.636 46.58-44.636H425.6v-70.34s-32.71-5.582-63.982-5.582c-65.288.0-107.96 39.569-107.96 111.204v62.971h-72.573v82.621h72.573V512h-191.104c-34.524.0-62.554-28.03-62.554-62.554v-386.892c0-34.524 28.029-62.554 62.554-62.554h386.892z"/></svg></a><a class=share-button-single target=_blank rel="noopener noreferrer" aria-label="share Papermod - Features on whatsapp" href="whatsapp://send?text=Papermod%20-%20Features%20-%20https%3a%2f%2fadityatelange.github.io%2fhugo-PaperMod%2fposts%2fpapermod%2fpapermod-features%2f"><svg style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="0 0 512 512"><path d="M449.446.0C483.971.0 512 28.03 512 62.554v386.892C512 483.97 483.97 512 449.446 512h-386.892c-34.524.0-62.554-28.03-62.554-62.554v-386.892c0-34.524 28.029-62.554 62.554-62.554h386.892zm-58.673 127.703c-33.842-33.881-78.847-52.548-126.798-52.568-98.799.0-179.21 80.405-179.249 179.234-.013 31.593 8.241 62.428 23.927 89.612l-25.429 92.884 95.021-24.925c26.181 14.28 55.659 21.807 85.658 21.816h.074c98.789.0 179.206-80.413 179.247-179.243.018-47.895-18.61-92.93-52.451-126.81zM263.976 403.485h-.06c-26.734-.01-52.954-7.193-75.828-20.767l-5.441-3.229-56.386 14.792 15.05-54.977-3.542-5.637c-14.913-23.72-22.791-51.136-22.779-79.287.033-82.142 66.867-148.971 149.046-148.971 39.793.014 77.199 15.531 105.329 43.692 28.128 28.16 43.609 65.592 43.594 105.4-.034 82.149-66.866 148.983-148.983 148.984zm81.721-111.581c-4.479-2.242-26.499-13.075-30.604-14.571-4.105-1.495-7.091-2.241-10.077 2.241-2.986 4.483-11.569 14.572-14.182 17.562-2.612 2.988-5.225 3.364-9.703 1.12-4.479-2.241-18.91-6.97-36.017-22.23-13.314-11.876-22.304-26.542-24.916-31.026s-.279-6.908 1.963-9.14c2.016-2.007 4.48-5.232 6.719-7.847 2.24-2.615 2.986-4.484 4.479-7.472 1.493-2.99.747-5.604-.374-7.846-1.119-2.241-10.077-24.288-13.809-33.256-3.635-8.733-7.327-7.55-10.077-7.688-2.609-.13-5.598-.158-8.583-.158-2.986.0-7.839 1.121-11.944 5.604-4.105 4.484-15.675 15.32-15.675 37.364.0 22.046 16.048 43.342 18.287 46.332 2.24 2.99 31.582 48.227 76.511 67.627 10.685 4.615 19.028 7.371 25.533 9.434 10.728 3.41 20.492 2.929 28.209 1.775 8.605-1.285 26.499-10.833 30.231-21.295 3.732-10.464 3.732-19.431 2.612-21.298-1.119-1.869-4.105-2.99-8.583-5.232z"/></svg></a><a class=share-button-single target=_blank rel="noopener noreferrer" aria-label="share Papermod - Features on telegram" href="https://telegram.me/share/url?text=Papermod%20-%20Features&url=https%3a%2f%2fadityatelange.github.io%2fhugo-PaperMod%2fposts%2fpapermod%2fpapermod-features%2f"><svg style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2" viewBox="2 2 28 28"><path d="M26.49 29.86H5.5a3.37 3.37.0 01-2.47-1 3.35 3.35.0 01-1-2.47V5.48A3.36 3.36.0 013 3 3.37 3.37.0 015.5 2h21A3.38 3.38.0 0129 3a3.36 3.36.0 011 2.46V26.37a3.35 3.35.0 01-1 2.47A3.38 3.38.0 0126.49 29.86zm-5.38-6.71a.79.79.0 00.85-.66L24.73 9.24a.55.55.0 00-.18-.46.62.62.0 00-.41-.17q-.08.0-16.53 6.11a.59.59.0 00-.41.59.57.57.0 00.43.52l4 1.24 1.61 4.83a.62.62.0 00.63.43.56.56.0 00.4-.17L16.54 20l4.09 3A.9.9.0 0021.11 23.15zM13.8 20.71l-1.21-4q8.72-5.55 8.78-5.55c.15.0.23.0.23.16a.18.18.0 010 .06s-2.51 2.3-7.52 6.8z"/></svg></a></div></footer></article></main><footer class=footer><span>© 2020 <a href=https://adityatelange.github.io/hugo-PaperMod/>PaperMod</a></span>
|
||
<span>·</span>
|
||
<span>Powered by <a href=https://gohugo.io/ rel="noopener noreferrer" target=_blank>Hugo️️</a>️</span>
|
||
<span>·</span>
|
||
<span>Theme️ <a href=https://git.io/hugopapermod rel=noopener target=_blank>PaperMod</a></span></footer><a href=#top aria-label="go to top" title="Go to Top"><button class=top-link id=top-link type=button><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6"><path d="M12 6H0l6-6z"/></svg></button></a>
|
||
<script src=https://adityatelange.github.io/hugo-PaperMod/js/highlight.min.min.e7afc2928c0925d65c4732dfebe147014d91299a98e819e4b42f25c4fa68e91c.js integrity="sha256-56/CkowJJdZcRzLf6+FHAU2RKZqY6BnktC8lxPpo6Rw="></script><script>hljs.initHighlightingOnLoad();</script><script>window.onload=function(){if(localStorage.getItem("menu-scroll-position")){document.getElementById('menu').scrollLeft=localStorage.getItem("menu-scroll-position");}}
|
||
document.querySelectorAll('a[href^="#"]').forEach(anchor=>{anchor.addEventListener("click",function(e){e.preventDefault();document.querySelector(this.getAttribute("href")).scrollIntoView({behavior:"smooth"});});});var mybutton=document.getElementById("top-link");window.onscroll=function(){if(document.body.scrollTop>800||document.documentElement.scrollTop>800){mybutton.style.visibility="visible";mybutton.style.opacity="1";}else{mybutton.style.visibility="hidden";mybutton.style.opacity="0";}};function menu_on_scroll(){localStorage.setItem("menu-scroll-position",document.getElementById('menu').scrollLeft);}</script></body></html> |