Navigation
  • Share
    • Breadcrumb
    evergreen

    Authoring Fullscreen Content

    Published on , modified on .

    Creating a Fullscrenn Page

    To embed any form of iframe in a fullscreen way, for example a map, create a content page like this:

    ---
title: "Example Fullscreen Map"
date: 2026-01-28
type: "fullscreen"
fullscreen_link: "https://www.openstreetmap.org/"   #Define link in footer
fullscreen_link_text: "open in fullscreen"          #Definie link-text in footer
---
<iframe src="https://www.openstreetmap.org/export/embed.html" width="100%" height="100%" style="border:none; "></iframe>

    To allow html in markdown documents, you have to enable unsafe-html in your hugo.toml file:

        ## Goldmark markdown processor settings
    [markup.goldmark]
        [markup.goldmark.renderer]
            ## Allow HTML in markdown
            unsafe = true

    Example

    Fullscreen Example