firq-dev-website/src/layouts/Layout.astro

70 lines
1.8 KiB
Text
Raw Normal View History

2023-01-15 16:53:19 +00:00
---
2023-03-04 18:11:52 +00:00
import Navbar from '../components/navbar.astro';
import NavbarEntry from '../components/navbarEntry.astro';
import navdata from '../../static/_navdata.json'
2023-01-15 16:53:19 +00:00
export interface Props {
title: string;
2023-03-04 18:11:52 +00:00
currentpage: string;
descriptionOverride?: string;
2023-01-15 16:53:19 +00:00
}
const { descriptionOverride, currentpage, title } = Astro.props;
let description;
if(descriptionOverride === undefined) {
description = "Firqs own site!";
} else {
description = descriptionOverride;
}
let currPage = "https://firq.pages.neshweb.net/"
if (currentpage !== "home") {
currPage += currentpage;
}
2023-01-15 16:53:19 +00:00
---
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/ico" href="/favicon.ico" />
2023-01-15 16:53:19 +00:00
<meta name="generator" content={Astro.generator} />
<meta property="og:title" content={title} />
<meta property="og:url" content={currPage} />
<meta name="description" content={description}/>
<meta property="og:description" content={description}/>
2023-03-06 19:49:59 +00:00
<meta property="og:image" content="https://firq.dev/embed.png" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="en_US" />
2023-01-15 16:53:19 +00:00
<title>{title}</title>
2023-03-04 12:48:57 +00:00
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@main/css/iconoir.css">
2023-01-15 16:53:19 +00:00
</head>
<body>
2023-03-04 18:11:52 +00:00
<Navbar>
{navdata.map((item) => (<NavbarEntry currentPage={currentpage} {...item}/>))}
</Navbar>
2023-01-15 16:53:19 +00:00
<slot />
</body>
</html>
<style is:global>
:root {
--hover-scale: 1.05;
--speed: 50%;
--ease: 50%;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
2023-03-05 20:58:01 +00:00
--c-darkgray: #1e1e1e;
--c-duskgray: #242424;
--c-gray: #2e2e2e;
--c-lightgray: #3e3e3e;
--c-darkpurple: #b86cff;
--c-purplepink: #c105ff;
--c-darkergray: #1b1b1b;
2023-01-15 16:53:19 +00:00
}
body {
2023-03-05 20:58:01 +00:00
background: var(--c-lightgray);
2023-03-04 12:48:57 +00:00
margin: 0px;
2023-01-15 16:53:19 +00:00
}
</style>