lozinsky.github.io/index.html at main · lozinsky/lozinsky.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
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="Frontend developer interested in design systems, user and dev experiences." />

    <title>Pavel Lozinsky</title>

    <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
    <link rel="icon" href="/favicon.ico" sizes="any" />

    <script type="module" src="/elements/collapse-entry-element.js"></script>
    <script type="module" src="/elements/collapse-handle-element.js"></script>
    <script type="module" src="/elements/collapse-content-element.js"></script>
    <script type="module" src="/elements/effects-player-element.js"></script>
    <script type="module" src="/elements/time-ago-element.js"></script>

    <link rel="stylesheet" href="/index.css" />
  </head>
  <body>
    <main>
      <p>
        Hi,
        <collapse-entry once>
          <collapse-handle class="follow">my</collapse-handle>
          <collapse-content forwards="contacts" hidden></collapse-content>
        </collapse-entry>
        name is
        <collapse-entry>
          <span><collapse-handle class="follow">Pavel</collapse-handle>.</span>
          <collapse-content hidden>Pavel Lozinsky.</collapse-content>
        </collapse-entry>
      </p>
      <p id="contacts" hidden>
        You can
        <collapse-entry>
          <span>email <collapse-handle class="follow">me</collapse-handle></span>
          <collapse-content hidden>
            find me on
            <a href="https://github.com/lozinsky" target="_blank" rel="noopener" class="follow">GitHub</a>,
            <a href="https://x.com/PavelLozinsky" target="_blank" rel="noopener" class="follow">X</a>,
            <a href="https://instagram.com/pavel.lozinsky" target="_blank" rel="noopener" class="follow">Instagram</a>,
            <a href="https://linkedin.com/in/plozinsky" target="_blank" rel="noopener" class="follow">LinkedIn</a>,
            <a href="https://lozinsky.t.me" target="_blank" rel="noopener" class="follow">Telegram</a>, or email
          </collapse-content>
        </collapse-entry>
        at <a href="mailto:pavel@lozinsky.dev" class="follow">pavel@lozinsky.dev</a>.
      </p>
      <p>
        I
        <collapse-entry once>
          <collapse-handle class="follow">am</collapse-handle>
          <collapse-content forwards="job" hidden></collapse-content>
        </collapse-entry>
        a
        <collapse-entry>
          <span><collapse-handle class="follow">Developer</collapse-handle>.</span>
          <collapse-content hidden>
            <collapse-entry once>
              <span><collapse-handle class="follow">Frontend developer</collapse-handle>.</span>
              <collapse-content hidden>
                <collapse-entry once>
                  <collapse-handle class="follow">Interested</collapse-handle>
                  <collapse-content forwards="things" hidden></collapse-content>
                </collapse-entry>
                in design systems, user
                <collapse-entry once>
                  <collapse-handle class="follow">and</collapse-handle>
                  <collapse-content forwards="interests" hidden></collapse-content>
                </collapse-entry>
                dev experiences.
                <span id="things" hidden>
                  Sometimes I do
                  <span class="js-only prefers-reduced-motion-no-preference-only">
                    <effects-player stopped class="follow">random</effects-player>
                    and
                  </span>
                  infrastructure things.
                </span>
                <span id="interests" hidden>
                  I
                  <collapse-entry once>
                    <collapse-handle class="follow">love</collapse-handle>
                    <collapse-content hidden>
                      <collapse-entry>
                        <span><collapse-handle class="follow">Java</collapse-handle>Script</span>
                        <collapse-content hidden>TypeScript</collapse-content>
                      </collapse-entry>
                      but in my spare time I flirt with
                    </collapse-content>
                  </collapse-entry>
                  Go.
                </span>
              </collapse-content>
            </collapse-entry>
          </collapse-content>
        </collapse-entry>
      </p>
      <p id="job" hidden>
        I've been working at
        <a href="https://sumsub.com" target="_blank" rel="noopener" class="follow">Sumsub</a>
        <span class="js-only">for the last <time-ago date="2022-10-17T12:00:00.000Z"></time-ago>.</span>
        <span class="no-js-only">since 2022.</span>
      </p>
    </main>
  </body>
</html>