diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx index a49be3a..823bc2b 100644 --- a/src/app/blog/page.tsx +++ b/src/app/blog/page.tsx @@ -21,7 +21,7 @@ export default async function BlogPage() { return (
-
+
@@ -29,7 +29,7 @@ export default async function BlogPage() {
Posts
-
+
    {posts.map(({ slug, title, description }) => (
  • diff --git a/src/app/blog/posts/0/metadata.ts b/src/app/blog/posts/0/metadata.ts new file mode 100644 index 0000000..92f90b5 --- /dev/null +++ b/src/app/blog/posts/0/metadata.ts @@ -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."; diff --git a/src/app/blog/posts/0/page.tsx b/src/app/blog/posts/0/page.tsx new file mode 100644 index 0000000..d0511aa --- /dev/null +++ b/src/app/blog/posts/0/page.tsx @@ -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 ( + <> + + {title} + + +
    +
    + + + +
    + {title} +
    +
    +
    +

    {description}

    + {/*

    Here is the full content of the blog post.

    */} +
    +
    +
    + + Contact + +
    + + + ); +} \ No newline at end of file diff --git a/src/app/blog/posts/example/metadata.ts b/src/app/blog/posts/example/metadata.ts deleted file mode 100644 index 552a28b..0000000 --- a/src/app/blog/posts/example/metadata.ts +++ /dev/null @@ -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."; diff --git a/src/app/blog/posts/example/page.tsx b/src/app/blog/posts/example/page.tsx deleted file mode 100644 index 87214bc..0000000 --- a/src/app/blog/posts/example/page.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import Head from 'next/head'; -import { title, description } from './metadata'; - -export default function ExamplePost() { - return ( -
    - - {title} - - -

    {title}

    -

    {description}

    -

    Here is the full content of the blog post.

    -
    - ); -} \ No newline at end of file diff --git a/src/app/blog/posts/example2/metadata.ts b/src/app/blog/posts/example2/metadata.ts deleted file mode 100644 index bb98739..0000000 --- a/src/app/blog/posts/example2/metadata.ts +++ /dev/null @@ -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."; diff --git a/src/app/blog/posts/example2/page.tsx b/src/app/blog/posts/example2/page.tsx deleted file mode 100644 index c1d51e4..0000000 --- a/src/app/blog/posts/example2/page.tsx +++ /dev/null @@ -1,16 +0,0 @@ -import Head from 'next/head'; -import { title, description } from './metadata'; - -export default function ExamplePost() { - return ( -
    - - {title} - - -

    {title}

    -

    {description}

    -

    Here is the full content of the blog post. #2

    -
    - ); -} \ No newline at end of file diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx new file mode 100644 index 0000000..cd5dafc --- /dev/null +++ b/src/app/contact/page.tsx @@ -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 ( +
    +
    +
    + +
    + Get in touch +
    +
    +
    + + LinkedIn + +
    +
    + + GitHub + +
    +
    +
    + af [at] asherfalcon.com +
    +
    +
    + +
    + ); +} \ No newline at end of file diff --git a/src/app/page.tsx b/src/app/page.tsx index 338e488..f884f10 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -12,14 +12,17 @@ export default function Home() {

    I'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.

-
+
Blog + + Contact +
);