summaryrefslogtreecommitdiff
path: root/examples/with-nanostores/src/pages/index.astro
blob: ad3fb4e2666a2ed6abc32ff1f157f67f6132792d (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
---
// Style Imports
import '../styles/global.css';
import '../styles/home.css';

// Component Imports
import AdminsReact from '../components/AdminsReact.jsx';
import AdminsSvelte from '../components/AdminsSvelte.svelte';
import AdminsVue from '../components/AdminsVue.vue';
import AdminsSolid from '../components/AdminsSolid.jsx';

// Full Astro Component Syntax:
// https://docs.astro.build/core-concepts/astro-components/
---

<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width" />
		<title>Astro</title>

		<link rel="icon" type="image/x-icon" href="/favicon.ico" />

		<style>
			header {
				display: flex;
				flex-direction: column;
				gap: 1em;
				max-width: min(100%, 68ch);
			}
		</style>
	</head>
	<body>
		<main>
			<header>
				<div>
					<img width="60" height="80" src="/assets/logo.svg" alt="Astro logo" />
					<h1>
						Welcome to <a href="https://astro.build/">Astro</a> -
						<a href="https://github.com/nanostores/nanostores">nanostores</a>
					</h1>
				</div>
			</header>
			<AdminsReact client:load />
			<AdminsSvelte client:load />
			<AdminsVue client:load />
			<AdminsSolid client:load />
		</main>
	</body>
</html>