Technigo · HolaCarmensita · Apr 16, 2025 · Apr 16, 2025 · Apr 17, 2025 · Apr 17, 2025
diff --git 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
@@ -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
@@ -1,10 +1,39 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+
+    <!-- Basic OG tags -->
+    <meta property="og:url" content="https://holacarmensita.com/intro" />
+    <meta property="og:type" content="website" />
+    <meta
+      property="og:title"
+      content="Casandra’s Portfolio | Developer with an Eye for Design"
+    />
+    <meta
+      property="og:description"
+      content="Hi! I'm a frontend developer. Welcome to my fortfolio!"
+    />
+    <meta
+      name="description"
+      content="Casandra’s frontend portfolio showcasing React projects, UX case studies, and more."
+    />
+
+    <!-- Your thumbnail image: at least 1200×627px for best results -->
+    <meta property="og:image" content="/thumbnail.png" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="627" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Portfolio</title>
+    <link
+      href="https://fonts.googleapis.com/css2?family=Lexend:wght@400;700&display=swap"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Belgrano&display=swap"
+      rel="stylesheet"
+    />
+    <title>¡Hola Carmensita!</title>
   </head>
   <body>
     <div id="root"></div>

diff --git a/netlify.toml b/netlify.toml
@@ -0,0 +1,8 @@
+[build]
+  command   = "npm run build"
+  publish   = "dist"
+
+[[redirects]]
+  from     = "/*"
+  to       = "/index.html"
+  status   = 200
diff --git 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
diff --git a/public/BEFOREAFTER2.png b/public/BEFOREAFTER2.png
diff --git a/public/BeforeAfterLists.png b/public/BeforeAfterLists.png
diff --git a/public/CoParentingApp.png b/public/CoParentingApp.png
diff --git a/public/GithubButton.svg b/public/GithubButton.svg
diff --git a/public/HappyThoughtsApp.png b/public/HappyThoughtsApp.png
diff --git a/public/HomePageDesignFAQ.png b/public/HomePageDesignFAQ.png
diff --git a/public/HomePageFAQ.png b/public/HomePageFAQ.png
diff --git a/public/HomedesignArticals.png b/public/HomedesignArticals.png
diff --git a/public/Ideas.png b/public/Ideas.png
diff --git a/public/ProfilePage.png b/public/ProfilePage.png
diff --git a/public/beforeAfter.png b/public/beforeAfter.png
diff --git a/public/browsingIdea.gif b/public/browsingIdea.gif