butterflyvu/src/layouts/Document.astro

---
// Settings
import { SiteSettings } from '@config'
import {version} from '../../package.json'

// Properties
const { frontmatter, Title, Feedback, Feelback } = Astro.props

// Components
import Head from '@components/global/Head.astro'
import Header from '@components/global/Header.astro'
import Sidebar from '@components/Sidebar.astro'
import FeelbackYesNo from "astro-feelback/components/FeelbackYesNo.astro"
import {Zorn} from "@minpluto/zorn"

// Styles
import "@styles/index.scss"
import "@styles/feelback.css"
import "@styles/prism.css"
---

<Head/>
<Header/>
<div class="page">
    <article>
        <Sidebar/>
        <div class="document">
            <h1>{frontmatter.Title}</h1>
            <slot/>
            <!-- <hr/>
            <p>Last Updated: null</p> -->
            <!-- {
                FEEDBACK_ENABLED ?
                    // Feelback
                    FEELBACK_ENABLED ?
                        <FeelbackYesNo
                            contentSetId="2308b02b-8f9f-437e-9780-5ad4c0db016e"
                            preset="like-dislike"
                            textQuestion="Did this article help?"
                            textAnswer="Thank you for your feedback."
                        />
                        :
                        null
                    :
                    null
           } -->
        </div>
    </article>

    <Zorn is:raw PlayerName="zorn_null" Poster="#" Video="#"/>
    <div class="footer">
        <div class="footer-start">
            <p>© {SiteSettings.OrgName}. All right reserved.</p>
        </div>
        <div class="footer-end">
            {SiteSettings.WhiteLabel ?
                <p>Built with <a href="#">ButterflyVu</a></p>
                :
                null
            }
            {SiteSettings.FooterVersion ?
                <p style="opacity: 0.5;">v{version}</p>
                :
                null
            }
        </div>
    </div>
</div>

<!-- Zorn is broken if a player is not already set -->
<style is:global>#zorn-player-zorn_null {display: none}</style>