mirror of
https://ark.sudovanilla.org/Korbs/butterflyvu.git
synced 2024-12-22 15:23:54 +00:00
Make Footer it's own component
This commit is contained in:
parent
96b24bedbb
commit
a8c2c5324a
23
src/components/global/Footer.astro
Normal file
23
src/components/global/Footer.astro
Normal file
|
@ -0,0 +1,23 @@
|
||||||
|
---
|
||||||
|
// Settings
|
||||||
|
import { SiteSettings, FeelbackConfig } from '@config'
|
||||||
|
import {version} from '../../../package.json'
|
||||||
|
---
|
||||||
|
|
||||||
|
<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>
|
|
@ -1,7 +1,6 @@
|
||||||
---
|
---
|
||||||
// Settings
|
// Settings
|
||||||
import { SiteSettings, FeelbackConfig } from '@config'
|
import { FeelbackConfig } from '@config'
|
||||||
import {version} from '../../package.json'
|
|
||||||
|
|
||||||
// Properties
|
// Properties
|
||||||
const { frontmatter, Title, Feedback, Feelback } = Astro.props
|
const { frontmatter, Title, Feedback, Feelback } = Astro.props
|
||||||
|
@ -9,6 +8,7 @@ const { frontmatter, Title, Feedback, Feelback } = Astro.props
|
||||||
// Components
|
// Components
|
||||||
import Head from '@components/global/Head.astro'
|
import Head from '@components/global/Head.astro'
|
||||||
import Header from '@components/global/Header.astro'
|
import Header from '@components/global/Header.astro'
|
||||||
|
import Footer from '@components/global/Footer.astro'
|
||||||
import Sidebar from '@components/Sidebar.astro'
|
import Sidebar from '@components/Sidebar.astro'
|
||||||
import FeelbackYesNo from "astro-feelback/components/FeelbackYesNo.astro"
|
import FeelbackYesNo from "astro-feelback/components/FeelbackYesNo.astro"
|
||||||
import {Zorn} from "@minpluto/zorn"
|
import {Zorn} from "@minpluto/zorn"
|
||||||
|
@ -41,25 +41,9 @@ import "@styles/prism.css"
|
||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
<Footer/>
|
||||||
|
<!-- Zorn is broken if a player is not already set -->
|
||||||
<Zorn is:raw PlayerName="zorn_null" Poster="#" Video="#"/>
|
<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>
|
</div>
|
||||||
|
|
||||||
<!-- Zorn is broken if a player is not already set -->
|
<!-- Zorn is broken if a player is not already set -->
|
||||||
|
|
|
@ -1,14 +1,11 @@
|
||||||
---
|
---
|
||||||
// Settings
|
|
||||||
import { SiteSettings } from '@config'
|
|
||||||
import {version} from '../../package.json'
|
|
||||||
|
|
||||||
// Properties
|
// Properties
|
||||||
const { frontmatter } = Astro.props
|
const { frontmatter } = Astro.props
|
||||||
|
|
||||||
// Components
|
// Components
|
||||||
import Head from '@components/global/Head.astro'
|
import Head from '@components/global/Head.astro'
|
||||||
import Header from '@components/global/Header.astro'
|
import Header from '@components/global/Header.astro'
|
||||||
|
import Footer from '@components/global/Footer.astro'
|
||||||
import FeelbackYesNo from "astro-feelback/components/FeelbackYesNo.astro";
|
import FeelbackYesNo from "astro-feelback/components/FeelbackYesNo.astro";
|
||||||
|
|
||||||
// Styles
|
// Styles
|
||||||
|
@ -26,8 +23,8 @@ import "@styles/feelback.css";
|
||||||
<h1>{frontmatter.Title}</h1>
|
<h1>{frontmatter.Title}</h1>
|
||||||
<p>{frontmatter.Description}</p>
|
<p>{frontmatter.Description}</p>
|
||||||
<div class="splash-action">
|
<div class="splash-action">
|
||||||
<a href={frontmatter.PrimaryLink} class="button">{frontmatter.PrimaryText}</a>
|
{frontmatter.PrimaryText ? <a href={frontmatter.PrimaryLink} class="button">{frontmatter.PrimaryText}</a> : null}
|
||||||
<a href={frontmatter.SecondaryLink} class="button-secondary">{frontmatter.SecondaryText}</a>
|
{frontmatter.SecondaryText ? <a href={frontmatter.SecondaryLink} class="button-secondary">{frontmatter.SecondaryText}</a> : null}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<img src={frontmatter.Banner}/>
|
<img src={frontmatter.Banner}/>
|
||||||
|
@ -36,22 +33,6 @@ import "@styles/feelback.css";
|
||||||
<slot/>
|
<slot/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer">
|
<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>
|
</div>
|
||||||
</html>
|
</html>
|
Loading…
Reference in a new issue