eudk.github.io/index.html at main · eudk/eudk.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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="da">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Evgeniy Gordienko | IT Security Portfolio</title>
<link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon-16x16.png">

<link rel="apple-touch-icon" sizes="180x180" href="/assets/img/apple-touch-icon.png">

<link rel="icon" type="image/png" sizes="192x192" href="/assets/img/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/assets/img/android-chrome-512x512.png">

  <meta name="referrer" content="strict-origin-when-cross-origin">
  <meta http-equiv="Content-Security-Policy" content="
    default-src 'self';
    script-src 'self' https://gc.zgo.at;
    style-src 'self' https://cdnjs.cloudflare.com;
    img-src 'self' data:;
    font-src https://cdnjs.cloudflare.com;
    connect-src 'self' https://eudk.goatcounter.com https://gc.zgo.at;
    form-action https://formspree.io;
    frame-ancestors 'none';
    base-uri 'self';
    object-src 'none';
    upgrade-insecure-requests;
  ">

  <meta name="description" content="Portfolio for Evgeniy, an IT Security student specializing in GRC">

  <link rel="stylesheet"
        href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
        integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
        crossorigin="anonymous" referrerpolicy="no-referrer">
  <link rel="stylesheet" href="css/style.css">

  <!-- GoatCounter (cookie-less analytics) -->
  <script data-goatcounter="https://eudk.goatcounter.com/count"
          async src="https://gc.zgo.at/count.js"></script>
</head>

<body>
  <canvas id="matrix-canvas"></canvas>

  <!-- Profile image + “eyes” overlay (desktop only via CSS/JS) -->
  <div class="profile-wrap" id="profile-wrap" aria-label="Profile image">
    <img src="assets/img/img.png" alt="eudk" class="profile-img" id="profile-img">
    <span class="profile-eyes" aria-hidden="true"></span>
  </div>

  <main class="content">
    <h1>Evgeniy Gordienko</h1>

    <p id="bio-text">
      <span id="typewriter-text"></span><span id="typewriter-cursor">&nbsp;</span>
    </p>

    <div class="action-buttons">
      <a href="https://github.com/eudk" target="_blank" rel="noopener noreferrer" data-i18n="btn_github">
        <i class="fab fa-github"></i> GitHub
      </a>

      <a href="https://linkedin.com/in/eudk" target="_blank" rel="noopener noreferrer" data-i18n="btn_linkedin">
        <i class="fab fa-linkedin"></i> LinkedIn
      </a>

      <a href="portfolio.html" id="projects-link" data-i18n="btn_projects">
        <i class="fas fa-briefcase"></i> Projekter
      </a>

      <button id="open-contact-modal" type="button" data-i18n="btn_contact">
        <i class="fas fa-envelope"></i> Kontakt
      </button>
    </div>
  </main>

  <!-- Language toggle -->
  <div class="lang-toggle" aria-label="Language selector">
    <span class="lang-label" aria-hidden="true">DK</span>

    <div class="lang-switch" aria-label="Toggle language DK/ENG">
      <input id="check" type="checkbox" />
      <label class="switch" for="check" title="Language">
        <svg viewBox="0 0 212.4992 84.4688" overflow="visible" aria-hidden="true" focusable="false">
          <path
            pathLength="360"
            fill="none"
            stroke="currentColor"
            d="M 42.2496,84.4688 C 18.913594,84.474104 -0.00530424,65.555206 0,42.2192 0.01148477,18.895066 18.925464,-0.00530377 42.2496,0 65.573736,-0.00530377 84.487715,18.895066 84.4992,42.2192 84.504504,65.555206 65.585606,84.474104 42.2496,84.4688 18.913594,84.474104 -0.00530424,65.555206 0,42.2192 0.01148477,18.895066 18.925463,-0.00188652 42.2496,0 c 64,0 64,84.4688 128,84.4688 23.32414,0.0019 42.23812,-18.895066 42.2496,-42.2192 C 212.5042,18.913594 193.58561,-0.005304 170.2496,0 146.91359,-0.005304 127.9947,18.913594 128,42.2496 c 0.0115,23.324134 18.92546,42.224504 42.2496,42.2192 23.32414,0.0053 42.23812,-18.895066 42.2496,-42.2192 C 212.5042,18.913594 193.58561,-0.005304 170.2496,0 c -64,0 -64,84.4688 -128,84.4688 z"
          ></path>
        </svg>
      </label>
    </div>

    <span class="lang-label" aria-hidden="true">ENG</span>
  </div>

  <!-- Contact modal -->
  <div class="modal-overlay" id="contact-modal-overlay" role="dialog" aria-modal="true" aria-labelledby="contact-modal-title">
    <div class="modal-content">
      <span class="close-btn" id="close-contact-modal" aria-label="Close">&times;</span>

      <form id="contact-form" class="contact-form" action="https://formspree.io/f/xqayznjr" method="POST">

        <h2 id="contact-modal-title" data-i18n="modal_title">Kontakt</h2>

        <p class="modal-subtitle" data-i18n="modal_subtitle">
          Skriv her eller via LinkedIn, for at kontakte mig.
        </p>

        <div class="form-group">
          <label for="email" data-i18n="label_email">Din e-mail</label>
          <input type="email" id="email" name="email" required data-i18n-placeholder="ph_email" placeholder="navn@eksempel.dk">
        </div>

        <div class="form-group">
          <label for="message" data-i18n="label_message">Besked</label>
          <textarea id="message" name="message" required data-i18n-placeholder="ph_message" placeholder="Skriv din besked..."></textarea>
        </div>

        <div class="form-group-consent">
          <input type="checkbox" id="consent" name="consent" required>
          <label for="consent">
            <span data-i18n="consent_prefix">Jeg accepterer, at mine data håndteres som beskrevet i</span>
            <a href="./privacy.html" target="_blank" rel="noopener noreferrer" data-i18n="privacy_notice">Privatlivspolitikken</a><span data-i18n="consent_suffix">.</span>
          </label>
        </div>

        <button type="submit" data-i18n="btn_send">Send</button>
      </form>
    </div>
  </div>

  <footer>
    <small>
      &copy; <span id="year"></span>
      <a href="https://github.com/eudk/eudk.github.io/blob/main/LICENSE" target="_blank" rel="noopener noreferrer">Evgeniy Gordienko</a>🦞
    <span class="online-indicator"></span>
      <span> | </span>
      <a href="about.html" data-i18n="footer_about">Om</a>
      <span> | </span>
      <a href="privacy.html" data-i18n="footer_privacy">Privatliv</a>
      <span> | </span>
      <a class="footer-status"
         href="https://status.eudk.dev/"
         target="_blank" rel="noopener noreferrer"
         data-i18n="footer_status">
        <i class="fa-solid fa-circle-check" aria-hidden="true"></i> Status
      </a>
    </small>
  </footer>

  <script src="js/main.js" defer></script>
</body>
</html>