diff --git a/frontend/website/index.html b/frontend/website/index.html index e4b78ea..fa3e165 100644 --- a/frontend/website/index.html +++ b/frontend/website/index.html @@ -4,7 +4,7 @@ - Vite + React + TS + Craig Macfadyen
diff --git a/frontend/website/src/App.tsx b/frontend/website/src/App.tsx index a1c12c7..50424fc 100644 --- a/frontend/website/src/App.tsx +++ b/frontend/website/src/App.tsx @@ -8,7 +8,8 @@ import Navbar04Page from './components/navbar-04/navbar-04'; import Testimonial06 from './components/testimonial-06/testimonial-06'; function App() { return ( -
+
+ Home | Craig Macfadyen diff --git a/frontend/website/src/assets/open-webui.gif b/frontend/website/src/assets/open-webui.gif new file mode 100644 index 0000000..8b0e858 Binary files /dev/null and b/frontend/website/src/assets/open-webui.gif differ diff --git a/frontend/website/src/assets/output.gif b/frontend/website/src/assets/output.gif new file mode 100644 index 0000000..832fe77 Binary files /dev/null and b/frontend/website/src/assets/output.gif differ diff --git a/frontend/website/src/components/About.tsx b/frontend/website/src/components/About.tsx index b68dd74..ceac57d 100644 --- a/frontend/website/src/components/About.tsx +++ b/frontend/website/src/components/About.tsx @@ -1,11 +1,12 @@ import React from 'react'; import ExpertiseSection from './ExpertiseSection'; +import outputGif from '@/assets/output.gif'; +import openWebUIGif from '@/assets/open-webui.gif'; const About = () => { return (
-

About

You have data, I have the skills to help you understand it.

@@ -13,8 +14,7 @@ const About = () => { title="Computer Vision" content="Expertise in developing and deploying computer vision models for various applications, including object detection, image classification, and more. Ask me about state-of-the-art real-time models for your business." images={[ - { url: "https://gifs.cc/congratulation/congrats-animation-smiley-2018.gif", alt: "Computer Vision 1" }, - { url: "https://example.com/image2.jpg", alt: "Computer Vision 2" }, + { url: outputGif, alt: "Video Segmentation with SAM2." }, ]} viewMoreLink="/computer-vision" imageOnLeft={true} @@ -23,8 +23,7 @@ const About = () => { title="Natural Language Processing" content="Building NLP models for tasks such as sentiment analysis, text classification, and language generation. If you need a chatbot for your business and care about privacy, or a simple text classification algorithm to understand your data, I can help." images={[ - { url: "/path/to/nlp-image.jpg", alt: "NLP 1" }, - { url: "/path/to/nlp-image2.jpg", alt: "NLP 2" }, + { url: openWebUIGif, alt: "Locally hosted LLM using oLLama and OpenWebUI." }, ]} viewMoreLink="/nlp" imageOnLeft={false} diff --git a/frontend/website/src/components/Contact.tsx b/frontend/website/src/components/Contact.tsx index 749d52c..951f796 100644 --- a/frontend/website/src/components/Contact.tsx +++ b/frontend/website/src/components/Contact.tsx @@ -3,7 +3,7 @@ import { SiLinkedin } from "react-icons/si"; const Contact = () => { return ( -
+

Contact Me

diff --git a/frontend/website/src/components/ExpertiseSection.tsx b/frontend/website/src/components/ExpertiseSection.tsx index 0ce8171..3b22831 100644 --- a/frontend/website/src/components/ExpertiseSection.tsx +++ b/frontend/website/src/components/ExpertiseSection.tsx @@ -26,9 +26,9 @@ const ExpertiseSection: React.FC = ({

{title}

{content}

- + */}
diff --git a/frontend/website/src/components/Hero.tsx b/frontend/website/src/components/Hero.tsx index 52732ec..0d3cd0f 100644 --- a/frontend/website/src/components/Hero.tsx +++ b/frontend/website/src/components/Hero.tsx @@ -3,7 +3,7 @@ import { Button } from "@/components/ui/button" const Hero = () => { return ( -
+

Craig Macfadyen

diff --git a/frontend/website/src/components/ImageCarousel.tsx b/frontend/website/src/components/ImageCarousel.tsx index 272fdba..4f78020 100644 --- a/frontend/website/src/components/ImageCarousel.tsx +++ b/frontend/website/src/components/ImageCarousel.tsx @@ -27,6 +27,9 @@ const ImageCarousel: React.FC = ({ images, delay = 8000 }) = {images.map((image, index) => ( {image.alt} +

+ {image.alt} +
))} diff --git a/frontend/website/src/components/navbar-04/nav-menu.tsx b/frontend/website/src/components/navbar-04/nav-menu.tsx index 41433d8..3d10b74 100644 --- a/frontend/website/src/components/navbar-04/nav-menu.tsx +++ b/frontend/website/src/components/navbar-04/nav-menu.tsx @@ -11,7 +11,7 @@ export const NavMenu = (props: NavigationMenuProps) => ( - Home + Home {/* diff --git a/frontend/website/src/components/navbar-04/navbar-04.tsx b/frontend/website/src/components/navbar-04/navbar-04.tsx index 37e14c5..1410f12 100644 --- a/frontend/website/src/components/navbar-04/navbar-04.tsx +++ b/frontend/website/src/components/navbar-04/navbar-04.tsx @@ -1,4 +1,3 @@ -import { Button } from "@/components/ui/button"; import { Logo } from "./logo"; import { NavMenu } from "./nav-menu"; import { NavigationSheet } from "./navigation-sheet"; @@ -8,7 +7,6 @@ const Navbar04Page = () => { return (