breadone/Memento
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: breadone:1fdf07cdf70748d5fe01ccae30b4ec5fe0278993
Branches Tags
breadone:main
...
compare: breadone:fc7cd5a60ae4d9fb2684a8ce909dd65d7da278f2
Branches Tags
breadone:main

2 Commits
1fdf07cdf7 ... fc7cd5a60a

Author SHA1 Message Date
June
fc7cd5a60a add a header and some styling 2026-01-14 23:04:02 +13:00
June
e71acd2ce1 start frontend, adding layouts for things 2026-01-14 11:03:44 +13:00
5 changed files with 44 additions and 13 deletions
Expand all files Collapse all files

15
src/component/core/head.astro Normal file
View File

@@ -0,0 +1,15 @@
---
const {
title
} = Astro.props
---
<head>
<meta charset="utf-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
<title>{title}</title>
</head>

21
src/component/core/layout.astro Normal file
View File

@@ -0,0 +1,21 @@
---
import Head from "./head.astro";
import Navbar from "./navbar.astro"
const {
title = "Memento"
} = Astro.props
---
<html>
<Head
title={title}
/>
<body>
<Navbar />
<slot />
</body>
</html>

3
src/component/core/navbar.astro Normal file
View File

@@ -0,0 +1,3 @@
<div class="flex w-full h-14 px-2 rounded-xl mb-4 bg-blue-400/40 place-items-center">
<p class="font-bold">Memento</p>
</div>

15
src/pages/index.astro
View File

@@ -1,5 +1,6 @@
--- ---
import "../styles/global.css" import "../styles/global.css"
import Layout from "../component/core/layout.astro"
--- ---
<script> <script>
@@ -43,16 +44,7 @@ import "../styles/global.css"
</script> </script>
<html lang="en"> <Layout>
<head>
<meta charset="utf-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
<title>Astro</title>
</head>
<body>
<h1>Astro</h1>
<div id="editor"> <div id="editor">
<p>Hello World!</p> <p>Hello World!</p>
<p>Some initial <strong>bold</strong> text</p> <p>Some initial <strong>bold</strong> text</p>
@@ -69,5 +61,4 @@ import "../styles/global.css"
<div id="result"> <div id="result">
</div> </div>
</body> </Layout>
</html>

3
src/styles/global.css
View File

@@ -4,7 +4,8 @@
@import 'quill/dist/quill.snow.css'; @import 'quill/dist/quill.snow.css';
html { html {
@apply p-6; @apply p-3;
@apply bg-black/90 text-white
} }
button { button {