Old Astro setup

2024-08-06 16:55:05 +02:00
parent 7e61f617c2
commit 4f01f8b373
26 changed files with 8564 additions and 14262 deletions
--- a/src/components/Card.astro
+++ b/src/components/Card.astro
@@ -0,0 +1,9 @@
+---
+import Heading from "./Heading.astro";
+---
+
+<div class="card p-6 border-white border-[1px] border-opacity-10 bg-slate-300 bg-opacity-5 rounded-xl">
+  <Heading tag="h2">
+    Test
+  </Heading>
+</div>
--- a/src/components/Heading.astro
+++ b/src/components/Heading.astro
@@ -0,0 +1,23 @@
+---
+interface Props {
+	tag: 'h1' | 'h2' | 'h3';
+}
+
+const { tag = "h1" } = Astro.props;
+---
+
+{tag === 'h1' &&
+  <h1 class="font-heading text-5xl font-bold">
+    <slot />
+  </h1>
+}
+{tag === 'h2' &&
+  <h1 class="font-heading text-3xl font-bold">
+    <slot />
+  </h1>
+}
+{tag === 'h3' &&
+  <h1 class="font-heading text-xl font-bold">
+    <slot />
+  </h1>
+}
--- a/src/env.d.ts
+++ b/src/env.d.ts
@@ -0,0 +1 @@
+/// <reference types="astro/client" />
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -0,0 +1,42 @@
+--- 
+import '../../assets/css/main.css';
+
+interface Props {
+	title?: string;
+}
+
+const { title } = Astro.props;
+
+let renderedTitle
+const baseTitle = 'Alexis Pelé - Ingénieur web breton'
+
+if (title) {
+  renderedTitle = `${title} · ${baseTitle}`
+} else {
+  renderedTitle = baseTitle
+}
+---
+
+<!DOCTYPE html>
+<html lang="en">
+	<head>
+		<meta charset="UTF-8" />
+		<meta name="description" content="Astro description">
+		<meta name="viewport" content="width=device-width" />
+  
+		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+		<meta name="generator" content={ Astro.generator } />
+
+		<title>{ renderedTitle }</title>
+	</head>
+
+	<body class="bg-stone-50">
+		<div class="container transition-all">
+      <div class="h-screen py-12 px-24 shadow-sm bg-white">
+        <div class="mt-32">
+          <slot />
+        </div>
+      </div>
+    </div>
+	</body>
+</html>
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -0,0 +1,11 @@
+---
+import Layout from '../layouts/Layout.astro';
+---
+
+<Layout>
+  <main>
+    <h1 class="text-4xl font-bold">
+      Titre
+    </h1>
+  </main>
+</Layout>