-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
121 lines (112 loc) · 6.41 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
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#010314"/>
<meta name="Author" content="Artur Sharykin">
<meta name="Description" content="Mechanical Engineer @ UAlberta"
<meta name="keywords" content="artur sharykin, Artur Sharykin, Sharykin, Artur, sharykin.artur, artur.sharykin, Artur S.">
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="mobile-web-app-capable" content="yes">
<meta property="og:title" content="Artur Sharykin">
<meta property="og:description" content="Artur Sharykin | Mechanical Engineer | Home Server Enthusiast">
<meta property="og:image" content="https://2.gravatar.com/avatar/784eda19f32a98c24ace732b31eeef8a5716f56b3fb1531c794c2901bb53635e?size=256">
<!-- Google Tag Manager -->
<script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KXZMHLVS');
</script>
<!-- End Google Tag Manager -->
<script src="theme-toggle.js" defer></script>
<script src="sidemenu.js" defer></script>
<link rel="image_src" href="https://2.gravatar.com/avatar/784eda19f32a98c24ace732b31eeef8a5716f56b3fb1531c794c2901bb53635e?size=256">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="apple-touch-icon" sizes="180x180" href="images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="shortcut icon" href="images/favicon.ico"/>
<link rel="icon" sizes="16x16 32x32" href="images/favicon.ico">
<link rel="canonical" href="https://sharykin.me/">
<link rel="preconnect" href="https://www.googletagmanager.com">
<link rel="preconnect" href="https://www.google-analytics.com">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="apple-touch-startup-image" href="apple-touch-icon.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<title>Artur Sharykin</title>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KXZMHLVS"
height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="head">
<header class="head">
<div class="header-content">
<h1 class="header-title open-sans-general">
<a href="/" title="Go Home">Artur Sharykin</a>
</h1>
<div class="social-buttons">
<a href="https://github.com/artursharykin" target="_blank" title="My GitHub" class="github-button">
<i class="fab fa-github"></i>
</a>
<a href="mailto:[email protected]" class="email-button" title="Send Me an Email"><i class="fas fa-envelope"></i></a>
<a href="/resume.pdf" class = "resume-button" target="_blank" title="My Resume"><i class="fas fa-file-alt"></i></a>
</div>
<nav class="navigation">
<ul>
<li><a href="aboutme.html" class="nav-link">About me</a></li>
<li><a href="projects.html" class="nav-link">Projects</a></li>
<li><a href="workexp.html" class="nav-link">Work Experience</a></li>
</ul>
</nav>
<div class="darklightmode-toggle">
<button id="theme-toggle" class="theme-toggle">
<i class="fas fa-sun"></i>
</button>
<button id="menu-toggle" class="menu-toggle">
<i class="fas fa-bars"></i>
</button>
</div>
</div>
<div class="description-container">
<h2 class="description">General Dynamics | UAlberta</h2>
</div>
</header>
</div>
<aside id="side-menu" class="side-menu">
<div class="menu-header">
<button id="close-menu" class="close-menu">
<i class="fas fa-arrow-right"></i>
</button>
<h2 class="table-contents">
Navigation
</h2>
</div>
<nav>
<ul>
<li><a href="aboutme.html">About me</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="workexp.html">Work Experience</a></li>
</ul>
</nav>
<div class="social-buttons">
<a href="https://github.com/artursharykin" target="_blank" title="My GitHub"><i class="fab fa-github"></i></a>
<a href="mailto:[email protected]" title="Send Me an Email"><i class="fas fa-envelope"></i></a>
<a href="/resume.pdf" target="_blank" title="My Resume"><i class="fas fa-file-alt"></i></a>
</div>
</aside>
<div class="center-text">
<h2>Hello, I'm <a href="https://www.linkedin.com/in/artursharykin" target="_blank" title="LinkedIn Profile">Artur Sharykin<i class="fab fa-linkedin"></i></a>, a Mechanical Engineer at the University of Alberta with a passion for Aerospace, Software Development, and Network Infrastructure.</h2>
</div>
</body>
</html>