From 4ce7d3fcf06349b890e7a6ff559e5a3bf62fc29d Mon Sep 17 00:00:00 2001 From: Triston Armstrong Date: Fri, 29 Dec 2023 00:03:35 -0600 Subject: [PATCH] Portfolio improvements --- components/ExternalLinkIcon.js | 11 +++++ components/Project.js | 10 ++--- components/Skill.js | 8 +++- pages/index.js | 73 ++++++++++++++++++++++++---------- 4 files changed, 72 insertions(+), 30 deletions(-) create mode 100644 components/ExternalLinkIcon.js diff --git a/components/ExternalLinkIcon.js b/components/ExternalLinkIcon.js new file mode 100644 index 0000000..f8ce777 --- /dev/null +++ b/components/ExternalLinkIcon.js @@ -0,0 +1,11 @@ +export default function ExternalLinkIcon() { + return ( + <> + + + + + ) +} diff --git a/components/Project.js b/components/Project.js index 28cd700..d7a1fe5 100644 --- a/components/Project.js +++ b/components/Project.js @@ -1,3 +1,5 @@ +import ExternalLinkIcon from "./ExternalLinkIcon"; + export default function Project({ label, date, url }) { return (
@@ -5,12 +7,8 @@ export default function Project({ label, date, url }) {
{date} - - - - + +
diff --git a/components/Skill.js b/components/Skill.js index 500a34c..53bc2cf 100644 --- a/components/Skill.js +++ b/components/Skill.js @@ -1,4 +1,8 @@ -export default function Skill({ label, color }) { - return
{label}
+export default function Skill({ label, link = "#" }) { + return ( + +
{label}
+ + ) } diff --git a/pages/index.js b/pages/index.js index a20e36f..5ce0062 100644 --- a/pages/index.js +++ b/pages/index.js @@ -2,6 +2,53 @@ import Job from "../components/Job"; import Skill from "../components/Skill"; import Project from "../components/Project"; import Head from "next/head"; +import ExternalLinkIcon from "../components/ExternalLinkIcon"; + +function UsefulLink({ title, link }) { + return ( + +
  • +
    {title}
    +
    + +
    • +     + ) +} + +function UsefulLinksList() { + return ( + + ) +} + +function SocialLink({ SvgElement, link = "#" }) { + return ( +
  • + + {SvgElement} + +
    • + ) +} + +function SocialLinksList() { + return ( + + ) +} export default function Landing({ jobs, skills, projects }) { return ( @@ -10,28 +57,16 @@ export default function Landing({ jobs, skills, projects }) { -
    +
    @@ -77,15 +112,9 @@ export default function Landing({ jobs, skills, projects }) { - -
    -

    Tweets

    - - -
    );