feat: website with color and nav bar

Cordevall · Feb 23, 2024 · be636fe · be636fe
1 parent 81ab0fe
commit be636fe
Show file tree

Hide file tree

Showing 20 changed files with 186 additions and 1 deletion.
diff --git a/.github/deploy.yml b/.github/deploy.yml
@@ -0,0 +1,28 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches:
+      - main
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v2
+
+      - name: Setup bun
+        uses: oven-sh/setup-bun@v1
+
+      - name: Install dependencies with bun
+        run: bun install
+
+      - name: Build Astro site with bun
+        run: bun build
+
+      - name: Deploy to GitHub Pages
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./dist 
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,21 @@
+# build output
+dist/
+# generated types
+.astro/
+
+# dependencies
+node_modules/
+
+# logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+
+# environment variables
+.env
+.env.production
+
+# macOS-specific files
+.DS_Store
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
@@ -0,0 +1,4 @@
+{
+  "recommendations": ["astro-build.astro-vscode"],
+  "unwantedRecommendations": []
+}
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -0,0 +1,11 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "command": "./node_modules/.bin/astro dev",
+      "name": "Development server",
+      "request": "launch",
+      "type": "node-terminal"
+    }
+  ]
+}
diff --git a/README.md b/README.md
@@ -0,0 +1,2 @@
+# Cordevall Website
+
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -0,0 +1,11 @@
+import { defineConfig } from 'astro/config';
+
+import tailwind from "@astrojs/tailwind";
+
+// https://astro.build/config
+export default defineConfig({
+  redirects: {
+    "/github": "https://github.com/Cordevall"
+  },
+  integrations: [tailwind()]
+});
diff --git a/bun.lockb b/bun.lockb
diff --git a/dockerfile b/dockerfile
@@ -0,0 +1,23 @@
+# Use the Bun image as the base
+FROM oven/bun
+
+# Set the working directory in the container
+WORKDIR /usr/src/app
+
+# Copy package.json and package-lock.json (if available)
+COPY package*.json ./
+
+# Install project dependencies
+RUN bun install
+
+# Copy the rest of the source code
+COPY . .
+
+# Build the Astro project
+RUN bun build
+
+# Expose port  5000 for the application
+EXPOSE  5000
+
+# Define the command to run the application
+CMD [ "bun", "start" ]
diff --git a/index.html b/index.html
diff --git a/package.json b/package.json
@@ -0,0 +1,19 @@
+{
+  "name": "hilarious-heliosphere",
+  "type": "module",
+  "version": "0.0.1",
+  "scripts": {
+    "dev": "astro dev",
+    "start": "astro dev",
+    "build": "astro check && astro build",
+    "preview": "astro preview",
+    "astro": "astro"
+  },
+  "dependencies": {
+    "@astrojs/check": "^0.5.5",
+    "@astrojs/tailwind": "^5.1.0",
+    "astro": "^4.4.3",
+    "tailwindcss": "^3.4.1",
+    "typescript": "^5.3.3"
+  }
+}
diff --git a/public/Cor.png b/public/Cor.png
diff --git a/src/components/shared/header.astro b/src/components/shared/header.astro
@@ -0,0 +1,24 @@
+---
+import { Image } from "astro:assets";
+import image from "../../../public/Cor.png"
+var size = 120
+---
+
+
+<style>
+    .paddingcustom{
+        padding: 20px 100px;
+    }
+</style>
+
+<header class="fixed flex bg-[#6370ff] top-0 left-0 w-full justify-between items-center z-10 paddingcustom">
+    <img src={image.src} class="h-32 w-48" alt="Logo">
+
+    <nav class="flex gap-x-4 font-bold">
+        <a href="/">Home</a>
+        <a href="/news" class="text-yellow-200">News</a>
+        <a href="/github">Github</a>
+    </nav>
+
+
+</header>
diff --git a/src/env.d.ts b/src/env.d.ts
@@ -0,0 +1 @@
+/// <reference types="astro/client" />
diff --git a/src/layouts/error.astro b/src/layouts/error.astro
diff --git a/src/layouts/layout.astro b/src/layouts/layout.astro
@@ -0,0 +1,15 @@
+---
+import Header from "../components/shared/header.astro"
+---
+
+
+
+<html lang="en">
+	<head>
+
+	</head>
+	<body class="dark:bg-[#4a53b7] text-white bg-[#6a79ff] m-0 p-0 box-border scroll-smooth">
+        <Header/>
+		<slot/>
+	</body>
+</html>
diff --git a/src/layouts/news.astro b/src/layouts/news.astro
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -0,0 +1,9 @@
+---
+import Layout from "../layouts/layout.astro";
+
+
+---
+
+<Layout>
+	Test
+</Layout>
diff --git a/src/pages/news/index.astro b/src/pages/news/index.astro
@@ -0,0 +1,7 @@
+---
+import Layout from "../../layouts/layout.astro"
+---
+
+<Layout>
+    WIP
+</Layout>
diff --git a/tailwind.config.mjs b/tailwind.config.mjs
@@ -0,0 +1,8 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+	content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
+	theme: {
+		extend: {},
+	},
+	plugins: [],
+}
diff --git a/tsconfig.json b/tsconfig.json
@@ -0,0 +1,3 @@
+{
+  "extends": "astro/tsconfigs/strict"
+}