add work section

2022-02-04 12:25:05 +01:00
parent f6645e57d1
commit c8640cc9d9
7 changed files with 113 additions and 3 deletions
@@ -20,13 +20,13 @@ const contact = () => {
                <TextShuffler textInput="Let's talk" />
            </span>

-            <form autoComplete='on' onSubmit={(e) => { submitContactForm(e, setSuccess) }}>
+            <form autoComplete='on' onSubmit={ (e) => { submitContactForm(e, setSuccess) } }>
                <input type="text" placeholder='Your Name' autoComplete='name' required />
                <input type="email" placeholder='Your Email Address' autoComplete='email' required />
                <textarea name="message" id="contact-form-message" cols="30" rows="10" placeholder='Message'></textarea>
                <button type="submit">Submit</button>
-                {success === "Success" && <div className='message-response'>Success!!! <button onClick={() => { window.location.reload() }}>Reload</button></div>}
-                {success === "Failed" && <div className='message-response failed'>Failed <button onClick={() => { window.location.reload() }}>Reload</button></div>}
+                { success === "Success" && <div className='message-response'>Success!!! <button onClick={ () => { window.location.reload() } }>Reload</button></div> }
+                { success === "Failed" && <div className='message-response failed'>Failed <button onClick={ () => { window.location.reload() } }>Reload</button></div> }
            </form>
        </GeneralLayout>
    )
@@ -0,0 +1,29 @@
+import React from 'react'
+import Head from 'next/head'
+import TextShuffler from '../components/actions/TextShuffler'
+import GeneralLayout from '../layouts/general_layout/GeneralLayout'
+import PortfolioEntry from '../components/PortfolioEntry'
+
+const about = () => {
+    const portfolioEntries = require("../components/portfolioEntries.json");
+
+    return (
+        <GeneralLayout>
+            <Head>
+                <title>My Work | Tben</title>
+                <meta name="description" content="Some of my Work" />
+            </Head>
+            <h1><TextShuffler textInput="My Work" /></h1>
+            <span className='hero-sub-text' style={ { marginTop: "-30px", marginBottom: "20px", display: "block" } }>
+                <TextShuffler textInput="Some of my work ..." />
+            </span>
+
+            <div className='portfolio-entries-block'>
+                { portfolioEntries.map(entry => <PortfolioEntry key={ entry.title } title={ entry.title } description={ entry.description } url={ entry.url } image={ entry.image } />) }
+
+            </div>
+        </GeneralLayout>
+    )
+}
+
+export default about