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

    - - -
    );