From 1eb6b8e72beeb9a694ae76f453b1d2eec5429214 Mon Sep 17 00:00:00 2001 From: carsonSgit <92652800+carsonSgit@users.noreply.github.com> Date: Tue, 20 Aug 2024 16:53:48 -0400 Subject: [PATCH 1/6] feat: Implement test one page --- src/App.tsx | 9 +++------ src/Components/Test-Onepager/OnePager.tsx | 18 ++++++++++++++++++ 2 files changed, 21 insertions(+), 6 deletions(-) create mode 100644 src/Components/Test-Onepager/OnePager.tsx diff --git a/src/App.tsx b/src/App.tsx index 8ed905d..067750f 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -8,16 +8,13 @@ import Navbar from './Components/Navbar'; import './App.scss'; import Footer from './Components/Footer/Footer'; +import OnePager from './Components/Test-Onepager/OnePager'; + const App: React.FC = () => { return (
- - } /> - } /> - } /> - } /> - +
); diff --git a/src/Components/Test-Onepager/OnePager.tsx b/src/Components/Test-Onepager/OnePager.tsx new file mode 100644 index 0000000..afdef13 --- /dev/null +++ b/src/Components/Test-Onepager/OnePager.tsx @@ -0,0 +1,18 @@ +import React from 'react'; +import Hero from '../Home/Hero/Hero'; +import Projects from '../Projects/Projects'; +import Experience from '../Experience/Experience'; +import About from '../About/About'; + +const OnePager: React.FC = () => { + return ( +
+ + + + +
+ ); +}; + +export default OnePager; \ No newline at end of file From 775efc40e644ded853328daf008660557ce716cd Mon Sep 17 00:00:00 2001 From: carsonSgit <92652800+carsonSgit@users.noreply.github.com> Date: Tue, 20 Aug 2024 17:47:36 -0400 Subject: [PATCH 2/6] fix: LinkedIn Hyperlink --- src/Components/About/About.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/Components/About/About.tsx b/src/Components/About/About.tsx index 5d7444f..238e5fd 100644 --- a/src/Components/About/About.tsx +++ b/src/Components/About/About.tsx @@ -86,7 +86,7 @@ const About: React.FC = () => { I'm not hard to track down, but you can find me on{' '} From 409630d26defa6a6ceb614fb8f0009c945906f2d Mon Sep 17 00:00:00 2001 From: carsonSgit <92652800+carsonSgit@users.noreply.github.com> Date: Tue, 20 Aug 2024 18:09:47 -0400 Subject: [PATCH 3/6] feat: Grid layout for projects --- src/Components/Projects/Projects.scss | 18 ++++++++---------- src/Components/Projects/Projects.tsx | 11 +++++++---- 2 files changed, 15 insertions(+), 14 deletions(-) diff --git a/src/Components/Projects/Projects.scss b/src/Components/Projects/Projects.scss index 87ee421..1f204a7 100644 --- a/src/Components/Projects/Projects.scss +++ b/src/Components/Projects/Projects.scss @@ -14,23 +14,21 @@ a { .ProjectsContainer { padding: 0px 20px; color: $text-color; - display: flex; - flex-direction: column; + display: grid; + grid-template-columns: 1fr; + gap: 20px; align-items: center; justify-content: center; min-height: 100vh; text-align: center; - @media (max-width: 767px) { - padding: 0px 10px; - } - - @media (min-width: 768px) and (max-width: 1200px) { - padding: 0px 30px; + @media (min-width: 768px) { + grid-template-columns: repeat(2, 1fr); } @media (min-width: 1200px) { padding: 0px 40px; + grid-template-columns: repeat(2, 1fr); } } @@ -82,7 +80,7 @@ a { flex-direction: column; align-items: center; margin-bottom: 20px; - width: 90%; + width: 100%; background-size: cover; background-position: center; border-radius: 15px; @@ -112,7 +110,7 @@ a { } @media (min-width: 1200px) { - width: 75%; + width: 100%; height: auto; min-height: 500px; } diff --git a/src/Components/Projects/Projects.tsx b/src/Components/Projects/Projects.tsx index fa77cb6..45a95e9 100644 --- a/src/Components/Projects/Projects.tsx +++ b/src/Components/Projects/Projects.tsx @@ -6,13 +6,16 @@ import './Projects.scss'; const Projects: React.FC = () => { return ( -
+

Notable projects

- {projects.map((project, index) => ( - - ))} +
+ + {projects.map((project, index) => ( + + ))} +
); }; From 5dda94654a94ce4e026045ed522790ad08f1bb44 Mon Sep 17 00:00:00 2001 From: carsonSgit <92652800+carsonSgit@users.noreply.github.com> Date: Tue, 20 Aug 2024 18:10:18 -0400 Subject: [PATCH 4/6] feat: Centered title text --- src/Components/Projects/Projects.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/src/Components/Projects/Projects.scss b/src/Components/Projects/Projects.scss index 1f204a7..714655e 100644 --- a/src/Components/Projects/Projects.scss +++ b/src/Components/Projects/Projects.scss @@ -35,6 +35,7 @@ a { .ProjectsTitle { font-size: 2.8em; margin-bottom: 40px; + text-align: center; color: $text-color; @media (min-width: 768px) and (max-width: 1200px) { From 399e4a3e9ad51b4c3cc3df84b645ac5b9f9938ba Mon Sep 17 00:00:00 2001 From: carsonSgit <92652800+carsonSgit@users.noreply.github.com> Date: Tue, 20 Aug 2024 18:28:38 -0400 Subject: [PATCH 5/6] fix: Remove text alignment --- src/Components/Projects/Projects.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/src/Components/Projects/Projects.scss b/src/Components/Projects/Projects.scss index 714655e..14e658b 100644 --- a/src/Components/Projects/Projects.scss +++ b/src/Components/Projects/Projects.scss @@ -20,7 +20,6 @@ a { align-items: center; justify-content: center; min-height: 100vh; - text-align: center; @media (min-width: 768px) { grid-template-columns: repeat(2, 1fr); From d3a7327edd63ba3f3346a5d0353a46b9337a79eb Mon Sep 17 00:00:00 2001 From: carsonSgit <92652800+carsonSgit@users.noreply.github.com> Date: Tue, 20 Aug 2024 18:36:10 -0400 Subject: [PATCH 6/6] fix: Improve project width --- src/Components/Projects/Projects.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/Components/Projects/Projects.scss b/src/Components/Projects/Projects.scss index 14e658b..46f2512 100644 --- a/src/Components/Projects/Projects.scss +++ b/src/Components/Projects/Projects.scss @@ -99,7 +99,7 @@ a { } @media (max-width: 767px) { - width: 90%; + width: 100%; height: auto; min-height: 200px; }