mariosant/mariosant.dev
1
0
Fork 0
Code Issues Pull Requests Actions Activity

setting up navbar

Browse Source
This commit is contained in:
Surjith S M
2022-11-02 22:03:42 +05:30
parent c755263b27
commit ee30a40c17
11 changed files with 313 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/layouts/Layout.astro
View File

@@ -1,6 +1,8 @@
---
import Navbar from "@components/navbar/navbar.astro";
export interface Props {
title: string;
title: string;
}
const { title } = Astro.props;
@@ -8,28 +10,22 @@ const { title } = Astro.props;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="generator" content={Astro.generator} />
<title>{title}</title>
</head>
<body>
<slot />
</body>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="generator" content={Astro.generator} />
<title>{title} {title && "|"} Astro Ship</title>
</head>
<body>
<Navbar />
<slot />
<style is:global>
// Improve Page speed
// https://css-tricks.com/almanac/properties/c/content-visibility/
img {
content-visibility: auto;
}
</style>
</body>
</html>
<style is:global>
:root {
--accent: 124, 58, 237;
--accent-gradient: linear-gradient(45deg, rgb(var(--accent)), #da62c4 30%, white 60%);
}
html {
font-family: system-ui, sans-serif;
background-color: #F6F6F6;
}
code {
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
Bitstream Vera Sans Mono, Courier New, monospace;
}
</style>