{"id":15501575,"url":"https://github.com/willfaught/paige","last_synced_at":"2026-05-01T06:06:33.888Z","repository":{"id":58846096,"uuid":"533992766","full_name":"willfaught/paige","owner":"willfaught","description":"Powerful, pliable pixel perfection. An advanced Hugo theme.","archived":false,"fork":false,"pushed_at":"2025-04-03T02:12:42.000Z","size":17585,"stargazers_count":284,"open_issues_count":3,"forks_count":66,"subscribers_count":8,"default_branch":"master","last_synced_at":"2025-05-13T12:54:35.324Z","etag":null,"topics":["blog","blog-theme","blogging","blogs","hugo","hugo-blog","hugo-blog-theme","hugo-module","hugo-site","hugo-starter","hugo-theme","module","theme"],"latest_commit_sha":null,"homepage":"https://willfaught.com/paige","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"eupl-1.2","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/willfaught.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-09-08T00:43:48.000Z","updated_at":"2025-05-12T22:08:56.000Z","dependencies_parsed_at":"2024-04-07T01:49:52.618Z","dependency_job_id":"26bbea42-6ed4-422d-b08d-925152edcc6c","html_url":"https://github.com/willfaught/paige","commit_stats":{"total_commits":1728,"total_committers":4,"mean_commits":432.0,"dds":0.00694444444444442,"last_synced_commit":"9de2388d84efe1d16a28ec7f537f8b3fa39ecd01"},"previous_names":[],"tags_count":179,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willfaught%2Fpaige","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willfaught%2Fpaige/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willfaught%2Fpaige/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/willfaught%2Fpaige/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/willfaught","download_url":"https://codeload.github.com/willfaught/paige/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254485055,"owners_count":22078767,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["blog","blog-theme","blogging","blogs","hugo","hugo-blog","hugo-blog-theme","hugo-module","hugo-site","hugo-starter","hugo-theme","module","theme"],"created_at":"2024-10-02T09:04:52.150Z","updated_at":"2026-05-01T06:06:33.877Z","avatar_url":"https://github.com/willfaught.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Paige\n\nPowerful, pliable pixel perfection.\nAn advanced Hugo theme.\n[Try it out.](https://willfaught.com/paige)\n\n\u003cpicture\u003e\n    \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://github.com/willfaught/paige/raw/master/images/screenshot-dark.jpg\"\u003e\n    \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://github.com/willfaught/paige/raw/master/images/screenshot.jpg\"\u003e\n    \u003cimg alt=\"Screenshot\" src=\"https://github.com/willfaught/paige/raw/master/images/screenshot.jpg\"\u003e\n\u003c/picture\u003e\n\nPaige is designed to put your content front and center,\navoiding the typical clutter.\nThe look is seamless and smooth,\nscalable and readable,\nportable and efficient.\nThe layout is minimal and responsive,\nusing verticality and white space to delineate and highlight each part of the page.\nThe implementation is flexible and extensible.\nIt’s a versatile canvas that serves most needs.\n\n## Features\n\n- Accessibility\n- Atom feeds\n- Authors\n- Blog\n- Bootstrap styles and icons\n- Breadcrumbs\n- Categories\n- Code shortcode\n- Customizable\n- Dark color scheme\n- Email shortcode\n- Facebook sharing\n- Figure shortcode\n- Gallery shortcode\n- Icon shortcode\n- Image pixel densities\n- Image shortcode\n- Image size breakpoints\n- Image thumbnails\n- Internationalization\n- Landing page\n- Light color scheme\n- Localizations\n- Math typesetting\n- Menu\n- Minimal design\n- Quote shortcode\n- Responsive\n- Right-to-left languages\n- RSS feeds\n- Safari and Firefox Reader View support\n- Search\n- Sections\n- SEO\n- Series\n- Single column\n- Table of contents\n- Tab shortcode\n- Tags\n- Title links\n- Twitter sharing\n- Validated with [PageSpeed](https://pagespeed.web.dev/report?url=https%3A%2F%2Fwillfaught.com%2Fpaige%2F\u0026form_factor=desktop) and [Validator](https://validator.w3.org/nu/?doc=https%3A%2F%2Fwillfaught.com%2Fpaige%2F)\n- Vimeo shortcode\n- YouTube shortcode\n\n## Community\n\nGet started by [starring](https://github.com/willfaught/paige/stargazers)\nand [watching](https://github.com/willfaught/paige/watchers) the project.\n\nIf you find a problem or have a suggestion,\nplease share it by [creating an issue](https://github.com/willfaught/paige/issues/new).\n\nIf you have a fix or improvement,\nplease share it by [creating a pull request](https://github.com/willfaught/paige/compare).\n\nIf you make a customization or alteration,\nplease share it by [posting code or screenshots](https://github.com/willfaught/paige/discussions/8).\n\nIf you deploy a site,\nplease share it by [posting a link](https://github.com/willfaught/paige/discussions/12).\n\n## Setup\n\n1. Install [Hugo](https://gohugo.io/installation/) and [Dart Sass](https://github.com/sass/dart-sass):\n\n    For Homebrew on Mac:\n\n    ```sh\n    $ brew install hugo sass/sass/sass\n    ```\n\n    For Chocolatey on Windows:\n\n    ```sh\n    $ choco install hugo-extended sass\n    ```\n\n    For Snap on Linux:\n\n    ```sh\n    $ sudo snap install dart-sass hugo\n    ```\n\n    Hugo must be the extended version, and at least version 0.141.0.\n\n2. Create a site:\n\n    ```sh\n    $ hugo new site yoursite\n    ```\n\n3. Create a post:\n\n    ```sh\n    $ cd yoursite\n    $ hugo new yourpost.md\n    ```\n\n4. Configure your module:\n\n    ```sh\n    $ sh\n    $ cd yoursite\n    $ hugo mod init github.com/youraccount/yoursite\n    $ cat \u003e\u003ehugo.toml \u003c\u003cEOF\n    [markup.highlight]\n    noclasses = false\n    style = \"github\"\n    EOF\n    ```\n\n5. Configure the Paige module:\n\n    ```sh\n    $ sh\n    $ cd yoursite\n    $ hugo mod get github.com/willfaught/paige@latest\n    $ cat \u003e\u003ehugo.toml \u003c\u003cEOF\n    [[module.imports]]\n    path = \"github.com/willfaught/paige\"\n    EOF\n    ```\n\n6. Build and run the site for development:\n\n    ```sh\n    $ cd yoursite\n    $ hugo server --buildDrafts\n    ```\n\n7. Build the site for production:\n\n    ```sh\n    $ cd yoursite\n    $ hugo --environment production --minify\n    ```\n\n8. Update the Paige module:\n\n    ```sh\n    $ cd yoursite\n    $ hugo mod get github.com/willfaught/paige@latest\n    ```\n\nPaige uses [Semantic Versioning](https://semver.org).\nThe current major version is 0.\nFrom time to time, breaking changes are made.\nWhen you update Paige, you must test your site.\n\nSee Hugo's [installation](https://gohugo.io/installation/),\n[getting started](https://gohugo.io/getting-started/),\nand [module](https://gohugo.io/hugo-modules/) guides for more information.\n\n## Kickoff\n\nBy default, everything is enabled, which is likely not what you want.\nSee the [minimal look](#minimal-look) section for ideas of what to disable.\n\nBy default, the page body spans its entire container, which spans most of the window.\nSee the [narrow look](#narrow-look) and [narrow-and-wide look](#narrow-and-wide-look) sections\nfor ideas of how to customize the presentation.\n\nThe breadcrumb, collection, section, and page links are sufficient to browse any site,\nso you can safely disable the menu.\nHowever, for sites with only a couple handfuls of sections and pages at the root level,\nand without nested sections,\nthe menu alone can be sufficient for all navigation.\nSee the [menu navigation only](#menu-navigation-only) section for how to do that.\n\nTo change the favicon, see the [override](#override) section.\n\nTo add analytics, put the code in `yoursite/layouts/partials/paige/site-last.html`.\nSee the [include](#include) section.\n\nTo add comments, put the code in `yoursite/layouts/partials/paige/page-body-last-page.html`.\nSee the [include](#include) section.\n\n## Configure\n\n### Parameters\n\nThere is a single parameter object with sensible defaults that can be overridden in site or page parameters:\n\n```toml\n[paige]\n\nenable_math = false # Enables math typesetting for this page\nexclude_feeds = false # Excludes this page from feeds\nexclude_search = false # Excludes this page from search\nstyle = \"\" # CSS included in a stylesheet for this page\n\n[paige.alert]\n\nmessage = \"\" # Markdown displayed before the page body for this page\ntype = \"primary\" # Bootstrap alert class for this page\n\n[paige.feeds]\n\ndisable_link = false # Disables using the link parameter for the page URL\npage_link = \"⏎\" # Link to the page with this text if the link parameter is set and disable_link is false\n\n[paige.feeds.atom]\n\nauthors = []\n# Example:\n# [[paige.feeds.atom.authors]]\n# email = \"example@example.com\"\n# name = \"John Doe\"\n# url = \"https://github.com/account/project\"\nicon = \"\" # Example: \"/icon.webp\"\nlogo = \"\" # Example: \"/logo.webp\"\n\n[paige.feeds.rss]\n\nmanaging_editor = \"\" # Example: \"example@example.com (John Doe)\"\nweb_master = \"\" # Example: \"example@example.com (John Doe)\"\n\n[paige.pages]\n\n# Content\ndisable_authors = false\ndisable_collections = false\ndisable_date = false\ndisable_description = false\ndisable_edit = false\ndisable_history = false\ndisable_keywords = false\ndisable_next = false\ndisable_pages = false\ndisable_prev = false\ndisable_reading_time = false\ndisable_sections = false\ndisable_series = false\ndisable_title = false\ndisable_toc = false\ndisable_word_count = false\n\n# Presentation\nfull_width = false # Whether the page body fills the page width\nmaximize_heading_levels = false # Whether to shift heading levels higher as much as possible\nmaximum_heading_level = 6 # The maximum heading level to shift heading levels to\nminimize_heading_levels = false # Whether to shift heading levels lower as much as possible\nminimum_heading_level = 2 # The minimum heading level to shift heading levels to\nnormalize_heading_levels = false # Whether to shift heading levels higher to fill heading level gaps\n\n# Schema\nbase_schema = {} # JSON-LD schema that all page schemas override\n# Example:\n# [paige.pages.base_schema]\n# isAccessibleForFree = true\n# isFamilyFriendly = true\n# [paige.pages.base_schema.publisher]\n# \"@type\" = \"Organization\"\n# name = \"John Doe\"\n# url = \"https://example.com\"\ndisable_auto_schema = false # Disables the automatic JSON-LD schema generation\nmicrodata = {} # Microdata non-property attributes (all except itemprop) for the web page\n# Example:\n# [paige.pages.microdata]\n# itemid = \"foo\"\n# itemref = \"bar\"\n# itemscope = \"\"\n# itemtype = \"https://schema.org/Chapter\nschemas = [] # JSON-LD schemas\n# Example:\n# [[paige.pages.schemas]]\n# \"@context\" = \"https://schema.org\"\n# \"@type\" = \"Book\"\n# name = \"My Book\"\n# url = \"https://example.com\"\n\n[paige.site]\n\n# Behavior\ndate_format = \":date_long\" # Hugo date format\nexternal_link_new_tab = false # Open external links in new tabs\n\n# Content\ndisable_copyright = false\ndisable_credit = false\ndisable_description = false\ndisable_license = false\ndisable_title = false\n\n# Navigation\ndisable_breadcrumbs = false\ndisable_menu = false\n\n# Presentation\ncolor = \"#0d6efd\" # Bootstrap primary color and theme color for Safari and Windows\ncolor_scheme = \"auto\" # Must be \"auto\", \"dark\", or \"light\"\nkeyword_style = \"text\" # Must be \"text\" or \"pills\"\nmenu_style = \"links\" # Must be \"links\", \"pills\", \"tabs\", or \"underline\"\n\n# Repository\nedit_url = \"\" # Example: \"https://github.com/account/project/edit/master/content/%s\"\nhistory_url = \"\" # Example: \"https://github.com/account/project/commits/master/content/%s\"\n\n# Schema\nbase_schema = {} # JSON-LD schema that all site schemas override\n# Example:\n# [paige.site.base_schema]\n# isAccessibleForFree = true\n# isFamilyFriendly = true\n# [paige.site.base_schema.publisher]\n# \"@type\" = \"Organization\"\n# name = \"John Doe\"\n# url = \"https://example.com\"\nschemas = [] # JSON-LD schemas\n# Example:\n# [[paige.site.schemas]]\n# \"@context\" = \"https://schema.org\"\n# \"@type\" = \"Organization\"\n# name = \"Acme\"\n# url = \"https://example.com\"\n\n# Values\ncredit = '\u003ca class=\"link-secondary text-decoration-none\" href=\"https://github.com/willfaught/paige\"\u003ePaige Theme\u003c/a\u003e'\ndescription = \"\" # Site description. Appears above the menu and below the site title. Used in feeds.\nlicense = \"\" # Example: \"CC BY 4.0 License\"\n\n[paige.subpages]\n\ndisable_authors = false\ndisable_date = false\ndisable_description = false\ndisable_keywords = false\ndisable_reading_time = false\ndisable_series = false\ndisable_summary = false\ndisable_title = false\ndisable_word_count = false\n```\n\nThe parameter object is accessed in site parameters as `[params.paige]`, and in page parameters as `[paige]`.\n\nParameters for pages:\n\n```toml\nid = \"\" # Unique URI used in feeds. Defaults to a tag URN with the relative permalink.\nlink = \"\" # URL for an anchor around the title. Example: \"https://youtu.be/dQw4w9WgXcQ\".\n```\n\nParameters for terms of the authors taxonomy:\n\n```toml\n[paige.author]\ndefault = false # Whether to attribute pages without explicit authors to this author\nemail = \"\" # Used in feeds. Example: \"example@example.com\".\nname = \"\" # Used in feeds. Example: \"John Doe\".\nurl = \"\" # Used in Atom feeds. Example: \"https://example.com\".\n```\n\nParameters for menus:\n\n```toml\n[paige]\ndisabled = false\ndivider_above = false\ndivider_below = false\nheader_above = \"\" # Example: \"My Header\"\nheader_below = \"\" # Example: \"My Other Header\"\n```\n\nThe assigned values shown are the default values unless otherwise specified.\n\n### Menu\n\nThe menu can be configured using the `main` menu.\nThe active menu item has a URL that is a prefix of the path of the current page.\nA menu item with the URL `/` only matches a `/` path.\n\nIf you intend for the menu to be sufficient for all navigation,\nsee [how to hide other navigation features](#menu-navigation-only).\n\n### Taxonomies\n\nSupport for authors, categories, series, and tags taxonomies is built in.\n\nA default author must be referenced in the authors parameter of at least one page.\n\nTo disable the rendering of the authors taxonomy, add this to `yoursite/hugo.toml`:\n\n```toml\n[[cascade]]\n[cascade._target]\npath = \"{/authors,/authors/**}\"\n[cascade.build]\nrender = \"never\"\n```\n\n### SEO\n\nThe `author`, `description`, and `keywords` meta tags are generated from the page parameters.\nThe keywords are the page parameters `keywords`, `categories`, and `tags`.\n\nA JSON-LD script is generated from the page parameters,\nwhich can be disabled with `paige.pages.disable_auto_schema`.\nArbitrary schemas can be specified for the site with `paige.site.schemas`\nor for pages with `paige.pages.schemas`, at the site or page level.\nA base schema can be specified for site schemas with `paige.site.base_schema`,\nand for page schemas with `paige.pages.base_schema`.\n\nHTML microdata is generated from the page parameters\nif the non-property attributes are specified in `paige.pages.microdata`.\n\n## Layouts\n\n### Cloud\n\nThe `paige-cloud` layout provides a link cloud for subpages.\n\nExample configuration in `yoursite/content/tags/_index.md`:\n\n```toml\nlayout = \"paige-cloud\"\n```\n\n### Search\n\nThe `paige-search` layout provides a search page.\n\nExample configuration in `yoursite/hugo.toml`:\n\n```toml\n[outputs]\nhome = [\"html\", \"paige-search\"]\n```\n\nExample configuration in `yoursite/content/search.md`:\n\n```toml\nlayout = \"paige-search\"\ntitle = \"Search\"\n```\n\n## Shortcodes\n\n### Code\n\nThe `paige/code` shortcode provides highlighted code.\n\nParameters:\n\n\u003cdl\u003e\n    \u003cdt\u003e\u003ccode\u003elang\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Position 0. String. Chroma \u003ca href=\"https://gohugo.io/content-management/syntax-highlighting/#list-of-chroma-highlighting-languages\"\u003elanguage code\u003c/a\u003e. Default is \u003ccode\u003e\"plaintext\"\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003eoptions\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. Hugo \u003ca href=\"https://gohugo.io/content-management/syntax-highlighting/#highlight-shortcode\"\u003ehighlight options\u003c/a\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003eunescape\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Boolean. Whether to reverse the HTML escaping in the body. Useful for when the request shortcode is used in the body.\u003c/dd\u003e\n\u003c/dl\u003e\n\nBody: Required. String. The code.\n\n### Email\n\nThe `paige/email` shortcode hides e-mail addresses from robots.\n\nParameters:\n\n\u003cdl\u003e\n    \u003cdt\u003e\u003ccode\u003eaddress\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eRequired. Position 0. String. The e-mail address.\u003c/dd\u003e\n\u003c/dl\u003e\n\nBody: Required. String. Markdown. The content.\n\n### Figure\n\nThe `paige/figure` shortcode provides a figure.\n\nParameters:\n\n\u003cdl\u003e\n    \u003cdt\u003e\u003ccode\u003ecaption\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Position 0. String. Markdown. Descriptive text below the content.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003efloat\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. Float to one side of its container. Must be \u003ccode\u003e\"start\"\u003c/code\u003e or \u003ccode\u003e\"end\"\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003eheight\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. CSS value. Total height.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003ehorizontal\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. Horizontal alignment. Must be \u003ccode\u003e\"start\"\u003c/code\u003e, \u003ccode\u003e\"center\"\u003c/code\u003e, or \u003ccode\u003e\"end\"\u003c/code\u003e. Default is \u003ccode\u003e\"center\"\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003emaxwidth\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. CSS value. Maximum total width.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003enumber\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Integer or string. Figure number. Displayed with the caption.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003enumbered\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Boolean. Number the figure automatically. Displayed with the caption.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003evertical\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. Vertical alignment. Must be \u003ccode\u003e\"start\"\u003c/code\u003e, \u003ccode\u003e\"center\"\u003c/code\u003e, or \u003ccode\u003e\"end\"\u003c/code\u003e. Default is \u003ccode\u003e\"center\"\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003ewidth\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. CSS value. Total width.\u003c/dd\u003e\n\u003c/dl\u003e\n\nBody: Required. String. Markdown. The content.\n\n### Gallery\n\nThe `paige/gallery` shortcode provides an arrangement of images.\n\nParameters:\n\n\u003cdl\u003e\n    \u003cdt\u003e\u003ccode\u003ealign\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. Cross axis alignment. Must be \u003ccode\u003e\"baseline\"\u003c/code\u003e, \u003ccode\u003e\"center\"\u003c/code\u003e, \u003ccode\u003e\"end\"\u003c/code\u003e, \u003ccode\u003e\"start\"\u003c/code\u003e, or \u003ccode\u003e\"stretch\"\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003ebreakpoints\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Boolean. Whether to generate copies of the image sized to each Bootstrap breakpoint. Must not use with \u003ccode\u003edensities\u003c/code\u003e. Only applies to raster images.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003eclass\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. Image class. Merged with implementation classes.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003edensities\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. Float numbers suffixed with an \"x\", delimited by spaces. The pixel densities of the image to generate. There must be at least two. The largest density matches the original image. Examples are \u003ccode\u003e\"1x 2x\"\u003c/code\u003e, \u003ccode\u003e\"1x 1.5x 2x 2.5x 3x\"\u003c/code\u003e, and \u003ccode\u003e\"0.5x 1.33x 6x 10x\"\u003c/code\u003e. Must not use with \u003ccode\u003ebreakpoints\u003c/code\u003e. Only applies to raster images.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003efetchpriority\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. Must be \u003ccode\u003e\"high\"\u003c/code\u003e or \u003ccode\u003e\"low\"\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003eheight\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. CSS value. Image height.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003eimages\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Position 0. String. Page, site, or remote images glob. Default is all image page resources.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003ejustify\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. Main axis space distribution. Must be \u003ccode\u003e\"around\"\u003c/code\u003e, \u003ccode\u003e\"between\"\u003c/code\u003e, \u003ccode\u003e\"center\"\u003c/code\u003e, \u003ccode\u003e\"end\"\u003c/code\u003e, \u003ccode\u003e\"evenly\"\u003c/code\u003e, or \u003ccode\u003e\"start\"\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003elinked\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Boolean or string. Wraps the image in an anchor. If it is a string, it is Hugo image processing \u003ca href=\"https://gohugo.io/content-management/image-processing/#image-processing-methods\"\u003emethods\u003c/a\u003e and \u003ca href=\"https://gohugo.io/content-management/image-processing/#image-processing-options\"\u003eoptions\u003c/a\u003e, mixed together, for the linked image. If no method is specified, resize is used. If no image dimensions are specified, the originals are used. If it is \u003ccode\u003edefault\u003c/code\u003e, the \u003ca href=\"https://gohugo.io/content-management/image-processing/#processing-options\"\u003edefault options\u003c/a\u003e are used. If it is a Boolean, it is unprocessed. Must be a Boolean for vector images.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003eloading\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. Must be \u003ccode\u003e\"eager\"\u003c/code\u003e (default) or \u003ccode\u003e\"lazy\"\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003emaxheight\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. CSS value. Maximum image height.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003emaxwidth\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. CSS value. Maximum image width.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003eprocess\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. Hugo image processing \u003ca href=\"https://gohugo.io/content-management/image-processing/#image-processing-methods\"\u003emethods\u003c/a\u003e and \u003ca href=\"https://gohugo.io/content-management/image-processing/#image-processing-options\"\u003eoptions\u003c/a\u003e, mixed together, for the displayed image. If no method is specified, resize is used. If no image dimensions are specified, the originals are used. If it is \u003ccode\u003e\"default\"\u003c/code\u003e, the \u003ca href=\"https://gohugo.io/content-management/image-processing/#processing-options\"\u003edefault options\u003c/a\u003e are used. Only applies to raster images.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003estyle\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. CSS. Image style. Merged with implementation styles.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003etype\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. Type of layout. Must be \u003ccode\u003e\"grid\"\u003c/code\u003e or \u003ccode\u003e\"rows\"\u003c/code\u003e (default).\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003ewidth\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. CSS value. Image width.\u003c/dd\u003e\n\u003c/dl\u003e\n\nBody: Optional. String. HTML. The images.\n\n### Icon\n\nThe `paige/icon` shortcode provides a web font icon.\n\nParameters:\n\n\u003cdl\u003e\n    \u003cdt\u003e\u003ccode\u003eclass\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eRequired. Position 0. String. Container class. Example: \u003ccode\u003e\"bi bi-github\"\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003etitle\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. The screen reader description and anchor title. Example: \u003ccode\u003e\"GitHub\"\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003eurl\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. URL. Example: \u003ccode\u003e\"https://github.com/account/project\"\u003c/code\u003e. E-mails in URLs with a \u003ccode\u003emailto:\u003c/code\u003e scheme are protected from web crawlers.\u003c/dd\u003e\n\u003c/dl\u003e\n\nBody: None.\n\n### Image\n\nThe `paige/image` shortcode provides an image.\n\nParameters:\n\n\u003cdl\u003e\n    \u003cdt\u003e\u003ccode\u003ealt\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. Plain text. Image alt.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003ebreakpoints\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Boolean. Whether to generate copies of the image sized to each Bootstrap breakpoint. Must not use with \u003ccode\u003edensities\u003c/code\u003e, \u003ccode\u003esizes\u003c/code\u003e, or \u003ccode\u003esrcset\u003c/code\u003e. Only applies to raster images.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003eclass\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. Class attribute value.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003edensities\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. Float numbers suffixed with an \"x\", delimited by spaces. The pixel densities of the image to generate. There must be at least two. The largest density matches the original image. Examples are \u003ccode\u003e\"1x 2x\"\u003c/code\u003e, \u003ccode\u003e\"1x 1.5x 2x 2.5x 3x\"\u003c/code\u003e, and \u003ccode\u003e\"0.5x 1.33x 6x 10x\"\u003c/code\u003e. Must not use with \u003ccode\u003ebreakpoints\u003c/code\u003e, \u003ccode\u003esizes\u003c/code\u003e, or \u003ccode\u003esrcset\u003c/code\u003e. Only applies to raster images.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003efetchpriority\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. Must be \u003ccode\u003e\"high\"\u003c/code\u003e or \u003ccode\u003e\"low\"\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003eheight\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. CSS value. Image height.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003elink\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. URL. Image link. Must not use with \u003ccode\u003elinked\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003elinked\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Boolean or string. Wraps the image in an anchor. If it is a string, it is Hugo image processing \u003ca href=\"https://gohugo.io/content-management/image-processing/#image-processing-methods\"\u003emethods\u003c/a\u003e and \u003ca href=\"https://gohugo.io/content-management/image-processing/#image-processing-options\"\u003eoptions\u003c/a\u003e, mixed together, for the linked image. If no method is specified, resize is used. If no image dimensions are specified, the originals are used. If it is \u003ccode\u003e\"default\"\u003c/code\u003e, the \u003ca href=\"https://gohugo.io/content-management/image-processing/#processing-options\"\u003edefault options\u003c/a\u003e are used. If it is a Boolean, it is unprocessed. Must be a Boolean for vector images. Must not use with \u003ccode\u003elink\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003eloading\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. Must be \u003ccode\u003e\"eager\"\u003c/code\u003e (default) or \u003ccode\u003e\"lazy\"\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003emaxheight\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. CSS value. Image maximum height.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003emaxwidth\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. CSS value. Image maximum width.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003eprocess\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. Hugo image processing \u003ca href=\"https://gohugo.io/content-management/image-processing/#image-processing-methods\"\u003emethods\u003c/a\u003e and \u003ca href=\"https://gohugo.io/content-management/image-processing/#image-processing-options\"\u003eoptions\u003c/a\u003e, mixed together, for the displayed image. If no method is specified, resize is used. If no image dimensions are specified, the originals are used. If it is \u003ccode\u003e\"default\"\u003c/code\u003e, the \u003ca href=\"https://gohugo.io/content-management/image-processing/#processing-options\"\u003edefault options\u003c/a\u003e are used. Only applies to raster images.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003esizes\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. Image \u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/sizes\"\u003esizes\u003c/a\u003e. Must not use with \u003ccode\u003ebreakpoints\u003c/code\u003e or \u003ccode\u003edensities\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003esrc\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eRequired. Position 0. String. URL. Image source.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003esrcset\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. Image \u003ca href=\"https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/srcset\"\u003esrcset\u003c/a\u003e. Must not use with \u003ccode\u003ebreakpoints\u003c/code\u003e or \u003ccode\u003edensities\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003estyle\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. CSS. Image style. Merged with implementation styles.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003etitle\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. Plain text. Image title.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003ewidth\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. CSS value. Image width.\u003c/dd\u003e\n\u003c/dl\u003e\n\nBody: None.\n\n### Quote\n\nThe `paige/quote` shortcode provides a quotation.\n\nParameters:\n\n\u003cdl\u003e\n    \u003cdt\u003e\u003ccode\u003ecite\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. Markdown. Citation.\u003c/dd\u003e\n\u003c/dl\u003e\n\nBody: Required. String. Markdown. The quotation.\n\n### Request\n\nThe `paige/request` shortcode provides the content for a URL.\n\nParameters:\n\n\u003cdl\u003e\n    \u003cdt\u003e\u003ccode\u003emethod\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. HTTP method. Default is \u003ccode\u003e\"get\"\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003eurl\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eRequired. String. URL.\u003c/dd\u003e\n\u003c/dl\u003e\n\nBody: None.\n\n### Tabs\n\nThe `paige/tabs` shortcode provides tab buttons and tab panes.\nIt must contain one `paige/tabs/buttons` shortcode, and then one `paige/tabs/panes` shortcode.\n\nParameters: None.\n\nBody: Required. String. HTML. The tab buttons and tab panes.\n\nThe `paige/tabs/buttons` shortcode provides tab buttons.\nIt must contain one or more `paige/tabs/button` shortcodes.\nEach `paige/tabs/button` shortcode corresponds to the `paige/tabs/pane` shortcode in the same position.\n\nParameters: None.\n\nBody: Required. String. HTML. The tab buttons.\n\nThe `paige/tabs/button` shortcode provides a tab button.\n\nParameters: None.\n\nBody: Required. String. Markdown. The tab button content.\n\nThe `paige/tabs/panes` shortcode provides tab panes.\nIt must contain one or more `paige/tabs/pane` shortcodes.\nEach `paige/tabs/pane` shortcode corresponds to the `paige/tabs/button` shortcode in the same position.\n\nParameters: None.\n\nBody: Required. String. HTML. The tab panes.\n\nThe `paige/tabs/pane` shortcode provides a tab pane.\n\nParameters: None.\n\nBody: Required. String. Markdown. The tab pane content.\n\n### Vimeo\n\nThe `paige/vimeo` shortcode provides a Vimeo video.\n\nParameters:\n\n\u003cdl\u003e\n    \u003cdt\u003e\u003ccode\u003eautopause\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Boolean. Enable playing more than one Vimeo video on the same page. Default is \u003ccode\u003etrue\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003eautoplay\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Boolean. Autoplay the video. Default is \u003ccode\u003efalse\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003ebackground\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Boolean. Autoplay the video. Hide the controls. Loop the video. Mute the video. Default is \u003ccode\u003efalse\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003ebyline\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Boolean. Show the author. Default is configured per video.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003ecolor\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. Hex code. Control color. Default is \u003ccode\u003e\"00adef\"\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003econtrols\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Boolean. Show the controls. Default is \u003ccode\u003etrue\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003edescription\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. Plain text. Screen reader content. Default is \u003ccode\u003e\"Vimeo video\"\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003ednt\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Boolean. Do not track session data. Default is \u003ccode\u003efalse\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003efullscreen\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Boolean. Enable full screen. Default is \u003ccode\u003etrue\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003eheight\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. CSS value. Video height.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003ekeyboard\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Boolean. Enable keyboard input. Default is \u003ccode\u003etrue\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003eloop\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Boolean. Loop the video. Default is \u003ccode\u003efalse\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003emaxheight\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. CSS value. Video maximum height.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003emaxwidth\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. CSS value. Video maximum width.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003emuted\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Boolean. Mute the video. Default is \u003ccode\u003efalse\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003epip\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Boolean. Show the picture-in-picture control. Default is \u003ccode\u003efalse\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003eplaysinline\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Boolean. Play inline instead of full screen on mobile devices. Default is \u003ccode\u003etrue\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003eportrait\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Boolean. Show the author's profile image. Default is configured per video.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003equality\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. The resolution. Must be \u003ccode\u003e\"auto\"\u003c/code\u003e, \u003ccode\u003e\"240p\"\u003c/code\u003e, \u003ccode\u003e\"360p\"\u003c/code\u003e, \u003ccode\u003e\"540p\"\u003c/code\u003e, \u003ccode\u003e\"720p\"\u003c/code\u003e, \u003ccode\u003e\"1080p\"\u003c/code\u003e, \u003ccode\u003e\"2k\"\u003c/code\u003e, or \u003ccode\u003e\"4k\"\u003c/code\u003e. Default is \u003ccode\u003e\"auto\"\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003espeed\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Boolean. Show the speed controls. Default is \u003ccode\u003efalse\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003etexttrack\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. Language code and optionally a locale code (e.g. \u003ccode\u003e\"en\"\u003c/code\u003e, \u003ccode\u003e\"en-US\"\u003c/code\u003e). Use the corresponding subtitles. Default is \u003ccode\u003efalse\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003etime\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. Duration (e.g. \u003ccode\u003e\"0m\"\u003c/code\u003e, \u003ccode\u003e\"1m2s\"\u003c/code\u003e). Start time. Default is \u003ccode\u003e\"0m\"\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003etitle\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Boolean. Show the title. Default is configured per video.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003etransparent\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Boolean. Use a transparent background instead of a black one. Default is \u003ccode\u003etrue\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003evideo\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Position 0. String. Video ID.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003ewidth\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. CSS value. Video width.\u003c/dd\u003e\n\u003c/dl\u003e\n\nBody: None.\n\nSee [Vimeo documentation](https://vimeo.zendesk.com/hc/en-us/articles/360001494447-Player-parameters-overview) for more detail.\n\n### YouTube\n\nThe `paige/youtube` shortcode provides a YouTube video.\n\nParameters:\n\n\u003cdl\u003e\n    \u003cdt\u003e\u003ccode\u003eautoplay\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Boolean. Automatically play the video.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003econtrols\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Boolean. Show video controls. Default is \u003ccode\u003etrue\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003edescription\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. Plain text. Screen reader content. Default is \u003ccode\u003e\"YouTube video\"\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003eend\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Integer. Elapsed seconds. Stop the video here.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003efullscreen\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Boolean. Enable full screen. Default is \u003ccode\u003etrue\u003c/code\u003e.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003eheight\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. CSS value. Video height.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003elist\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. Playlist ID.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003eloop\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Boolean. Loop the video.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003emaxheight\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. CSS value. Video maximum height.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003emaxwidth\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. CSS value. Video maximum width.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003emute\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Boolean. Mute the video.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003estart\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Integer. Elapsed seconds. Start the video here.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003evideo\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. Position 0. String. Video ID.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003ewidth\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eOptional. String. CSS value. Video width.\u003c/dd\u003e\n\u003c/dl\u003e\n\nBody: None.\n\n## Customize\n\n### Include\n\nFiles can be included in many places in HTML.\n\n| If this file exists in your site                | It is included at                |\n| ------------------------------------------------| ---------------------------------|\n| `layouts/partials/paige/body-first.html`        | The beginning of the body        |\n| `layouts/partials/paige/body-last.html`         | The ending of the body           |\n| `layouts/partials/paige/head-first.html`        | The beginning of the head        |\n| `layouts/partials/paige/head-last.html`         | The ending of the head           |\n| `layouts/partials/paige/page-body-first.html`   | The beginning of the page body   |\n| `layouts/partials/paige/page-body-last.html`    | The ending of the page body      |\n| `layouts/partials/paige/page-first.html`        | The beginning of the page        |\n| `layouts/partials/paige/page-footer-first.html` | The beginning of the page footer |\n| `layouts/partials/paige/page-footer-last.html`  | The ending of the page footer    |\n| `layouts/partials/paige/page-header-first.html` | The beginning of the page header |\n| `layouts/partials/paige/page-header-last.html`  | The ending of the page header    |\n| `layouts/partials/paige/page-last.html`         | The ending of the page           |\n| `layouts/partials/paige/site-first.html`        | The beginning of the site        |\n| `layouts/partials/paige/site-footer-first.html` | The beginning of the site footer |\n| `layouts/partials/paige/site-footer-last.html`  | The ending of the site footer    |\n| `layouts/partials/paige/site-header-first.html` | The beginning of the site header |\n| `layouts/partials/paige/site-header-last.html`  | The ending of the site header    |\n| `layouts/partials/paige/site-last.html`         | The ending of the site           |\n\nThere are kind variants of include files that are included only when the file kind matches the page kind.\n\n| If this file exists in your site               | It is included when         |\n| -----------------------------------------------| ----------------------------|\n| `layouts/partials/paige/[PLACE]-home.html`     | The page kind is \"home\"     |\n| `layouts/partials/paige/[PLACE]-page.html`     | The page kind is \"page\"     |\n| `layouts/partials/paige/[PLACE]-section.html`  | The page kind is \"section\"  |\n| `layouts/partials/paige/[PLACE]-taxonomy.html` | The page kind is \"taxonomy\" |\n| `layouts/partials/paige/[PLACE]-term.html`     | The page kind is \"term\"     |\n\nAbove, the place placeholder must be \"body-first\", \"body-last\", \"head-first\", etc.\n\nKind variants are included right after their counterpart non-kind variant.\n\nThe argument for the templates is the page.\n\n### Override\n\nMost code is in partial templates that the layout templates use.\nCode can be added, changed, or removed easily by overriding the corresponding layout or partial template.\n\nFor example, `layouts/_default/list.html` and `layouts/_default/single.html` include `layouts/partial/paige/page.html`.\n`layouts/partial/paige/page.html` includes `layouts/partial/paige/page-header.html`.\nTo change the page title for those layout templates, change `layouts/partial/paige/page-header.html`.\n\nTo change the page title for `layouts/_default/single.html` only,\nreplace the inclusion of `layouts/partial/paige/page.html` in `layouts/_default/single.html` with its content,\nthen in that, replace the inclusion of `layouts/partial/paige/page-header.html` with its content,\nthen in that, change the page title.\n\nTo change the favicon, override these files:\n\n- `static/apple-touch-icon.png`\n- `static/favicon-96x96.png`\n- `static/favicon.ico`\n- `static/favicon.svg`\n- `static/web-app-manifest-192x192.png`\n- `static/web-app-manifest-512x512.png`\n\nYou can generate these favicon files [here](https://realfavicongenerator.net).\n\nTo change the syntax highlighting styles, override these files [with your own](https://gohugo.io/content-management/syntax-highlighting/#generate-syntax-highlighter-css):\n\n- `layouts/partials/paige/dark.css`\n- `layouts/partials/paige/light.css`\n\n### Extend\n\nUse CSS selectors to extend the default styling.\n\nPage identifiers:\n\n\u003cdl\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-page-alert\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page alert.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-page-authors\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page authors.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-page-collections\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page collections.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-page-collections-header\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page collections header.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-page-content\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page content.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-page-date\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page date.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-page-description\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page description.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-page-edit\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page edit link.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-page-file\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe container of the page edit and history links.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-page-footer\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page footer that contains the page edit, history, next, and previous links.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-page-header\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page header that contains the page metadata and table of contents.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-page-history\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page history link.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-page-keywords\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page keywords.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-page-next\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page next link.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-page-pages\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page pages.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-page-pages-header\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page pages header.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-page-pagination\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe pagination of subpages.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-page-prev\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page previous link.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-page-reading-time\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page reading time.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-page-sections\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page sections.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-page-sections-header\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page sections header.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-page-series\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page series.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-page-siblings\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe container of the page next and previous links.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-page-title\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page title.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-page-toc\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page table of contents.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-page-word-count\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page word count.\u003c/dd\u003e\n\u003c/dl\u003e\n\nSite identifiers:\n\n\u003cdl\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-site-breadcrumbs\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe site breadcrumbs.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-site-copyright\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe site copyright.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-site-credit\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe site credit.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-site-description\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe site description.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-site-footer\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe site footer that contains the site copyright, license, and credit.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-site-header\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe site header that contains the site title, description, menu, and breadcrumbs.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-site-license\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe site license.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-site-menu\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe site menu.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e#paige-site-title\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe site title.\u003c/dd\u003e\n\u003c/dl\u003e\n\nPage classes:\n\n\u003cdl\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-page-keyword-category\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eA page category keyword.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-page-keyword-tag\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eA page tag keyword.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-page-keywords\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page keywords.\u003c/dd\u003e\n\u003c/dl\u003e\n\nSubpage classes:\n\n\u003cdl\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-page\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eA page.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-page-authors\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page authors.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-page-date\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page date.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-page-description\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page description.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-page-reading-time\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page reading time.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-page-series\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page series.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-page-summary\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page summary.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-page-title\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page title.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-page-word-count\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe page word count.\u003c/dd\u003e\n\u003c/dl\u003e\n\nPage kind classes:\n\n\u003cdl\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-kind-home\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe container of pages with kind \"home\".\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-kind-section\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe container of pages with kind \"section\".\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-kind-page\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe container of pages with kind \"page\".\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-kind-taxonomy\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe container of pages with kind \"taxonomy\".\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-kind-term\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe container of pages with kind \"term\".\u003c/dd\u003e\n\u003c/dl\u003e\n\nPage status classes:\n\n\u003cdl\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-status-draft\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe container of draft pages.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-status-expired\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe container of expired pages.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-status-future\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe container of future pages.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-status-modified\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe container of modified pages.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-status-published\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe container of published pages.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-status-unpublished\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe container of unpublished pages.\u003c/dd\u003e\n\u003c/dl\u003e\n\nShortcode classes:\n\n\u003cdl\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-shortcode-code\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe container of \u003ccode\u003epaige/code\u003c/code\u003e shortcodes.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-shortcode-email\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe container of \u003ccode\u003epaige/email\u003c/code\u003e shortcodes.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-shortcode-figure\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe container of \u003ccode\u003epaige/figure\u003c/code\u003e shortcodes.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-shortcode-gallery\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe container of \u003ccode\u003epaige/gallery\u003c/code\u003e shortcodes.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-shortcode-icon\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe container of \u003ccode\u003epaige/icon\u003c/code\u003e shortcodes.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-shortcode-image\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe container of \u003ccode\u003epaige/image\u003c/code\u003e shortcodes.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-shortcode-quote\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe container of \u003ccode\u003epaige/quote\u003c/code\u003e shortcodes.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-shortcode-vimeo\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe container of \u003ccode\u003epaige/vimeo\u003c/code\u003e shortcodes.\u003c/dd\u003e\n    \u003cdt\u003e\u003ccode\u003e.paige-shortcode-youtube\u003c/code\u003e\u003c/dt\u003e\n    \u003cdd\u003eThe container of \u003ccode\u003epaige/youtube\u003c/code\u003e shortcodes.\u003c/dd\u003e\n\u003c/dl\u003e\n\n### Minimal look\n\nBy default, everything is shown.\nIf you want a more minimal look, try the following parameter values:\n\n```toml\n[paige.pages]\ndisable_authors = true\ndisable_date = true\ndisable_keywords = true\ndisable_next = true\ndisable_prev = true\ndisable_reading_time = true\ndisable_series = true\ndisable_toc = true\ndisable_word_count = true\n\n[paige.subpages]\ndisable_authors = true\ndisable_date = true\ndisable_keywords = true\ndisable_reading_time = true\ndisable_series = true\ndisable_summary = true\ndisable_word_count = true\n```\n\n### Narrow look\n\nBy default, the content expands to fill the whole window.\nThis can result in very long lines, depending on the window width.\nTo use [the recommended line length of 66 characters](https://en.wikipedia.org/wiki/Line_length#Printed_text) (40rem),\ntry the following in `yoursite/hugo.toml`:\n\n```toml\n[params.paige]\nstyle = \"\"\"\n#paige-page-content,\n#paige-page-pages \u003e * { margin-left: auto; margin-right: auto; max-width: 40rem; }\n\"\"\"\n```\n\n### Narrow-and-wide look\n\nBy default, the content expands to fill the whole window.\nThis can result in very long lines, depending on the window width.\nTo use [the recommended line length of 66 characters](https://en.wikipedia.org/wiki/Line_length#Printed_text) (40rem)\nfor all content except media,\ntry the following in `yoursite/hugo.toml`:\n\n```toml\n[params.paige]\nstyle = \"\"\"\n#paige-page-content,\n#paige-page-pages \u003e * { margin-left: auto; margin-right: auto; max-width: 40rem; }\n#paige-page-content \u003e img,\n#paige-page-content \u003e .paige-shortcode-image,\n#paige-page-content \u003e .paige-shortcode-vimeo,\n#paige-page-content \u003e .paige-shortcode-youtube { max-width: 100%; }\n\"\"\"\n```\n\n### Menu navigation only\n\nIf you configure a menu, and intend for it to be sufficient for all navigation,\nyou should hide the breadcrumbs on every page,\nand hide the collection, section, and page lists on the home page if you use the default home page layout.\n\nTo hide the breadcrumbs on every page,\ntry the following in `yoursite/hugo.toml`:\n\n```toml\n[params.paige.site]\ndisable_breadcrumbs = true\n```\n\nTo hide the collection, section, and page lists on the home page,\ntry the following in `yoursite/content/_index.md`:\n\n```toml\n[params.paige.pages]\ndisable_collections = true\ndisable_pages = true\ndisable_sections = true\n```\n\n## Credits\n\n- Photos by [Lanty](https://unsplash.com/@photos_by_lanty)\n- Photo by [Sergey Pesterev](https://unsplash.com/photos/JV78PVf3gGI)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwillfaught%2Fpaige","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwillfaught%2Fpaige","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwillfaught%2Fpaige/lists"}