alecodes/personal-page
2
0
Fork 0
Code Issues 17 Pull requests Projects 1 Releases Packages 1 Wiki Activity Actions

create basic components for index

Browse source 
- Updated layout
- Include CSS reset
- Include Catppuccin color variables
- Add basic styling
- Create navbar component
This commit is contained in:
Alexander Navarro 2023-08-13 12:32:28 -04:00
parent 894baef9c8
commit 11473a6b53
7 changed files with 152 additions and 82 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/layouts/Layout.astro
View file

@ -4,6 +4,7 @@ export interface Props {
}
const { title } = Astro.props;
import "../assets/style/global.css";
---
<!DOCTYPE html>
@ -15,22 +16,14 @@ const { title } = Astro.props;
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="generator" content={Astro.generator} />
<title>{title}</title>
<!-- Reset and normilize styles -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gardevoir" />
</head>
<body>
<slot />
<main>
<slot />
</main>
</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>