DanielOnGitHub17.github.io/index.html at main · DanielOnGitHub17/DanielOnGitHub17.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
<!DOCTYPE html>
<html>

<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Daniel Enesi</title>
  <link rel="stylesheet" href="styles.css">
  <link rel="stylesheet" href="homepage.css">
</head>

<body>
  <h1>Daniel Enesi</h1>

  <nav>
    <ul>
      <li><a href="math-web/">Math</a></li>
      <li><a href="games/">Games</a></li>
      <li><a href="essays/">Essays</a></li>
      <li><a href="projects/">Projects</a></li>
      <li><a href="https://github.com/DanielOnGitHub17">GitHub</a></li>
      <li><a href="https://codepen.io/Dani_X">CodePen</a></li>
      <li><a href="https://dev.to/danielx17">Dev.to</a></li>
    </ul>
  </nav>
  <p>
    I am Daniel Enesi, an enthusiastic learner with strong mathematical aptitude and proficiency in computer
    programming, seeking
    opportunities to advance in software engineering, build my network, and apply my learning to substantial projects
  </p>
  <p>
    I linked some things I've done in this website. Explore those referenced above.<br>
    For my other work check out my GitHub (The [4]th link on the page).
  </p>
  <p>
    If you are seeking a happy (people say I smile a lot), learning-driven (currently rust and ostep),
    software engineer (someone said I shouldn't use "aspiring" because it's undermining), <br>
    reach out to me on <a href="https://www.linkedin.com/in/enesidaniel/">LinkedIn</a>,
  </p>
  <h2>or</h2>
  <form action="#" method="post" id="EMAIL_FORM">
    <h4><span>send me an email</span>
      <input type="submit" value="&#10145;">
    </h4>
    <ul>
      <li>
        <label for="id_name">Your name: </label>
        <input type="text" name="name" id="id_name" autocomplete="name" required>
      </li>
      <li>
        <label for="id_email">Your email: </label>
        <input type="email" name="email" id="id_email" autocomplete="email" required>
      </li>
      <li>
        <label for="id_message">Your message: </label>
        <textarea name="message" id="id_message" cols="30" rows="6" placeholder="Your message here" required></textarea>
      </li>
    </ul>
    <p></p>
  </form>
  <script id="SEND_EMAIL">
    addEventListener("load", function loaded(event) {
      const EMAIL_FORM = document.getElementById("EMAIL_FORM")
        , MESSAGE_BOX = EMAIL_FORM.getElementsByTagName('p')[0]
        , SUBMIT_BUTTON = EMAIL_FORM.querySelector("[type='submit']");

      addEventListener("submit", function sendEmail(event) {
        if (event.target != EMAIL_FORM) return;
        event.preventDefault();
        SUBMIT_BUTTON.disabled = true;
        MESSAGE_BOX.textContent = "";
        let data = {}
          , url = "https://defaultdef859bf4db04164b2c19da056a4ef.b8.environment.api.powerplatform.com:443/powerautomate/automations/direct/workflows/b440ceb61a394f85bd6d4f630b1efa89/triggers/manual/paths/invoke?api-version=1&sp=%2Ftriggers%2Fmanual%2Frun&sv=1.0&sig=PfAmrfV1v2ixB5Mo6ewWzmaP-q_fPIcwPvz61PlgXBI";
        (new FormData(event.target)).forEach((value, key) => data[key] = value);
        fetch(url, {
          method: "POST",
          headers: { "Content-type": "application/json" },
          body: JSON.stringify(data)
        }).then(response => {
          MESSAGE_BOX.textContent = "Your message has been sent to Daniel successfully";
          MESSAGE_BOX.className = "success";
        })
          .catch(error => {
            console.log(error);
            MESSAGE_BOX.textContent = "An error occured, so your message could not be sent.";
            MESSAGE_BOX.className = "failure";
          }).finally(() => SUBMIT_BUTTON.disabled = false)
      })
    })
  </script>
  <aside hidden>Please don't spam the email API endpoint in the script</aside>
</body>

</html>