-
Notifications
You must be signed in to change notification settings - Fork 0
/
mtrl.html
110 lines (100 loc) · 5.64 KB
/
mtrl.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Ярослав Нестеров - Android Разработчик</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="./mtrl/css/main.css">
<link rel="stylesheet" type="text/css" href="./mtrl/css/desktop.css">
<link rel="stylesheet" type="text/css" href="./mtrl/css/mobile.css">
</head>
<body onscroll="onBodyScroll()">
<script type="text/javascript" src="./mtrl/js/anim.js"></script>
<noscript><div><img src=https://mc.yandex.ru/watch/42408679 style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<div id=meter></div>
<div id=splash></div>
<div class=parallax id=desktop>
<div class=parallax__group>
<div class="parallax__layer parallax__layer--back showable" id=back><div id=bug> не баг, а фича </div></div>
<div class="parallax__layer parallax__layer--front showable" id=front></div>
<div class="parallax__layer parallax__layer--base" id=base>
<div id=box class=showable>
<div id=head_title class=inline>
<font class=unhoverable id=name>Ярослав Нестеров</font>
<br><br>
<font class=unhoverable id=dignity onmouseover="showAgent()" onmouseout="hideAgent()">Android Разработчик</font>
</div>
<img id=ava class=inline src=./mtrl/ava.jpg />
<!-- --><br>
<img class=icon_big width="128px" src=./mtrl/svg/android_colored.svg />
<img class=icon_big width="128px" src=./mtrl/svg/kotlin_colored.svg />
<img class=icon_big width="128px" src=./mtrl/svg/js_colored.svg />
<img class=icon_big width="128px" src=./mtrl/svg/python_colored.svg />
<img class=icon_big width="128px" src=./mtrl/svg/bash_colored.svg />
<br>
<img class=icon_big width="128px" src=./mtrl/svg/cpp_colored.svg />
<img class=icon_big width="128px" src=./mtrl/svg/linux_colored.svg />
<img class=icon_big width="128px" src=./mtrl/svg/git_colored.svg />
<img class=icon_big width="128px" src=./mtrl/svg/html_colored.svg />
<img class=icon_big width="128px" src=./mtrl/svg/css_colored.svg />
<!-- --><br>
<a target=_blank href=https://ru.linkedin.com/in/raslav>
<img class=icon_link id=lin src=./mtrl/svg/desktop/linkedin-box.svg /></a>
<a target=_blank href=https://rostov.hh.ru/resume/5a21394aff02f385b80039ed1f3447686a5067>
<img class=icon_link id=hh src=./mtrl/svg/desktop/hh.svg /></a>
<a target=_blank href=https://github.com/Atomofiron>
<img class=icon_link id=git src=./mtrl/svg/desktop/github-circle.svg /></a>
<a target=_blank href=https://play.google.com/store/apps/developer?id=Ярослав+Нестеров>
<img class=icon_link id=play src=./mtrl/svg/desktop/google-play.svg /></a>
<a target=_blank href=https://twitter.com/atomofiron>
<img class=icon_link id=twitter src=./mtrl/svg/desktop/twitter.svg /></a>
<a target="_blank" href=https://t.me/atomofiron>
<img class=icon_link id=telegram src=./mtrl/svg/desktop/telegram.svg onmouseover="showNickname(0)" onmouseout="hideNickname()" /></a>
<a style="display: none;" target=_blank href=https://vk.com/ra.slav>
<img class=icon_link id=vk src=./mtrl/svg/desktop/vk-circle.svg onmouseover="showNickname(1)" onmouseout="hideNickname()" /></a>
<img class=icon_link id=discord src=./mtrl/svg/desktop/discord.svg onmouseover="showNickname(2)" onmouseout="hideNickname()" onclick="copyNick(2)" style="" />
<img class=icon_link id=email src=./mtrl/svg/desktop/email.svg onmouseover="showNickname(3)" onmouseout="hideNickname()" onclick="copyNick(3)" />
<div id=slider><div id=nick><center>atomofiron</center></div></div>
</div>
</div>
</div>
</div>
<table id=mobile class=showable border=0>
<tr>
<td>
<img id=ava src=./mtrl/ava.jpg /><br>
<font class=unhoverable id=name>Ярослав Нестеров</font><br>
<font class=unhoverable id=dignity>Android Разработчик</font><br>
</td>
<td id=land rowspan="2"></td>
</tr>
<tr>
<td id=port>
<div id=links>
<a style="display: none;" target=_blank href=https://vk.com/ra.slav>
<img class=icon_link id=vk src=./mtrl/svg/mobile/vk-circle.svg /></a>
<a target="_blank" href=https://t.me/atomofiron>
<img class=icon_link id=telegram src=./mtrl/svg/mobile/telegram.svg /></a>
<a target=_blank href=https://github.com/Atomofiron>
<img class=icon_link id=git src=./mtrl/svg/mobile/github-circle.svg /></a><br>
<a target=_blank href=https://ru.linkedin.com/in/raslav>
<img class=icon_link id=lin src=./mtrl/svg/mobile/linkedin-box.svg /></a>
<a target=_blank href=https://play.google.com/store/apps/developer?id=Ярослав+Нестеров>
<img class=icon_link id=play src=./mtrl/svg/mobile/google-play.svg /></a>
<a target=_blank href=https://twitter.com/atomofiron>
<img class=icon_link id=twitter src=./mtrl/svg/mobile/twitter.svg /></a><br>
<a href=mailto:[email protected]>
<img class=icon_link id=email src=./mtrl/svg/mobile/email.svg /></a>
<a target=_blank href=https://rostov.hh.ru/resume/5a21394aff02f385b80039ed1f3447686a5067>
<img class=icon_link id=hh src=./mtrl/svg/mobile/hh.svg /></a>
<a target=_blank href=https://discordapp.com/channels/@me/565906135249453056>
<img class=icon_link id=discord src=./mtrl/svg/mobile/discord.svg /></a>
</div>
</td>
</tr>
</table>
<center><font id=cr class=unhoverable size="3" style="display: none;">© Нестеров Я. В., оформление сайта, 2019</font></center>
<script type="text/javascript" src="./mtrl/js/main.js"></script>
</body>
</html>