getting things ready!

wylie · Jan 28, 2025 · 47e1cdc · 47e1cdc
1 parent 5dde9c9
commit 47e1cdc
Show file tree

Hide file tree

Showing 11 changed files with 132 additions and 7 deletions.
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -0,0 +1,35 @@
+name: Deploy to GitHub Pages
+
+on:
+  # Trigger the workflow every time you push to the `main` branch
+  # Using a different branch name? Replace `main` with your branch’s name
+  push:
+    branches: [main]
+  # Allows you to run this workflow manually from the Actions tab on GitHub.
+  workflow_dispatch:
+
+# Allow this job to clone the repo and create a page deployment
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout your repository using git
+        uses: actions/checkout@v4
+      - name: Install, build, and upload your site
+        uses: withastro/action@v3
+
+  deploy:
+    needs: build
+    runs-on: ubuntu-latest
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -2,4 +2,6 @@
 import { defineConfig } from 'astro/config';
 
 // https://astro.build/config
-export default defineConfig({});
+export default defineConfig({
+  site: 'https://wylie.github.io'
+});
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
@@ -0,0 +1,4 @@
+---
+
+---
+<p>Footer</p>
diff --git a/src/components/Heading.astro b/src/components/Heading.astro
@@ -0,0 +1,6 @@
+---
+import Navigation from './Navigation.astro';
+
+---
+  <h1>Teresa Fisher PhD. Milkweed Mental Health</h1>
+  <Navigation />
diff --git a/src/components/Meta.astro b/src/components/Meta.astro
diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
@@ -0,0 +1,21 @@
+---
+---
+<ul>
+  <li><a href="/">Welcome</a></li>
+  <li><a href="/about">About</a></li>
+  <li><a href="/services">Services</a></li>
+  <li><a href="/contact">Contact</a></li>
+</ul>
+
+<style>
+  ul {
+    display: flex;
+    justify-self: center;
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+  }
+  li:not(:first-child) {
+    margin-left: 1rem;
+  }
+</style>
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -1,13 +1,13 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
 	<head>
 		<meta charset="UTF-8" />
-		<meta name="viewport" content="width=device-width" />
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 		<meta name="generator" content={Astro.generator} />
-		<title>Astro Basics</title>
+		<title>Teresa Fisher, PhD.</title>
 	</head>
-	<body>
+	<body class="layout">
 		<slot />
 	</body>
 </html>
@@ -19,4 +19,13 @@
 		width: 100%;
 		height: 100%;
 	}
+	.layout {
+		display: grid;
+		grid-template-rows: auto auto 1fr auto;
+		gap: 1rem;
+		text-align: center;
+		min-height: 100vh;
+		max-width: 800px;
+		margin: auto;
+	}
 </style>
diff --git a/src/pages/about.astro b/src/pages/about.astro
@@ -0,0 +1,14 @@
+---
+import Layout from '../layouts/Layout.astro';
+import Heading from '../components/Heading.astro';
+import Footer from '../components/Footer.astro';
+
+---
+<Layout>
+	<Heading />
+	<main>
+		<h2>About</h2>
+		<p>Content here</p>
+	</main>
+	<Footer />
+</Layout>
diff --git a/src/pages/contact.astro b/src/pages/contact.astro
@@ -0,0 +1,14 @@
+---
+import Layout from '../layouts/Layout.astro';
+import Heading from '../components/Heading.astro';
+import Footer from '../components/Footer.astro';
+
+---
+<Layout>
+	<Heading />
+	<main>
+		<h2>Contact</h2>
+		Content here
+	</main>
+	<Footer />
+</Layout>
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -1,11 +1,17 @@
 ---
-import Welcome from '../components/Welcome.astro';
 import Layout from '../layouts/Layout.astro';
+import Heading from '../components/Heading.astro';
+import Footer from '../components/Footer.astro';
 
 // Welcome to Astro! Wondering what to do next? Check out the Astro documentation at https://docs.astro.build
 // Don't want to use any of this? Delete everything in this file, the `assets`, `components`, and `layouts` directories, and start fresh.
 ---
 
 <Layout>
-	<Welcome />
+	<Heading />
+	<main>
+		<h2>Welcome</h2>
+		Content here
+	</main>
+	<Footer />
 </Layout>
diff --git a/src/pages/services.astro b/src/pages/services.astro
@@ -0,0 +1,14 @@
+---
+import Layout from '../layouts/Layout.astro';
+import Heading from '../components/Heading.astro';
+import Footer from '../components/Footer.astro';
+
+---
+<Layout>
+	<Heading />
+	<main>
+		<h2>Services</h2>
+		Content here
+	</main>
+	<Footer />
+</Layout>