-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
111 lines (111 loc) · 3.27 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
{{seo-tags}}
<meta name="viewport" content="width=device-width"/>
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"/>
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"/>
{{inline-style}}
<script>window.yandex_metrika_callbacks = [function(){window.yaCounter54069943=new Ya.Metrika({id:54069943,clickmap:true,trackLinks:true,accurateTrackBounce:true})}]</script>
<script src="https://cdn.jsdelivr.net/npm/yandex-metrica-watch/watch.js" defer></script>
</head>
<body>
<div class="site-container">
<header class="header">
<img class="profile-picture" src="vitali-zaidman.jpg" alt="Profile picture of Vitali Zaidman" download="vitali-zaidman.jpg" filename="vitali-zaidman.jpg"/>
<div>
<h1 class="main-heading">
Vitali Zaidman
</h1>
<p class="sub-heading">
Software Architect and React.js Expert.
</p>
</div>
<ul class="social-media-links">
{{social-media-profiles-list}}
</ul>
<p>
<br/><br/>
Hey! Welcome to my website :)
<br/><br/>
I've been developing Web And Mobile applications since 2012. Currently working at Meta.
<br/><br/>I like to lead and tutor teams as a hands-on expert. I also maintain open-source projects, give lectures, participate in podcasts, and write about web technologies.
<br/><br/>
To build my website, since I didn't want to lose the chance to try something new, I've created it on my own without any libraries:
<a class="header-link" href="https://github.com/vzaidman/vzaidman.com" target="_blank" rel="noopener">
Here's my website's source code
</a>.
<br/><br/>
Also, check out how lightning-fast Google takes it to be:
<a class="header-link" href="https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fvzaidman.com%2F" target="_blank" rel="noopener">
Google insights for the website
</a>
</p>
</header>
<section class="section" id="projects">
<a href="#projects">
<h2 class="list-title">
# Projects
</h2>
</a>
<ul class="list">
{{project-list}}
</ul>
</section>
<section class="section" id="education">
<a href="#education">
<h2 class="list-title">
# Education
</h2>
</a>
<ul class="list">
{{education-list}}
</ul>
</section>
<section class="section" id="meetup-videos">
<a href="#meetup-videos">
<h2 class="list-title">
# Meetup Videos
</h2>
</a>
<ul class="list">
{{meetup-video-list}}
</ul>
</section>
<section class="section" id="podcasts">
<a href="#podcasts">
<h2 class="list-title">
# Podcasts
</h2>
</a>
<ul class="list">
{{podcast-list}}
</ul>
</section>
<section class="section" id="open-source">
<a href="#open-source">
<h2 class="list-title">
# Open Source
</h2>
</a>
<ul class="list">
{{open-source-projects}}
</ul>
</section>
<section class="section" id="publications">
<a href="#publications">
<h2 class="list-title">
# Publications
</h2>
</a>
<ul class="list">
{{publication-list}}
</ul>
</section>
<footer class="footer">
The Site was built using plain JavaScript as an <a href="https://github.com/vzaidman/vzaidman.com"><u>open source project</u></a> by Vitali.
</footer>
</div>
</body>
</html>