hugo-WonderMod/posts/papermod/papermod-variables/index.html

31 lines
37 KiB
HTML
Raw Normal View History

<!doctype html><html lang=en dir=auto><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"><meta name=robots content="index, follow"><title>Variables | Front Matter | PaperMod</title><meta name=keywords content="PaperMod"><meta name=description content="List of Front Matter variables used by PaperMod"><meta name=author content="Aditya Telange"><link rel=canonical href=https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-variables/><link crossorigin=anonymous href=/hugo-PaperMod/assets/css/stylesheet.min.65aebb33e4f0ce3d1a39e4a35c11b91eb08b582489fca0f78f9227d90ac72a52.css integrity="sha256-Za67M+Twzj0aOeSjXBG5HrCLWCSJ/KD3j5In2QrHKlI=" rel="preload stylesheet" as=style><script defer crossorigin=anonymous src=/hugo-PaperMod/assets/js/highlight.min.7680afc38aa6b15ddf158a4f3780b7b1f7dde7e91d26f073e6229bb7a0793c92.js integrity="sha256-doCvw4qmsV3fFYpPN4C3sffd5+kdJvBz5iKbt6B5PJI=" onload=hljs.initHighlightingOnLoad()></script><link rel=icon href=https://adityatelange.github.io/hugo-PaperMod/favicon.ico><link rel=icon type=image/png sizes=16x16 href=https://adityatelange.github.io/hugo-PaperMod/favicon-16x16.png><link rel=icon type=image/png sizes=32x32 href=https://adityatelange.github.io/hugo-PaperMod/favicon-32x32.png><link rel=apple-touch-icon href=https://adityatelange.github.io/hugo-PaperMod/apple-touch-icon.png><link rel=mask-icon href=https://adityatelange.github.io/hugo-PaperMod/safari-pinned-tab.svg><meta name=theme-color content="#2e2e33"><meta name=msapplication-TileColor content="#2e2e33"><meta name=generator content="Hugo 0.82.1"><link rel=alternate hreflang=en href=https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-variables/><meta property="og:title" content="Variables | Front Matter"><meta property="og:description" content="List of Front Matter variables used by PaperMod"><meta property="og:type" content="article"><meta property="og:url" content="https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-variables/"><meta property="og:image" content="https://adityatelange.github.io/hugo-PaperMod/papermod-cover.png"><meta property="article:section" content="posts"><meta property="article:published_time" content="2021-01-20T00:00:00+00:00"><meta property="article:modified_time" content="2021-01-20T00:00:00+00:00"><meta name=twitter:card content="summary_large_image"><meta name=twitter:image content="https://adityatelange.github.io/hugo-PaperMod/papermod-cover.png"><meta name=twitter:title content="Variables | Front Matter"><meta name=twitter:description content="List of Front Matter variables used by PaperMod"><script type=application/ld+json>{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Posts","item":"https://adityatelange.github.io/hugo-PaperMod/posts/"},{"@type":"ListItem","position":2,"name":"PaperMod","item":"https://adityatelange.github.io/hugo-PaperMod/posts/papermod/"},{"@type":"ListItem","position":3,"name":"Variables | Front Matter","item":"https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-variables/"}]}</script><script type=application/ld+json>{"@context":"https://schema.org","@type":"BlogPosting","headline":"Variables | Front Matter","name":"Variables | Front Matter","description":"List of Front Matter variables used by PaperMod","keywords":["PaperMod"],"articleBody":"Below are variables used with this theme\n Site Variables under Params name type example Description env string production To set env to production title string My Blog To set title description string This is a blog of mine To set site description author string |list Me | [Me,You] To show multiple Authors images string myimage.png Link or path of image for opengraph, twitter-cards keywords list [blog, page] Add keywords for Home page DateFormat string January 2, 2006 The format of date strings in the website. Details ShowReadi
<span class=logo-switches><button id=theme-toggle accesskey=t title="(Alt + T)"><svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"/></svg><svg id="sun" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentcolor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg></button><ul class=lang-switch><li>|</li><li><a href=https://adityatelange.github.io/hugo-PaperMod/fr/ title=🇫🇷 aria-label=:fr:>🇫🇷</a></li><li><a href=https://adityatelange.github.io/hugo-PaperMod/fa/ title=Fa aria-label=Fa>Fa</a></li></ul></span></div><ul id=menu onscroll=menu_on_scroll()><li><a href=https://adityatelange.github.io/hugo-PaperMod/archives title=Archive><span>Archive</span></a></li><li><a href=https://adityatelange.github.io/hugo-PaperMod/categories/ title=Categories><span>Categories</span></a></li><li><a href=https://adityatelange.github.io/hugo-PaperMod/search/ title="Search (Alt + /)" accesskey=/><span>Search</span></a></li><li><a href=https://adityatelange.github.io/hugo-PaperMod/tags/ title=Tags><span>Tags</span></a></li></ul></nav></header><main class=main><article class=post-single><header class=post-header><div class=breadcrumbs><a href=https://adityatelange.github.io/hugo-PaperMod/>Home</a>&nbsp;»&nbsp;<a href=https://adityatelange.github.io/hugo-PaperMod/posts/>Posts</a>&nbsp;»&nbsp;<a href=https://adityatelange.github.io/hugo-PaperMod/posts/papermod/>PaperMod</a></div><h1 class=post-title>Variables | Front Matter<div class=entry-isdraft><sup>&nbsp;&nbsp;[draft]</sup></div></h1><div class=post-meta>January 20, 2021&nbsp;·&nbsp;4 min&nbsp;·&nbsp;Aditya Telange</div></header><div class=toc><details><summary accesskey=c title="(Alt + C)"><div class=details>Table of Contents</div></summary><div class=inner><ul><li><a href=#site-variables-under-params aria-label="Site Variables under Params">Site Variables under <code>Params</code></a><ul><li><a href=#label aria-label=label>label</a></li><li><a href=#profilemode aria-label=profileMode>profileMode</a><ul><li><a href=#profilemodebuttons aria-label=profileMode.buttons>profileMode.buttons</a></li></ul></li><li><a href=#assets aria-label=assets>assets</a></li><li><a href=#cover aria-label=cover>cover</a></li><li><a href=#fuseopts aria-label=fuseOpts>fuseOpts</a></li><li><a href=#socialicons aria-label=socialIcons>socialIcons</a></li><li><a href=#editpost aria-label=editPost>editPost</a></li></ul></li><li><a href=#page-variables aria-label="Page Variables">Page Variables</a></li></ul></div></details></div><div class=post-content><p><strong>Below are variables used with this theme&mldr;</strong></p><hr><h3 id=site-variables-under-params>Site Variables under <code>Params</code><a hidden class=anchor aria-hidden=true href=#site-variables-under-params>#</a></h3><table><thead><tr><th>name</th><th>type</th><th>example</th><th>Description</th></tr></thead><tbody><tr><td><code>env</code></td><td>string</td><td>&lsquo;production&rsquo;</td><td>To set env to production</td></tr><tr><td><code>title</code></td><td>string</td><td>&lsquo;My Blog&rsquo;</td><td>To set title</td></tr><tr><td><code>description</code></td><td>string</td><td>&lsquo;This is a blog of mine&rsquo;</td><td>To set site description</td></tr><tr><td><code>author</code></td><td>string |list</td><td>&lsquo;Me&rsquo; | [&lsquo;Me&rsquo;,&lsquo;You&rsquo;]</td><td>To show multiple Authors</td></tr><tr><td><code>images</code></td><td>string</td><td>&lsquo;myimage.png&rsquo;</td><td>Link or path of
<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>&#34;/archive&#34;</span>
- <span style=color:#f92672>name</span>: <span style=color:#ae81ff>Github</span>
<span style=color:#f92672>url</span>: <span style=color:#e6db74>&#34;https://github.com/&#34;</span>
</code></pre></div><h4 id=assets>assets<a hidden class=anchor aria-hidden=true href=#assets>#</a></h4><table><thead><tr><th>name</th><th>type</th><th>example</th><th>Description</th></tr></thead><tbody><tr><td><code>assets.favicon</code></td><td>string</td><td>&lsquo;icon.ico&rsquo;</td><td>To set favicon, can be path or external link</td></tr><tr><td><code>assets.disableHLJS</code></td><td>boolean</td><td>true | false</td><td>To disable Highlight.js loading</td></tr><tr><td><code>assets.disableFingerprinting</code></td><td>boolean</td><td>true | false</td><td>To disable Sub-Resource integrity for assets</td></tr></tbody></table><h4 id=cover>cover<a hidden class=anchor aria-hidden=true href=#cover>#</a></h4><table><thead><tr><th>name</th><th>type</th><th>example</th><th>Description</th></tr></thead><tbody><tr><td><code>cover.linkFullImages</code></td><td>boolean</td><td>true | false</td><td>To open full size cover images on click on cover</td></tr><tr><td><code>cover.responsiveImages</code></td><td>boolean</td><td>true | false</td><td>To enable/disable generation of responsive cover images</td></tr><tr><td><code>cover.hidden</code></td><td>boolean</td><td>true | false</td><td>To hide everywhere but not in structured data</td></tr><tr><td><code>cover.hiddenInList</code></td><td>boolean</td><td>true | false</td><td>To hide on list pages and home</td></tr><tr><td><code>cover.hiddenInSingle</code></td><td>boolean</td><td>true | false</td><td>To hide on list pages and home</td></tr></tbody></table><h4 id=fuseopts>fuseOpts<a hidden class=anchor aria-hidden=true href=#fuseopts>#</a></h4><p>Refer: <a href=https://fusejs.io/api/options.html>https://fusejs.io/api/options.html</a></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>fuseOpts</span>:
<span style=color:#f92672>isCaseSensitive</span>: <span style=color:#66d9ef>false</span>
<span style=color:#f92672>shouldSort</span>: <span style=color:#66d9ef>true</span>
<span style=color:#f92672>location</span>: <span style=color:#ae81ff>0</span>
<span style=color:#f92672>distance</span>: <span style=color:#ae81ff>1000</span>
<span style=color:#f92672>threshold</span>: <span style=color:#ae81ff>0.4</span>
<span style=color:#f92672>minMatchCharLength</span>: <span style=color:#ae81ff>0</span>
<span style=color:#f92672>keys</span>: [<span style=color:#e6db74>&#34;title&#34;</span>, <span style=color:#e6db74>&#34;permalink&#34;</span>, <span style=color:#e6db74>&#34;summary&#34;</span>, <span style=color:#e6db74>&#34;content&#34;</span>] <span style=color:#75715e>## can be less but not more than shown in list</span>
</code></pre></div><h4 id=socialicons>socialIcons<a hidden class=anchor aria-hidden=true href=#socialicons>#</a></h4><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>socialIcons</span>:
- <span style=color:#f92672>name</span>: <span style=color:#e6db74>&#34;&lt;platform&gt;&#34;</span>
<span style=color:#f92672>url</span>: <span style=color:#e6db74>&#34;&lt;link&gt;&#34;</span>
- <span style=color:#f92672>name</span>: <span style=color:#e6db74>&#34;&lt;platform 2&gt;&#34;</span>
<span style=color:#f92672>url</span>: <span style=color:#e6db74>&#34;&lt;link2&gt;&#34;</span>
</code></pre></div><h4 id=editpost>editPost<a hidden class=anchor aria-hidden=true href=#editpost>#</a></h4><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>editPost</span>:
<span style=color:#f92672>URL</span>: <span style=color:#e6db74>&#34;https://github.com/&lt;path_to_repo&gt;/content&#34;</span>
<span style=color:#f92672>Text</span>: <span style=color:#e6db74>&#34;Suggest Changes&#34;</span> <span style=color:#75715e># edit text</span>
<span style=color:#f92672>appendFilePath</span>: <span style=color:#66d9ef>true</span> <span style=color:#75715e># to append file path to Edit link</span>
</code></pre></div><blockquote><p>Note: Same format is being used by Page Variables</p></blockquote><hr><h3 id=page-variables>Page Variables<a hidden class=anchor aria-hidden=true href=#page-variables>#</a></h3><table><thead><tr><th>Name</th><th>Type</th><th>Example</th><th>Description</th></tr></thead><tbody><tr><td><code>showtoc</code></td><td>boolean</td><td>true | false</td><td>To show/hide Table of Contents</td></tr><tr><td><code>tocopen</code></td><td>boolean</td><td>true | false</td><td>To keep open ToC by default on page load</td></tr><tr><td><code>hidemeta</code></td><td>boolean</td><td>true | false</td><td>To Hide meta elements : date, read-time, author and available-translations for page</td></tr><tr><td><code>comments</code></td><td>boolean</td><td>true | false</td><td>To show/hide comments</td></tr><tr><td><code>description</code></td><td>string</td><td>&lsquo;description text&rsquo;</td><td>Show Post Description under Title</td></tr><tr><td><code>disableShare</code></td><td>boolean</td><td>true | false</td><td>To hide/show share icons under a page</td></tr><tr><td><code>disableHLJS</code></td><td>boolean</td><td>true | false</td><td>To disable Highlight.js loading</td></tr><tr><td><code>searchHidden</code></td><td>boolean</td><td>true | false</td><td>Hide page from search</td></tr><tr><td><code>hideSummary</code></td><td>boolean</td><td>true | false</td><td>To Hide summary being shown in list pages</td></tr><tr><td><code>ShowReadingTime</code></td><td>boolean</td><td>true | false</td><td>To show read time in post meta</td></tr><tr><td><code>ShowBreadCrumbs</code></td><td>boolean</td><td>true | false</td><td>Show BreadCrumb Navigation above single post/page</td></tr><tr><td><code>ShowPostNavLinks</code></td><td>boolean</td><td>true | false</td><td>Show Previous and Next Posts below a Post</td></tr><tr><td><code>author</code></td><td>string |list</td><td>&lsquo;Me&rsquo; | [&lsquo;Me&rsquo;,&lsquo;You&rsquo;]</td><td>To show multiple Authors</td></tr><tr><td><code>cover.image</code></td><td>string</td><td>&lsquo;featured.jpg&rsquo;</td><td>To add a cover image</td></tr><tr><td><code>cover.caption</code></td><td>string</td><td>&lsquo;caption for image&rsquo;</td><td>To add caption to cover image</td></tr><tr><td><code>cover.alt</code></td><td>string</td><td>&lsquo;this is cover image&rsquo;</td><td>Alternate text to show if image doesn&rsquo;t load/show up</td></tr><tr><td><code>cover.relative</code></td><td>boolean</td><td>true | false</td><td>To use relative path for cover image, used in hugo Page-bundles</td></tr><tr><td><code>cover.hidden</code></td><td>boolean</td><td>true | false</td><td>To hide on current single page</td></tr><tr><td><code>weight</code></td><td>integer</td><td>5</td><td>To set page order or to pin a post to Top of list</td></tr></tbody></table></div><footer class=post-footer><ul class=post-tags><li><a href=https://adityatelange.github.io/hugo-PaperMod/tags/papermod/>PaperMod</a></li></ul><nav class=paginav><a class=prev href=https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-icons/><span class=title>« Prev Page</span><br><span>Icons</span></a>
<a class=next href=https://adityatelange.github.io/hugo-PaperMod/posts/markdown-syntax/><span class=title>Next Page »</span><br><span>Markdown Syntax Guide</span></a></nav><div class=share-buttons><a target=_blank rel="noopener noreferrer" aria-label="share Variables | Front Matter on twitter" href="https://twitter.com/intent/tweet/?text=Variables%20%7c%20Front%20Matter&url=https%3a%2f%2fadityatelange.github.io%2fhugo-PaperMod%2fposts%2fpapermod%2fpapermod-variables%2f&hashtags=PaperMod"><svg 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 512H62.554c-34.524.0-62.554-28.03-62.554-62.554V62.554c0-34.524 28.029-62.554 62.554-62.554h386.892zM195.519 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 target=_blank rel="noopener noreferrer" aria-label="share Variables | Front Matter on linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=https%3a%2f%2fadityatelange.github.io%2fhugo-PaperMod%2fposts%2fpapermod%2fpapermod-variables%2f&title=Variables%20%7c%20Front%20Matter&summary=Variables%20%7c%20Front%20Matter&source=https%3a%2f%2fadityatelange.github.io%2fhugo-PaperMod%2fposts%2fpapermod%2fpapermod-variables%2f"><svg 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 512H62.554c-34.524.0-62.554-28.03-62.554-62.554V62.554c0-34.524 28.029-62.554 62.554-62.554h386.892zM160.461 423.278V197.561h-75.04v225.717h75.04zm270.539.0V293.839c0-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.02V297.222c0-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.768H431zM123.448 88.722C97.774 88.722 81 105.601 81 127.724c0 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 target=_blank rel="noopener noreferrer" aria-label="share Variables | Front Matter on reddit" href="https://reddit.com/submit?url=https%3a%2f%2fadityatelange.github.io%2fhugo-PaperMod%2fposts%2fpapermod%2fpapermod-variables%2f&title=Variables%20%7c%20Front%20Matter"><svg 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 512H62.554c-34.524.0-62.554-28.03-62.554-62.554V62.554c0-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.001zM326.526 373.831c-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.6
<span>&#183;</span>
<span>Powered by <a href=https://gohugo.io/ rel="noopener noreferrer" target=_blank>Hugo</a></span>
<span>&#183;</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 (Alt + G)"><button class=top-link id=top-link type=button accesskey=g><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentcolor"><path d="M12 6H0l6-6z"/></svg></button></a>
<script>window.onload=function(){localStorage.getItem("menu-scroll-position")&&(document.getElementById('menu').scrollLeft=localStorage.getItem("menu-scroll-position"))};function menu_on_scroll(){localStorage.setItem("menu-scroll-position",document.getElementById('menu').scrollLeft)}document.querySelectorAll('a[href^="#"]').forEach(a=>{a.addEventListener("click",function(b){b.preventDefault();var a=this.getAttribute("href").substr(1);window.matchMedia('(prefers-reduced-motion: reduce)').matches?document.querySelector(`[id='${decodeURIComponent(a)}']`).scrollIntoView():document.querySelector(`[id='${decodeURIComponent(a)}']`).scrollIntoView({behavior:"smooth"}),a==="top"?history.replaceState(null,null," "):history.pushState(null,null,`#${a}`)})})</script><script>var mybutton=document.getElementById("top-link");window.onscroll=function(){document.body.scrollTop>800||document.documentElement.scrollTop>800?(mybutton.style.visibility="visible",mybutton.style.opacity="1"):(mybutton.style.visibility="hidden",mybutton.style.opacity="0")}</script><script>document.getElementById("theme-toggle").addEventListener("click",()=>{document.body.className.includes("dark")?(document.body.classList.remove('dark'),localStorage.setItem("pref-theme",'light')):(document.body.classList.add('dark'),localStorage.setItem("pref-theme",'dark'))})</script></body></html>