slight fixes; updated dependencies

This commit is contained in:
Timothy Pidashev
2024-10-30 12:30:25 -07:00
parent 0ff2116794
commit b90108e70f
17 changed files with 2084 additions and 1855 deletions

View File

@@ -1,7 +1,11 @@
import { defineConfig } from 'astro/config';
import tailwind from '@astrojs/tailwind';
import { defineConfig } from "astro/config";
import tailwind from "@astrojs/tailwind";
import react from "@astrojs/react";
// https://astro.build/config
export default defineConfig({
integrations: [tailwind()],
integrations: [
tailwind(),
react()
],
});

View File

@@ -8,11 +8,14 @@
"preview": "astro preview"
},
"devDependencies": {
"@astrojs/tailwind": "3.1.1",
"astro": "2.1.3",
"autoprefixer": "10.4.14",
"canvas-confetti": "1.6.0",
"postcss": "8.4.21",
"tailwindcss": "3.2.7"
"@astrojs/react": "^2.3.2",
"@astrojs/tailwind": "^5.1.2",
"@types/react": "^18.3.12",
"@types/react-dom": "^18.3.1",
"astro": "^4.16.7"
},
"dependencies": {
"react": "^18.3.1",
"react-dom": "^18.3.1"
}
}

3721
src/pnpm-lock.yaml generated

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,7 @@
import React from "react";
export default function Footer() {
return (
<h1>Footer</h1>
);
}

View File

@@ -0,0 +1,14 @@
interface FooterLink {
id: number;
href: string;
label: string;
color: string;
}
export const Links: FooterLink[] = [
{ id: 0, href: "https://add-later", label: "Contact", color: "green" },
{ id: 1, href: "https://github.com/timmypidashev", label: "Github", color: "yellow" },
{ id: 3, href: "https://linkedin.com/in/timothy-pidashev-9055922a7", label: "Linkedin", color: "blue" },
{ id: 4, href: "https://instagram.com/timmypidashev", label: "Instagram", color: "purple" },
{ id: 5, href: "https://github.com/timmypidashev/web", label: "Source", color: "aqua" },
];

View File

@@ -0,0 +1,7 @@
import React from "react";
export default function Header() {
return (
<h1>Header</h1>
);
}

View File

@@ -0,0 +1,14 @@
interface HeaderLink {
id: number;
href: string;
label: string;
color: string;
}
export const Links: HeaderLink[] = [
{ id: 0, href: "/", label: "Home", color: "green" },
{ id: 1, href: "projects", label: "Projects", color: "yellow" },
{ id: 2, href: "resume", label: "Resume", color: "blue" },
{ id: 3, href: "blog", label: "Blog", color: "purple" },
{ id: 4, href: "shop", label: "Shop", color: "aqua" }
];

1
src/src/env.d.ts vendored
View File

@@ -1 +1,2 @@
/// <reference path="../.astro/types.d.ts" />
/// <reference types="astro/client" />

View File

@@ -1,5 +1,10 @@
---
const { content } = Astro.props;
import "@/style/globals.css";
import Header from "@/components/header";
import Footer from "@/components/footer";
---
<html lang="en">
@@ -9,7 +14,11 @@ const { content } = Astro.props;
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<title>{content.title}</title>
</head>
<body>
<slot />
<body class="bg-background text-foreground">
<Header client:load />
<main>
<slot />
</main>
<Footer client:load />
</body>
</html>

View File

@@ -1,20 +1,11 @@
---
import "@/style/globals.css"
import MainLayout from "@/layouts/main.astro";
---
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<!-- <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> -->
<meta name="generator" content={Astro.generator} />
<title>Timothy Pidashev</title>
</head>
<body class="bg-background text-foreground">
<div class="flex items-center justify-center h-screen w-full">
<h1 class="text-4xl text-aqua font-bold">Coming Soon</h1>
</div>
</body>
</html>
<MainLayout content={{ title: "Timothy Pidashev"}}>
<div class="flex items-center justify-center h-screen w-full">
<h1 class="text-4xl text-aqua font-bold">Coming Soon</h1>
</div>
</MainLayout>

View File

@@ -1,3 +1,7 @@
@tailwind base;
@tailwind components;
@tailwind utilities;
/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
display: none;

View File

@@ -5,5 +5,7 @@
"paths": {
"@/*": ["src/*"]
}
}
},
"include": ["src/**/*"],
"exclude": ["node_modules"]
}