asher/asherfalcon.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added first post :)
Some checks failed
Build and Push Docker Image / build-and-push (push) Failing after 27s
Details

Browse Source
This commit is contained in:
Asher 2025-02-23 21:07:31 +00:00
parent 0dd682c8ab
commit 190712e5c2
9 changed files with 90 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/blog/page.tsx
View File

@ -21,7 +21,7 @@ export default async function BlogPage() {
return (
<div>
<div className="relative flex justify-center items-center pt-[50]">
<div style={{paddingTop: "50px"}} className="relative flex justify-center items-center">
<div className="absolute left-0 ml-6">
<Link href={"/"}>
<IoMdArrowBack size={30}/>
@ -29,7 +29,7 @@ export default async function BlogPage() {
</div>
<span className="text-xl">Posts</span>
</div>
<div className="pt-[100] md:w-[70%] xl:w-[50%] w-[85%] mx-auto">
<div className="pt-[100px] md:w-[70%] xl:w-[50%] w-[85%] mx-auto">
<ul>
{posts.map(({ slug, title, description }) => (
<li key={slug} className="pb-4">

2
src/app/blog/posts/0/metadata.ts Normal file
View File

@ -0,0 +1,2 @@
export const title = "# curl asherfalcon.com";
export const description = "Hello, I thought I'd use this post as a test to see if this blog works and a quick welcome to this site. This is my personal space for sharing projects, notes, ideas and everything inbetween. I like to play around with lots of different technologies and I'm interested in all aspects of software, from developing it, to managing CI pipelines and deploying it with technologies like docker. Feel free to contact me if you have any questions or ideas, I'd love to hear from you.";

36
src/app/blog/posts/0/page.tsx Normal file
View File

@ -0,0 +1,36 @@
import Head from 'next/head';
import { title, description } from './metadata';
import Link from 'next/link';
import { IoMdArrowBack } from 'react-icons/io';
import { LuExternalLink } from 'react-icons/lu';
export default function ExamplePost() {
return (
<>
<Head>
<title>{title}</title>
<meta name="description" content={description} />
</Head>
<div style={{paddingTop: "50px"}} className="relative flex justify-center items-center">
<div className="absolute left-0 ml-6">
<Link href={"/blog"}>
<IoMdArrowBack size={30}/>
</Link>
</div>
<span className="text-xl">{title}</span>
</div>
<div style={{paddingTop: "30px"}} className='flex justify-center items-center md:w-[70%] xl:w-[50%] w-[85%] mx-auto'>
<div>
<p>{description}</p>
{/* <p>Here is the full content of the blog post.</p> */}
</div>
</div>
<div style={{paddingTop: "30px"}} className='flex justify-center items-center md:w-[70%] xl:w-[50%] w-[85%] mx-auto'>
<Link href="/contact" className="flex items-center space-x-1 ">
<LuExternalLink /> <span className="">Contact</span>
</Link>
</div>
</>
);
}

2
src/app/blog/posts/example/metadata.ts
View File

@ -1,2 +0,0 @@
export const title = "Example Blog Post";
export const description = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";

16
src/app/blog/posts/example/page.tsx
View File

@ -1,16 +0,0 @@
import Head from 'next/head';
import { title, description } from './metadata';
export default function ExamplePost() {
return (
<div>
<Head>
<title>{title}</title>
<meta name="description" content={description} />
</Head>
<h1>{title}</h1>
<p>{description}</p>
<p>Here is the full content of the blog post.</p>
</div>
);
}

2
src/app/blog/posts/example2/metadata.ts
View File

@ -1,2 +0,0 @@
export const title = "Example Blog Post 2";
export const description = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";

16
src/app/blog/posts/example2/page.tsx
View File

@ -1,16 +0,0 @@
import Head from 'next/head';
import { title, description } from './metadata';
export default function ExamplePost() {
return (
<div>
<Head>
<title>{title}</title>
<meta name="description" content={description} />
</Head>
<h1>{title}</h1>
<p>{description}</p>
<p>Here is the full content of the blog post. #2</p>
</div>
);
}

45
src/app/contact/page.tsx Normal file
View File

@ -0,0 +1,45 @@
"use client"
import fs from "fs";
import path from "path";
import Link from "next/link";
import { IoMdArrowBack } from "react-icons/io";
import { useRouter } from 'next/navigation' // Usage: App router
import { FaGit, FaLinkedin } from "react-icons/fa";
import { FaGithub } from "react-icons/fa";
import { MdOutlineMailOutline } from "react-icons/md";
export default function BlogPage() {
const router = useRouter()
return (
<div>
<div style={{paddingTop: "50px"}} className="relative flex justify-center items-center">
<div className="absolute left-0 ml-6">
<button onClick={() => {router.back()}}>
<IoMdArrowBack size={30}/>
</button>
</div>
<span className="text-xl">Get in touch</span>
</div>
<div style={{paddingTop: "50px"}} className="">
<div className="relative flex justify-center items-center">
<Link href="https://www.linkedin.com/in/ashfn/" target="_blank" rel="noopener noreferrer" className="flex items-center space-x-1 ">
<FaLinkedin /> <span className="">LinkedIn</span>
</Link>
</div>
<div className="relative flex justify-center items-center">
<Link href="https://github.com/ashfn" target="_blank" rel="noopener noreferrer" className="flex items-center space-x-1 ">
<FaGithub /> <span className=""> GitHub</span>
</Link>
</div>
<div className="relative flex justify-center items-center">
<div className="flex items-center space-x-1 ">
<MdOutlineMailOutline /> <span className=""> af [at] asherfalcon.com</span>
</div>
</div>
</div>
</div>
);
}

7
src/app/page.tsx
View File

@ -12,14 +12,17 @@ export default function Home() {
<p>
I&apos;m a Year 12 student passionate about software engineering and problem-solving. Studying Economics, Computing, Maths, and Chemistry, I enjoy coding, tackling challenges, and building practical solutions.
This site is where I share my projects, ideas, and experiences.
This site is where I share my projects and ideas.
</p>
</div>
</div>
<div className="mt-[20] flex flex-row items-center justify-center">
<div className="mt-[20] flex flex-row items-center justify-center space-x-4">
<Link href="/blog" className="flex items-center space-x-1 ">
<LuExternalLink /> <span className="">Blog</span>
</Link>
<Link href="/contact" className="flex items-center space-x-1 ">
<LuExternalLink /> <span className="">Contact</span>
</Link>
</div>
</div>
);