82 lines
2.1 KiB
Text
82 lines
2.1 KiB
Text
---
|
|
import Navbar from '../components/navbar.astro'
|
|
import NavbarEntry from '../components/navbarEntry.astro'
|
|
import navdata from '../../static/assets/data/_navdata.json'
|
|
|
|
export interface Props {
|
|
title: string
|
|
currentpage: string
|
|
descriptionOverride?: string
|
|
}
|
|
|
|
const { descriptionOverride, currentpage, title } = Astro.props
|
|
let description
|
|
|
|
if (descriptionOverride === undefined) {
|
|
description = 'Firqs own site!'
|
|
} else {
|
|
description = descriptionOverride
|
|
}
|
|
|
|
let currPage = 'https://firq.dev/'
|
|
if (currentpage !== 'home') {
|
|
currPage += currentpage
|
|
}
|
|
---
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>{title}</title>
|
|
<!-- Meta Tags -->
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width" />
|
|
<meta name="generator" content={Astro.generator} />
|
|
<meta name="description" content={description} />
|
|
<meta property="og:title" content={title} />
|
|
<meta property="og:url" content={currPage} />
|
|
<meta property="og:description" content={description} />
|
|
<meta property="og:image" content="/assets/embed.png" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:locale" content="en_US" />
|
|
<meta name="theme-color" content="#b86cff" />
|
|
<!-- Links -->
|
|
<link rel="icon" type="image/ico" href="/assets/favicon.ico" />
|
|
<link rel="sitemap" href="/sitemap-index.xml" />
|
|
<link href="https://mastodon.neshweb.net/@Firq" rel="me" />
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@main/css/iconoir.css"
|
|
/>
|
|
</head>
|
|
<body>
|
|
<Navbar>
|
|
{
|
|
navdata.map((item) => (
|
|
<NavbarEntry currentPage={currentpage} {...item} />
|
|
))
|
|
}
|
|
</Navbar>
|
|
<slot />
|
|
</body>
|
|
</html>
|
|
<style is:global>
|
|
:root {
|
|
--hover-scale: 1.05;
|
|
--speed: 50%;
|
|
--ease: 50%;
|
|
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
|
--c-darkgray: #1e1e1e;
|
|
--c-duskgray: #242424;
|
|
--c-gray: #2e2e2e;
|
|
--c-lightgray: #3e3e3e;
|
|
--c-darkpurple: #b86cff;
|
|
--c-purplepink: #c105ff;
|
|
--c-darkergray: #1b1b1b;
|
|
}
|
|
body {
|
|
background: var(--c-lightgray);
|
|
margin: 0px;
|
|
}
|
|
</style>
|