fix: contact form now a <form/> element

Lombardoc4 · Jan 31, 2024 · 77b6d86 · 77b6d86
1 parent 6713943
commit 77b6d86
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 21 deletions.
diff --git a/src/components/styledComponents/StyledContactForm.tsx b/src/components/styledComponents/StyledContactForm.tsx
@@ -1,6 +1,6 @@
 import styled from "styled-components";
 
-export const StyledContactForm = styled.div`
+export const StyledContactForm = styled.form`
     position: relative;
 
     margin-block: 1rem;

diff --git a/src/pages/home/PhotoHeader.tsx b/src/pages/home/PhotoHeader.tsx
@@ -25,7 +25,7 @@ export const PhotoHeader = () => {
                         <span className='pixel'>sir</span>Cris
                         <br />Lombardo
                     </h1>
-                    <p>Tasteful websites for people who know the power of going beyond boundariesFRONT-END DEVELOPER SPECIALIZED IN BUILDING &&nbsp;DESIGNING MODERN WEBSITES </p>
+                    <p className="capitalize">SPECIALIZING IN BUILDING SMOOTH websites for people who know value of user experience</p>
                     <StyledHomeLink to='work' className='underline d-inline-block'>view works &rarr;</StyledHomeLink>
 
                 </StyledHomeHeaderCopy>

diff --git a/src/pages/home/index.tsx b/src/pages/home/index.tsx
@@ -5,7 +5,6 @@ import { HorizontalBubbles } from "../../components/Bubble";
 import { TransitionTitle } from "../../components/TransitionTitle";
 import { StyledHomeLink } from "../../components/styledComponents/StyledHomePage";
 import { ArtNav } from "../art";
-import WorkPage from "../work";
 
 function HomePage() {
     return (

diff --git a/src/pages/work/WorkSection.tsx b/src/pages/work/WorkSection.tsx
@@ -25,21 +25,26 @@ export const DetailedWorkSection = (props:  IDetailedWorkSection) => (
 )
 
 
-export const WorkSection = ({ img, title, role, link, description, details }: IWorkSection) => {
+export const WorkSection = ({ img,
+    title,
+    // role,
+    link,
+    // description,
+    // details
+}: IWorkSection) => {
     return (
-            <WorkSegment className='segment'>
-                <ImgLink img={img} link={link} />
-                <div className='main-copy w-100'>
-                    <WorkSegmentLink target='_blank' to={link}>
-                        <div>
-                            <h2>{title}</h2>
-                            {/* <p className='pixel'>{role}</p> */}
-                        </div>
-
-                    </WorkSegmentLink>
-
-                    {/* {details && description} */}
-                </div>
-            </WorkSegment>
+        <WorkSegment className='segment'>
+            <ImgLink img={img} link={link} />
+            <div className='main-copy w-100'>
+                <WorkSegmentLink target='_blank' to={link}>
+                    <div>
+                        <h2>{title}</h2>
+                        {/* <p className='pixel'>{role}</p> */}
+                    </div>
+                </WorkSegmentLink>
+
+                {/* {details && description} */}
+            </div>
+        </WorkSegment>
     );
 };
diff --git a/src/pages/work/index.tsx b/src/pages/work/index.tsx
@@ -6,11 +6,11 @@ import { Clock, DigitalClock } from "../../components/Clock";
 import {
     StyledClockContainer,
     StyledWorkPage,
-    StyledWorkPageContainer,
+    // StyledWorkPageContainer,
 } from "../../components/styledComponents/StyledWorkPage";
-import { StyledHomeLink } from "../../components/styledComponents/StyledHomePage";
+// import { StyledHomeLink } from "../../components/styledComponents/StyledHomePage";
 import { SpringBubbles } from "../../components/Bubble";
-import { DetailedWorkSection, WorkSection } from "./WorkSection";
+import { DetailedWorkSection } from "./WorkSection";
 import { workLibrary } from "./workLib";