Abridge is a fast, lightweight, and modern Zola theme (class-light, semantic HTML). Perfect Lighthouse, YellowLabTools, and Observatory scores. Zola 2023-07-21T15:00:00+00:00 https://abridge-flexsearch.pages.dev/atom.xml 2022-05-17T15:00:00+00:00 2023-07-21T15:00:00+00:00 Unknown https://abridge-flexsearch.pages.dev/overview-abridge/

<p>A fast, lightweight, and modern <a rel="noopener external" target="_blank" href="https://getzola.org">Zola</a> theme utilizing class-light semantic HTML with modular CSS. Perfect <a rel="noopener external" target="_blank" href="https://pagespeed.web.dev/report?url=abridge.pages.dev">Lighthouse</a>, <a rel="noopener external" target="_blank" href="https://yellowlab.tools/">YellowLabTools</a>, and <a rel="noopener external" target="_blank" href="https://developer.mozilla.org/en-US/observatory/analyze?host=abridge.pages.dev">Observatory</a> scores. Here is a <a rel="noopener external" target="_blank" href="https://github.com/Jieiku/zola-themes-benchmarks/blob/main/README.md">Zola Themes Benchmarks</a> Page.</p>

2022-05-16T15:00:00+00:00 2022-05-16T15:00:00+00:00 Unknown https://abridge-flexsearch.pages.dev/overview-code-blocks/

<p>This article shows various Code Blocks allowing to easily compare sublime themes.</p>

2022-05-15T15:00:00+00:00 2022-05-15T15:00:00+00:00 Unknown https://abridge-flexsearch.pages.dev/overview-markdown-and-style/

<p>This article offers a sample of basic Markdown syntax that can be used in Zola content files, also it shows if basic HTML elements are decorated with CSS in a Zola theme.</p>

2021-05-19T15:00:00+00:00 2021-05-19T15:00:00+00:00 Unknown https://abridge-flexsearch.pages.dev/overview-images/

<p>This post covers the <strong>imgswap and img components</strong>. Images can also be embedded directly using Markdown <code></code>, but using a component lets you explicitly set the width and height. This helps prevent cumulative layout shift (CLS), improving page stability and potentially improving Lighthouse performance scores.</p>

2021-05-15T15:00:00+00:00 2021-05-15T15:00:00+00:00 Unknown https://abridge-flexsearch.pages.dev/overview-rich-content/

<p>Several custom components are included to augment CommonMark. <code>video</code>, <code>image</code>, <code>gif</code>, and <code>audio</code> were created to help you take advantage of modern HTML elements in your writing.</p>

2021-05-09T15:00:00+00:00 2021-05-09T15:00:00+00:00 Unknown https://abridge-flexsearch.pages.dev/overview-showdata/

<p>The <code>showdata</code> component can load and display data from an external source via Zola's <a rel="noopener external" target="_blank" href="https://www.getzola.org/documentation/templates/overview/#load-data">load_data()</a> function.</p>

2021-05-08T15:00:00+00:00 2021-05-08T15:00:00+00:00 Unknown https://abridge-flexsearch.pages.dev/video-streaming-sites/overview-embed-youtube/

<p>Zola supports custom components that are easy to add. This example demonstrates a YouTube embed.</p>

2021-05-07T15:00:00+00:00 2021-05-07T15:00:00+00:00 Unknown https://abridge-flexsearch.pages.dev/video-streaming-sites/overview-embed-vimeo/

<p>Zola supports custom components that are easy to add. This example demonstrates a Vimeo embed.</p>

2021-05-06T15:00:00+00:00 2021-05-06T15:00:00+00:00 Unknown https://abridge-flexsearch.pages.dev/video-streaming-sites/overview-embed-streamable/

<p>Zola supports custom components that are easy to add. This example demonstrates a Streamable embed.</p>

2021-05-05T15:00:00+00:00 2022-01-01T15:00:00+00:00 Unknown https://abridge-flexsearch.pages.dev/overview-math/

<p>You can use <a rel="noopener external" target="_blank" href="https://katex.org">KaTeX</a> to render mathematical notation.</p> <p>Abridge automatically detects the <code>katex</code> component in rendered page or section content and loads the KaTeX files only where they are needed.</p> <p>If you prefer raw <code>$...$</code> and <code>$$...$$</code> delimiters, enable the KaTeX <a rel="noopener external" target="_blank" href="https://katex.org/docs/autorender.html">auto-render extension</a> with <code>math_auto_render = true</code>. This setting also enables the required KaTeX files.</p> <p>You are better off using the component rather than the raw <code>$...$</code> and <code>$$...$$</code> delimiters because of Markdown processing in Zola. If you look at the examples toward the bottom of the page, notice that the raw-delimiter version ends up with extra commas that do not appear when the same formula is rendered using the component.</p>