paige-hugo/example/content/_index.md

+++
keywords = [
    "accessibility",
    "atom feeds",
    "authors",
    "blog",
    "bootstrap styles and icons",
    "breadcrumbs",
    "categories",
    "code shortcode",
    "customizable",
    "dark color scheme",
    "email shortcode",
    "facebook sharing",
    "figure shortcode",
    "gallery shortcode",
    "hugo",
    "icon shortcode",
    "image pixel densities",
    "image shortcode",
    "image size breakpoints",
    "image thumbnails",
    "internationalization",
    "landing page",
    "light color scheme",
    "localizations",
    "math typesetting",
    "menu",
    "minimal design",
    "module",
    "quote shortcode",
    "responsive",
    "right-to-left languages",
    "rss feeds",
    "safari and firefox reader view support",
    "search",
    "sections",
    "seo",
    "series",
    "single column",
    "tab shortcode",
    "table of contents",
    "tags",
    "theme",
    "title links",
    "twitter sharing",
    "validated",
    "vimeo shortcode",
    "youtube shortcode",
]
[paige.pages]
disable_collections = true
disable_pages = true
disable_sections = true
+++

{{< paige/image alt="Landscape" breakpoints=true class="mt-3 object-fit-cover rounded-4 shadow" fetchpriority="high" height="20rem" loading="eager" process="webp" src="https://images.unsplash.com/photo-1490604001847-b712b0c2f967?w=1296" width="100%" >}}

<h1 class="fw-bold h1 text-center" style="margin-top: 2rem">An advanced Hugo theme</h1>

<div class="container-fluid">
    <div class="justify-content-center row">
        <div class="col col-auto col-lg-8 px-0">
            <p class="lead mb-0 text-center">Paige is designed to put your content front and center, avoiding the typical clutter. The look is seamless and smooth, scalable and readable, portable and efficient. The layout is minimal and responsive, using verticality and white space to delineate and highlight each part of the page. The implementation is flexible and extensible. It’s a versatile canvas that serves most needs.</p>
        </div>
    </div>
</div>

<p class="lead text-center">
    <a href="https://github.com/willfaught/paige">Get started!</a>
</p>

<div class="column-gap-3 d-flex display-6 justify-content-center">
    {{< paige/icon class="bi bi-github" title="GitHub" url="https://github.com/willfaught/paige" >}}
</div>