Paulus/paulus.casa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated vite config & added basic components

Browse Source
This commit is contained in:
II-Paulus-II 2024-03-01 20:10:52 +00:00
parent 934089968a
commit 04526678ab
9 changed files with 89 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@ -2,9 +2,11 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + React</title> <meta name="description" content="Full Stack Developer focused on React, Next and Express framerworks"/>
<title>Paul Hughes - Full Stack Developer</title>
<link rel="canonical" href="https://paulus.casa">
<link rel="icon" type="image/png" href="/favicon.png" />
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

BIN
public/favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 300 KiB

15
src/App.jsx
View File

@ -1,15 +1,16 @@
import { useState } from 'react' /* ----- Project Imports ----- */
import './App.css' import "./App.css";
import Header from "@/components/Header.jsx";
import Footer from "@/components/Footer.jsx";
import Content from "@/components/Content.jsx";
function App() { function App() {
return ( return (
<> <>
<div> <Header />
<p> <Content />
paragraph <Footer />
</p>
</div>
</> </>
) )
} }

14
src/components/Content.jsx Normal file
View File

@ -0,0 +1,14 @@
/* ----- Project Imports ----- */
import Details from "@/components/Details.jsx";
import Projects from "@/components/Projects.jsx"
function Content() {
return (
<main className="contentContainer">
<Details />
<Projects />
</main>
);
};
export default Content;

14
src/components/Details.jsx Normal file
View File

@ -0,0 +1,14 @@
/* ----- Project Imports ----- */
function Details() {
return (
<article className="detailsContainer">
<p>This be some details</p>
</article>
);
};
export default Details;

13
src/components/Footer.jsx Normal file
View File

@ -0,0 +1,13 @@
/* ----- Project Imports ----- */
function Footer() {
return (
<footer>
<p>footer stuff rn </p>
</footer>
);
};
export default Footer;

13
src/components/Header.jsx Normal file
View File

@ -0,0 +1,13 @@
/* ----- Project Imports ----- */
function Header() {
return (
<header>
<p>This is some header stuff rn </p>
</header>
);
};
export default Header;

14
src/components/Projects.jsx Normal file
View File

@ -0,0 +1,14 @@
/* ----- Project Imports ----- */
function Projects() {
return (
<article className="projectsContainer">
<p>This be some projects</p>
</article>
);
};
export default Projects;

12
vite.config.js
View File

@ -1,7 +1,13 @@
import { defineConfig } from 'vite' import { defineConfig } from "vite";
import react from '@vitejs/plugin-react' import react from "@vitejs/plugin-react";
import path from "path";
// https://vitejs.dev/config/ // https://vitejs.dev/config/
export default defineConfig({ export default defineConfig({
plugins: [react()], plugins: [react()],
}) resolve: {
alias: {
"@": path.resolve(__dirname, "./src/"),
},
},
});