From c8640cc9d9a62f21958c0931a7b89d455aa1b35e Mon Sep 17 00:00:00 2001 From: Tben <52448020+BenjaminToby@users.noreply.github.com> Date: Fri, 4 Feb 2022 12:25:05 +0100 Subject: [PATCH] add work section --- components/PortfolioEntry.jsx | 52 +++++++++++++++++++++++ components/portfolioEntries.json | 8 ++++ layouts/general_layout/GeneralHeader.jsx | 1 + pages/contact.jsx | 6 +-- pages/work.jsx | 29 +++++++++++++ public/images/next7screenshot.png | Bin 0 -> 496553 bytes styles/main.css | 20 +++++++++ 7 files changed, 113 insertions(+), 3 deletions(-) create mode 100644 components/PortfolioEntry.jsx create mode 100644 components/portfolioEntries.json create mode 100644 pages/work.jsx create mode 100644 public/images/next7screenshot.png diff --git a/components/PortfolioEntry.jsx b/components/PortfolioEntry.jsx new file mode 100644 index 0000000..cfc1676 --- /dev/null +++ b/components/PortfolioEntry.jsx @@ -0,0 +1,52 @@ +/** + * + * + * Imports + * ------------------------------------------------------------------------------ + * + */ +/** ********************* React/Next Imports */ +import React from "react"; +import TextShuffler from "./actions/TextShuffler"; +/** ~ End React/Next Imports *************** */ + +/** ********************* Functions and Other Page Imports */ +/** ~ End Functions and Other Page Imports *************** */ + +/** + * + * + * Main Component { Functional } + * ------------------------------------------------------------------------------ + * @param {Object} props - React component props including { children } + * + */ +/** ********************* Page Main Component */ +export default function PortfolioEntry({ title, description, url, image }) { + // ## Get Contexts + // ----------------------- + + // ## Javascript Variables + // ----------------------- + + // ## React Hooks { useState, useEffect, useRef, etc ... } + // ----------------------- + + // ## Function Return + return ( +
+ ); + // ----------------------- +}; +/** ~ End Page Main Component *************** */ + +// export default Header; diff --git a/components/portfolioEntries.json b/components/portfolioEntries.json new file mode 100644 index 0000000..70531ac --- /dev/null +++ b/components/portfolioEntries.json @@ -0,0 +1,8 @@ +[ + { + "title": "Next 7 Web Engine", + "description": "Next 7 is an all-in-one web engine featuring a web page builder and a content management system", + "url": "https://next7.io", + "image": "/images/next7screenshot.png" + } +] diff --git a/layouts/general_layout/GeneralHeader.jsx b/layouts/general_layout/GeneralHeader.jsx index de951cf..798c5ce 100644 --- a/layouts/general_layout/GeneralHeader.jsx +++ b/layouts/general_layout/GeneralHeader.jsx @@ -7,6 +7,7 @@ const GeneralHeader = () => { diff --git a/pages/contact.jsx b/pages/contact.jsx index 61f7fc4..0264715 100644 --- a/pages/contact.jsx +++ b/pages/contact.jsx @@ -20,13 +20,13 @@ const contact = () => {