diff --git a/README.md b/README.md index 200f4282..1c9fd18b 100644 --- a/README.md +++ b/README.md @@ -1 +1,7 @@ # Portfolio + +https://holacarmensita.com/ + +Missing: +1. A presentation of some thoughts that you have around code. (If you didn't write an article last week - use placeholder text for now). Had a hard time adding a section in my navbar, without messing th elogic up, working on it! +2. Animation inView() seems to not work on mobile, will change it as soon as I can. diff --git a/anteckningar.txt b/anteckningar.txt new file mode 100644 index 00000000..bea21f9a --- /dev/null +++ b/anteckningar.txt @@ -0,0 +1,45 @@ +Reminders: +Det är en global CSS-regel, och GlobalStyle är platsen för: + +1. Globala variabler (:root) + +2. Resets och grunder + +3. Responsiva helpers + +4. Tillståndsklasser som .dyslexic, .dark, .reduced-motion, etc. + + + +✨ Portfolio - Nice to have features (To Do) + +1. 🔁 Text Truncation + - Kortare projektbeskrivningar med "..." vid behov + - CSS eller Tailwind: `truncate` eller `line-clamp` + +2. 🎨 Animationer + - Fade in-effekter när komponenter scrollas in + - Hover-effekter på knappar och projektkort + +3. 🧭 Smooth Scroll + - Mjuk scrollning vid klick på navigationslänkar + - CSS: `scroll-behavior: smooth` i `html` eller `body` + +4. 💡 Dark Mode Toggle + - Lägga till en knapp för att växla mellan mörkt och ljust tema + - Styla med Tailwind's `dark:`-klasser + +5. 📱 Responsiv layout + - Säkerställa att portfolion fungerar snyggt på mobil, surfplatta och desktop + +6. 🧠 Tillgänglighet + - Fokusringar på interaktiva element + - Alt-texter, aria-labels och korrekt semantik + +7. 🧼 Data-driven content + - Byta hårdkodade delar mot innehåll från profile.json och projects.json + - Strukturera props rent och skalbart + +8. 🌍 Footer + - Lägg till en footer med copyright, länk till CV eller kontakt + diff --git a/index.html b/index.html index 6676fb2d..bceca9e4 100644 --- a/index.html +++ b/index.html @@ -1,10 +1,39 @@ - + - + + + + + + + + + + + + + - Portfolio + + + ¡Hola Carmensita!
diff --git a/netlify.toml b/netlify.toml new file mode 100644 index 00000000..a218b143 --- /dev/null +++ b/netlify.toml @@ -0,0 +1,8 @@ +[build] + command = "npm run build" + publish = "dist" + +[[redirects]] + from = "/*" + to = "/index.html" + status = 200 \ No newline at end of file diff --git a/package.json b/package.json index 48911600..2d751e41 100644 --- a/package.json +++ b/package.json @@ -11,7 +11,8 @@ }, "dependencies": { "react": "^19.0.0", - "react-dom": "^19.0.0" + "react-dom": "^19.0.0", + "styled-components": "^6.1.17" }, "devDependencies": { "@eslint/js": "^9.21.0", @@ -23,5 +24,12 @@ "eslint-plugin-react-refresh": "^0.4.19", "globals": "^15.15.0", "vite": "^6.2.0" + }, + "editor.quickSuggestions": { + "strings": true + }, + "emmet.includeLanguages": { + "javascript": "javascriptreact", + "javascriptreact": "html" } } diff --git a/public/3dspace.gif b/public/3dspace.gif new file mode 100644 index 00000000..11557388 Binary files /dev/null and b/public/3dspace.gif differ diff --git a/public/BEFOREAFTER2.png b/public/BEFOREAFTER2.png new file mode 100644 index 00000000..395cf120 Binary files /dev/null and b/public/BEFOREAFTER2.png differ diff --git a/public/BeforeAfterLists.png b/public/BeforeAfterLists.png new file mode 100644 index 00000000..2341be40 Binary files /dev/null and b/public/BeforeAfterLists.png differ diff --git a/public/CoParentingApp.png b/public/CoParentingApp.png new file mode 100644 index 00000000..5ede817c Binary files /dev/null and b/public/CoParentingApp.png differ diff --git a/public/GithubButton.svg b/public/GithubButton.svg new file mode 100644 index 00000000..4568d180 --- /dev/null +++ b/public/GithubButton.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/HappyThoughtsApp.png b/public/HappyThoughtsApp.png new file mode 100644 index 00000000..361c1ba6 Binary files /dev/null and b/public/HappyThoughtsApp.png differ diff --git a/public/HomePageDesignFAQ.png b/public/HomePageDesignFAQ.png new file mode 100644 index 00000000..5bec1a65 Binary files /dev/null and b/public/HomePageDesignFAQ.png differ diff --git a/public/HomePageFAQ.png b/public/HomePageFAQ.png new file mode 100644 index 00000000..00effe87 Binary files /dev/null and b/public/HomePageFAQ.png differ diff --git a/public/HomedesignArticals.png b/public/HomedesignArticals.png new file mode 100644 index 00000000..59f03459 Binary files /dev/null and b/public/HomedesignArticals.png differ diff --git a/public/Ideas.png b/public/Ideas.png new file mode 100644 index 00000000..4fc3acc9 Binary files /dev/null and b/public/Ideas.png differ diff --git a/public/ProfilePage.png b/public/ProfilePage.png new file mode 100644 index 00000000..1e1e2bc4 Binary files /dev/null and b/public/ProfilePage.png differ diff --git a/public/beforeAfter.png b/public/beforeAfter.png new file mode 100644 index 00000000..0d4909f6 Binary files /dev/null and b/public/beforeAfter.png differ diff --git a/public/browsingIdea.gif b/public/browsingIdea.gif new file mode 100644 index 00000000..57c5b6aa Binary files /dev/null and b/public/browsingIdea.gif differ diff --git a/public/favicon.svg b/public/favicon.svg new file mode 100644 index 00000000..60f2beb1 --- /dev/null +++ b/public/favicon.svg @@ -0,0 +1,2988 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/flatProfile.png b/public/flatProfile.png new file mode 100644 index 00000000..48001f4a Binary files /dev/null and b/public/flatProfile.png differ diff --git a/public/fonts/Aileron-Bold.woff b/public/fonts/Aileron-Bold.woff new file mode 100644 index 00000000..3b3897b6 Binary files /dev/null and b/public/fonts/Aileron-Bold.woff differ diff --git a/public/fonts/Aileron-Regular.woff b/public/fonts/Aileron-Regular.woff new file mode 100644 index 00000000..a7e09752 Binary files /dev/null and b/public/fonts/Aileron-Regular.woff differ diff --git a/public/fonts/Aileron-SemiBold.woff b/public/fonts/Aileron-SemiBold.woff new file mode 100644 index 00000000..043c23b8 Binary files /dev/null and b/public/fonts/Aileron-SemiBold.woff differ diff --git a/public/fonts/TAN-Rosebud.ttf b/public/fonts/TAN-Rosebud.ttf new file mode 100644 index 00000000..d2ca5c06 Binary files /dev/null and b/public/fonts/TAN-Rosebud.ttf differ diff --git a/public/github.svg b/public/github.svg new file mode 100644 index 00000000..8090c532 --- /dev/null +++ b/public/github.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/happyThoughts.png b/public/happyThoughts.png new file mode 100644 index 00000000..052ca504 Binary files /dev/null and b/public/happyThoughts.png differ diff --git a/public/imgHover.svg b/public/imgHover.svg new file mode 100644 index 00000000..930c2b5a --- /dev/null +++ b/public/imgHover.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/instagram.svg b/public/instagram.svg new file mode 100644 index 00000000..b4a248e3 --- /dev/null +++ b/public/instagram.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/linkedIn.svg b/public/linkedIn.svg new file mode 100644 index 00000000..40f928b6 --- /dev/null +++ b/public/linkedIn.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/logo.svg b/public/logo.svg new file mode 100644 index 00000000..f3924ae6 --- /dev/null +++ b/public/logo.svg @@ -0,0 +1,4153 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/profile.jpg b/public/profile.jpg new file mode 100644 index 00000000..e8e41867 Binary files /dev/null and b/public/profile.jpg differ diff --git a/public/recipeLibrary.png b/public/recipeLibrary.png new file mode 100644 index 00000000..beae8415 Binary files /dev/null and b/public/recipeLibrary.png differ diff --git a/public/resume.pdf b/public/resume.pdf new file mode 100644 index 00000000..0e3bf218 Binary files /dev/null and b/public/resume.pdf differ diff --git a/public/shapes/circle.svg b/public/shapes/circle.svg new file mode 100644 index 00000000..4ad395d9 --- /dev/null +++ b/public/shapes/circle.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/shapes/waveOrange.svg b/public/shapes/waveOrange.svg new file mode 100644 index 00000000..af434d0c --- /dev/null +++ b/public/shapes/waveOrange.svg @@ -0,0 +1,4 @@ + + + + diff --git a/public/shapes/waveSkills.svg b/public/shapes/waveSkills.svg new file mode 100644 index 00000000..8212fed3 --- /dev/null +++ b/public/shapes/waveSkills.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/stackoverflow.svg b/public/stackoverflow.svg new file mode 100644 index 00000000..d91e1e3a --- /dev/null +++ b/public/stackoverflow.svg @@ -0,0 +1,3 @@ + + + diff --git a/public/thumbnail.png b/public/thumbnail.png new file mode 100644 index 00000000..ee09e100 Binary files /dev/null and b/public/thumbnail.png differ diff --git a/public/thumbnailLarge.png b/public/thumbnailLarge.png new file mode 100644 index 00000000..df324a9c Binary files /dev/null and b/public/thumbnailLarge.png differ diff --git a/public/vite.svg b/public/vite.svg deleted file mode 100644 index e7b8dfb1..00000000 --- a/public/vite.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/weatherApp.png b/public/weatherApp.png new file mode 100644 index 00000000..587aaf66 Binary files /dev/null and b/public/weatherApp.png differ diff --git a/public/web.svg b/public/web.svg new file mode 100644 index 00000000..db551cc4 --- /dev/null +++ b/public/web.svg @@ -0,0 +1,3 @@ + + + diff --git a/src/App.jsx b/src/App.jsx index a161d8d3..1dd5e20d 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,8 +1,29 @@ +import Navigation from './components/Navigation'; +import IntroSection from './components/IntroSection'; +import AboutMeNew from './components/AboutMeNew'; +import Skills from './components/Skills'; +import Projects from './components/Projects'; +import GetInTouch from './components/GetInTouch'; +import Footer from './components/Footer'; + +import { useEffect } from 'react'; + export const App = () => { + useEffect(() => { + window.scrollTo(0, 0); + }, []); + return ( <> -

Portfolio

-

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatem, laborum! Maxime animi nostrum facilis distinctio neque labore consectetur beatae eum ipsum excepturi voluptatum, dicta repellendus incidunt fugiat, consequatur rem aperiam.

+ +
+ + + + + +
+