JohnCosta27/JohnTech
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changing stuff

Browse Source
This commit is contained in:
JohnCosta27
2022-08-21 14:24:00 +01:00
parent c7926e5c8c
commit 3d11fbb146
9 changed files with 10928 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10880
package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

23
src/components/Navbar.astro Normal file
View File

@ -0,0 +1,23 @@
---
const headings = [
{
name: 'Home',
url: '/'
},
{
name: 'Blog',
url: '/blog'
}
]
---
<div class="w-full h-32 flex justify-center">
<div class="w-full max-w-4xl h-full gap-2 flex justify-between">
{headings.map((h) => (
<div class="flex justify-center items-center">
<a href={h.url} class="text-2xl text-snow-storm-300 cursor-pointer hover:text-3xl transition-all">
{h.name}
</a>
</div>
))}
</div>
</div>

26
src/components/pages/FrontPage.jsx
View File

@ -10,7 +10,6 @@ import '../../index.css';
//============================================================
import AppearText from "../text/AppearText";
import Cdiv from "../core/Cdiv";
import FadeComponent from "../core/FadeComponent";
import Introduction from "../sections/Introduction";
import Experience from "../sections/Experience";
@ -26,31 +25,6 @@ const FrontPage = () => {
return (
<>
<div className="w-full h-screen bg-polar-night-400">
<Cdiv className="w-full h-32 py-6 px-24">
<Cdiv className="w-full h-full gap-2">
<Cdiv className="flex-1 h-full">
<AppearText
className="font-display text-2xl text-snow-storm-300 cursor-pointer hover:text-3xl hover:text-snow-storm-100"
text="About Me"
delay={DELAY * 2.5}
/>
</Cdiv>
<Cdiv className="flex-1 h-full">
<AppearText
className="font-display text-2xl text-snow-storm-300 cursor-pointer hover:text-3xl hover:text-snow-storm-100"
text="Experience"
delay={DELAY * 2.5}
/>
</Cdiv>
<Cdiv className="flex-1 h-full">
<AppearText
className="font-display text-2xl text-snow-storm-300 cursor-pointer hover:text-3xl hover:text-snow-storm-100"
text="Projects"
delay={DELAY * 2.5}
/>
</Cdiv>
</Cdiv>
</Cdiv>
<div className="w-full h-3/5 flex justify-center items-center">
<div className="flex flex-col gap-4 justify-center items-center">
<AppearText

14
src/layouts/lay.astro
View File

@ -1,14 +0,0 @@
---
---
<html>
<head>
<title>My Layout</title>
</head>
<body class="flex justify-center bg-polar-night-400 p-8">
<div class="w-full max-w-xl">
<div class="prose prose-invert">
<slot />
</div>
</div>
</body>
</html>

16
src/layouts/post.astro Normal file
View File

@ -0,0 +1,16 @@
---
import Navbar from '../components/Navbar.astro';
---
<html>
<head>
<title>Blog post</title>
</head>
<body class="flex flex-col items-center bg-polar-night-400">
<Navbar />
<div class="w-full max-w-4xl p-8 flex justify-center">
<div class="w-full prose prose-invert">
<slot />
</div>
</div>
</body>
</html>

8
src/pages/blog.astro
View File

@ -1,13 +1,15 @@
---
import Navbar from '../components/Navbar.astro'
const posts = await Astro.glob('./posts/*.md');
console.log(posts[0].url);
---
<html>
<head>
<title>Blog</title>
</head>
<body class="w-full flex justify-center bg-polar-night-400 p-8">
<div class="w-full max-w-xl flex flex-col gap-4">
<body class="w-full flex flex-col items-center bg-polar-night-400">
<Navbar />
<div class="w-full max-w-xl flex flex-col gap-4 p-4">
{posts.map((post) => (
<a href={post.url} class="flex flex-col border-frost-400 border-2 text-snow-storm-100 p-4 rounded-lg">
<h1 class="text-2xl">{post.frontmatter.title}</h1>

4
src/pages/index.astro
View File

@ -1,11 +1,13 @@
---
import FrontPage from '../components/pages/FrontPage';
import Navbar from '../components/Navbar.astro';
---
<html>
<head>
<title>My Homepage</title>
</head>
<body>
<body class="w-full flex flex-col items-center bg-polar-night-400">
<Navbar />
<FrontPage></FrontPage>
</body>
</html>

10
src/pages/posts/hello-world.md
View File

@ -1,10 +0,0 @@
---
layout: '../../layouts/lay.astro'
title: 'Hello World'
description: 'This is a hello world post'
date: '20/08/2022'
---
# Hello World
This is a simple blog post written in markdown.

2
src/pages/posts/therepublic-review.md
View File

@ -1,5 +1,5 @@
---
layout: '../../layouts/lay.astro'
layout: '../../layouts/post.astro'
title: 'The Republic by Plate - A recap / review'
---