fidelisaboke.github.io/index.html at main · Fidelisaboke/fidelisaboke.github.io · 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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!DOCTYPE html>
<html lang="en" data-theme="dark">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Fidel Isaboke | Full Stack Developer</title>
  <meta name="description"
    content="Fidel Isaboke | Full Stack Developer & AI Engineer specializing in production-grade systems, Adversarial ML, and RAG orchestration." />

  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://fidelisaboke.github.io" />
  <meta property="og:title" content="Fidel Isaboke | Full Stack Developer & AI Engineer" />
  <meta property="og:description"
    content="Building intelligent, high-performance systems from Adversarial ML to Socratic code review. Explore my portfolio." />
  <meta property="og:image" content="https://fidelisaboke.github.io/images/og-preview.png" />

  <!-- Twitter -->
  <meta property="twitter:card" content="summary_large_image" />
  <meta property="twitter:url" content="https://fidelisaboke.github.io" />
  <meta property="twitter:title" content="Fidel Isaboke | Full Stack Developer & AI Engineer" />
  <meta property="twitter:description"
    content="Building intelligent, high-performance systems from Adversarial ML to Socratic code review. Explore my portfolio." />
  <meta property="twitter:image" content="https://fidelisaboke.github.io/images/og-preview.png" />

  <!-- Browser Polish -->
  <meta name="theme-color" content="#0D0B14" />
  <meta name="robots" content="index, follow" />
  <link rel="canonical" href="https://fidelisaboke.github.io/index.html" />

  <link rel="icon" type="image/png" href="images/favicon.png" />
  <link rel="stylesheet" href="styles.css" />
  <script src="main.js"></script>
</head>

<body>
  <header>
    <nav class="container">
      <ul class="navbar glass">
        <li><a href="index.html" class="active">Home</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="projects.html">Projects</a></li>
        <li><a href="contact.html">Contact</a></li>
        <li><a href="playground.html">Terminal</a></li>
        <li>
          <button id="theme-toggle" class="theme-toggle" aria-label="Toggle dark/light mode">
            <svg class="icon-sun" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"
              fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
              <circle cx="12" cy="12" r="5" />
              <line x1="12" y1="1" x2="12" y2="3" />
              <line x1="12" y1="21" x2="12" y2="23" />
              <line x1="4.22" y1="4.22" x2="5.64" y2="5.64" />
              <line x1="18.36" y1="18.36" x2="19.78" y2="19.78" />
              <line x1="1" y1="12" x2="3" y2="12" />
              <line x1="21" y1="12" x2="23" y2="12" />
              <line x1="4.22" y1="19.78" x2="5.64" y2="18.36" />
              <line x1="18.36" y1="5.64" x2="19.78" y2="4.22" />
            </svg>
            <svg class="icon-moon" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"
              fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
              <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" />
            </svg>
          </button>
        </li>
      </ul>
    </nav>
  </header>

  <main>
    <section class="hero">
      <div class="container hero-content">
        <div class="profile-img-container reveal">
          <img src="images/passport-photo.jpeg" alt="Fidel Isaboke" class="profile-img" loading="lazy">
        </div>
        <h1 class="reveal">Hi, I'm <span class="text-gradient">Fidel Isaboke</span></h1>
        <p class="reveal">Full Stack Developer & AI Engineer building intelligent, production-grade systems.</p>
        <div class="hero-actions reveal">
          <a href="projects.html" class="btn btn-primary">View My Work</a>
          <a href="docs/fidel-isaboke-cv.pdf" class="btn btn-secondary" target="_blank"
            data-analytics-event="Download CV" data-analytics-data='{"location": "hero"}'>Download CV</a>
          <a href="contact.html" class="btn btn-secondary">Get in Touch</a>
        </div>
      </div>
    </section>
  </main>

  <footer>
    <div class="container footer-content">
      <div class="footer-actions">
        <div class="social-links">
          <a href="https://github.com/Fidelisaboke" target="_blank" rel="noopener noreferrer" aria-label="GitHub">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"
              stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
              <path
                d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22" />
            </svg>
          </a>
          <a href="https://www.linkedin.com/in/fidel-isaboke-57aba3263/" target="_blank" rel="noopener noreferrer"
            aria-label="LinkedIn">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"
              stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
              <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z" />
              <rect x="2" y="9" width="4" height="12" />
              <circle cx="4" cy="4" r="2" />
            </svg>
          </a>
        </div>
        <a href="docs/fidel-isaboke-cv.pdf" class="cv-link" target="_blank" data-analytics-event="Download CV"
          data-analytics-data='{"location": "footer"}'>
          <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
            <polyline points="7 10 12 15 17 10" />
            <line x1="12" y1="15" x2="12" y2="3" />
          </svg>
          Resume
        </a>
      </div>
      <p>&copy; 2026 Fidel Isaboke. MIT Licensed.</p>
    </div>
  </footer>
</body>

</html>