luka-ivanovic.github.io/index.html at main · luka-ivanovic/luka-ivanovic.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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Luka Ivanovic – Developer</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="stylesheet" href="style.css">
    <link rel="icon" type="image/svg+xml" href="img/Lambda_lc.svg">
</head>

<body>

<!-- TODO: add header and nav -->

<main id="main-content">
    <section class="pre-wrapper" aria-label="ASCII art">

        <div class="name-wrapper">

            <pre aria-label="Stylized ASCII art of the name Luka">
 __                 __
|  \               |  \
| $$      __    __ | $$   __  ______
| $$     |  \  |  \| $$  /  \|      \
| $$     | $$  | $$| $$_/  $$ \$$$$$$\
| $$     | $$  | $$| $$   $$ /      $$
| $$_____| $$__/ $$| $$$$$$\|  $$$$$$$
| $$     \\$$    $$| $$  \$$\\$$    $$
 \$$$$$$$$ \$$$$$$  \$$   \$$ \$$$$$$$
            </pre>

            <pre class="ivanovicAscii" aria-label="Stylized ASCII art of the surname Ivanovic">
 ______                                                   __
|      \                                                 |  \
 \$$$$$$__     __  ______   _______    ______  __     __  \$$  _______
  | $$ |  \   /  \|      \ |       \  /      \|  \   /  \|  \ /       \
  | $$  \$$\ /  $$ \$$$$$$\| $$$$$$$\|  $$$$$$\\$$\ /  $$| $$|  $$$$$$$
  | $$   \$$\  $$ /      $$| $$  | $$| $$  | $$ \$$\  $$ | $$| $$
 _| $$_   \$$ $$ |  $$$$$$$| $$  | $$| $$__/ $$  \$$ $$  | $$| $$_____
|   $$ \   \$$$   \$$    $$| $$  | $$ \$$    $$   \$$$   | $$ \$$     \
 \$$$$$$    \$     \$$$$$$$ \$$   \$$  \$$$$$$     \$     \$$  \$$$$$$$
            </pre>

        </div>

        <pre aria-label="Stylized ASCII art text">
 __   __   __   ______    _______
|  \ |  \ |  \ |      \  /       \
| $$ | $$ | $$  \$$$$$$\|  $$$$$$$
| $$ | $$ | $$ /      $$ \$$    \
| $$_/ $$_/ $$|  $$$$$$$ _\$$$$$$\
 \$$   $$   $$ \$$    $$|       $$
  \$$$$$\$$$$   \$$$$$$$ \$$$$$$$
        </pre>

        <pre aria-label="Stylized ASCII art text">
 __    __
|  \  |  \
| $$  | $$  ______    ______    ______
| $$__| $$ /      \  /      \  /      \
| $$    $$|  $$$$$$\|  $$$$$$\|  $$$$$$\
| $$$$$$$$| $$    $$| $$   \$$| $$    $$
| $$  | $$| $$$$$$$$| $$      | $$$$$$$$
| $$  | $$ \$$     \| $$       \$$     \
 \$$   \$$  \$$$$$$$ \$$        \$$$$$$$
        </pre>

    </section>
</main>

<footer>
    <div class="logo-container">
        <a href="https://github.com/luka-ivanovic"
           target="_blank"
           rel="noopener noreferrer"
           aria-label="Visit Luka Ivanovic's GitHub profile">
            <img src="img/GitHub_Invertocat_Logo.svg" alt="">
        </a>
        <a href="https://www.linkedin.com/in/luka-ivanovic-"
           target="_blank"
           rel="noopener noreferrer"
           aria-label="Visit Luka Ivanovic's LinkedIn profile">
            <img src="img/LinkedIn_logo_initials.png" alt="">
        </a>
    </div>
</footer>
</body>

</html>