MyPortfolio/index.html at main · FatoomRe/MyPortfolio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <!-- Purple heart emoji favicon -->
  <link rel="icon" type="image/svg+xml"
    href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>💜</text></svg>">
  <link rel="shortcut icon" type="image/svg+xml"
    href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>💜</text></svg>">
  <link rel="apple-touch-icon"
    href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>💜</text></svg>">
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Fatimah Alabbas - Portfolio</title>

  <!-- Primary SEO -->
  <meta name="description"
    content="Fatimah Alabbas is a Software Developer and Flutter enthusiast based in Saudi Arabia. View her portfolio, skills, projects, blogs, and more." />
  <meta name="keywords"
    content="Fatimah Alabbas, Software Developer, Flutter Developer, UI/UX Designer, Quality Assurance Tester, Robotics Enthusiast, Saudi Arabia Developer, Portfolio, Mobile Developer, Flutter, Dart" />
  <meta name="author" content="Fatimah Alabbas" />
  <meta name="robots" content="index, follow" />
  <link rel="canonical" href="https://fatimah-alabbas.com/" />

  <!-- Google Site Verification -->
  <meta name="google-site-verification" content="vvp2OYjF6CFibJc7x2WTbT-4fWFHe6Ue5hYXcaq_LjE" />

  <!-- Fonts -->
  <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />

  <!-- Theme Script to prevent flash -->
  <script>
    // Apply dark mode immediately if it's the default or saved preference
    (function () {
      const savedTheme = localStorage.getItem('theme');
      const isDark = savedTheme ? savedTheme === 'dark' : true; // Default to dark
      if (isDark) {
        document.documentElement.classList.add('dark');
      }
    })();
  </script>
</head>

<body>
  <div id="root"></div>
  <script type="module" src="/src/main.tsx"></script>
</body>

</html>