<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>George Radu | Cloud Engineer</title>
  <meta name="description" content="Cloud engineer with 15+ years of experience in automation, CI/CD, and cloud platforms." />
  <meta name="author" content="George Radu" />
  <link rel="stylesheet" href="style.css" />
  <link rel="icon" href="favicon.ico" type="image/x-icon" />

  <!-- Open Graph for social previews -->
  <meta property="og:title" content="George Radu | Cloud Engineer" />
  <meta property="og:description" content="Explore my cloud engineering portfolio and contact details." />
  <meta property="og:image" content="assets/GEORGE.png" />
  <meta property="og:type" content="website" />
</head>

<body>
  <header>
    <h1>George Radu</h1>
    <p class="subtitle">Certified Cloud Engineer</p>
    <nav>
      <a href="index.html" aria-current="page">Home</a>
      <a href="contact.html">Contact</a>
    </nav>
  </header>

  <main>
    <section id="about">
      <img src="assets/GEORGE.png" alt="George Radu" class="profile-image" />
      <h2>About Me</h2>
      <p>I'm a cloud engineer with over 15 years of experience in IT, focused on infrastructure, automation, and cloud platforms.</p>
      <p>I build secure and scalable systems using GCP, Azure or AWS, and I enjoy solving complex problems to make cloud workflows run smoothly.</p>
      <p>I work with tools like Terraform, Ansible, Python, Bash, PowerShell, MS-SQL, Postgres, BigQuery, GitHub, GitLab, Datadog, Jira, and Confluence.</p>
    </section>

    <section id="certifications">
      <h2>Certifications and Courses</h2>
      <ul id="cert-list"></ul>
    </section>

    <section id="education">
      <h2>Education</h2>
      <ul id="edu-list"></ul>
    </section>

    <script>
      fetch("assets/resume.json")
        .then(response => response.json())
        .then(data => {
          // Certifications
          const certList = document.getElementById("cert-list");
          data.certifications.forEach(cert => {
            const li = document.createElement("li");
            li.textContent = `${cert.title} – ${cert.issuer} (${cert.date})`;
            certList.appendChild(li);
          });

          // Education
          const eduList = document.getElementById("edu-list");
          data.education.forEach(edu => {
            const li = document.createElement("li");
            li.textContent = `${edu.institution}, ${edu.field} (${edu.years})`;
            eduList.appendChild(li);
          });
        });
    </script>
  </main>

  <footer>
    <p>&copy; <span id="year"></span> George Radu - Azure static website</p>
    <script>
      document.getElementById("year").textContent = new Date().getFullYear();
    </script>
  </footer>
</body>
</html>
