-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
141 lines (129 loc) · 7.65 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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" >
<link rel="icon" type="image/png" href="./public/images/favicon.png?v=1">
<link rel="stylesheet" href="./public/stylesheets/style.css">
<meta name="author" content="Vladimir Herdman">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta
name="keywords"
content="Coding, Web Development, Student, College, Computer Science,
Learner, Code"
>
<meta name="mobile-web-app-capable" content="yes">
<title>Vladimir Herdman</title>
<meta name="title" content="Vladimir Herdman">
<meta
name="description"
content="Vladimir Herdman is a Computer Science student currently
attending Ohio Northern University."
>
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://vladimir-herdman.github.io/">
<meta property="og:title" content="Vladimir Herdman">
<meta
property="og:description"
content="Vladimir Herdman is a Computer Science student currently
attending Ohio Northern University."
>
<meta
property="og:image"
content="https://vladimir-herdman.github.io/public/images/favicon.png?v=1"
>
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://vladimir-herdman.github.io/">
<meta property="twitter:title" content="Vladimir Herdman">
<meta
property="twitter:description"
content="Vladimir Herdman is a Computer Science student currently
attending Ohio Northern University."
>
<meta
property="twitter:image"
content="https://vladimir-herdman.github.io/public/images/favicon.png?v=1"
>
<meta name="theme-color" content="rgb(17, 17, 17)">
<meta name="msapplication-navbutton-color" content="rgb(17, 17, 17)">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta
name="apple-mobile-web-app-status-bar-style"
content="black-translucent"
>
<script src="./index.js" defer></script>
</head>
<body>
<header>
<span>
<a href="./" id="header-name" class="header-link"><b><span class="header-underline">Vladimir Herdman</span></b><span class="code-arrows"></span></a>
</span>
<nav class="navbar" id="navbar">
<a href="./about.html" class="header-link"><span class="header-underline">About</span><span class="code-arrows"></span></a>
<a href="./experience.html" class="header-link"><span class="header-underline">Experience</span><span class="code-arrows"></span></a>
<a href="./projects.html" class="header-link"><span class="header-underline">Projects</span><span class="code-arrows"></span></a>
<a href="./contact.html" class="header-link"><span class="header-underline">Contact</span><span class="code-arrows"></span></a>
</nav>
</header>
<section class="overview" id="overview">
<div class="card" id="card">
<img src="./public/images/BusinessSelf.webp" alt="Professional photo of self">
</div>
<div class="description">
<span class="social-tags">
<a title="copy email" href="javascript:void(0)" onclick="copy(this)"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M64 112c-8.8.0-16 7.2-16 16v22.1L220.5 291.7c20.7 17 50.4 17 71.1.0L464 150.1V128c0-8.8-7.2-16-16-16H64zM48 212.2V384c0 8.8 7.2 16 16 16h384c8.8.0 16-7.2 16-16V212.2L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64h384c35.3.0 64 28.7 64 64v256c0 35.3-28.7 64-64 64H64c-35.3.0-64-28.7-64-64V128z"></path></svg></a>
<a href="https://github.com/Vladimir-Herdman" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6.0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6.0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3.0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1.0-6.2-.3-40.4-.3-61.4.0.0-70 15-84.7-29.8.0.0-11.4-29.1-27.8-36.6.0.0-22.9-15.7 1.6-15.4.0.0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5.0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9.0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4.0 33.7-.3 75.4-.3 83.6.0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6.0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9.0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a>
<a href="https://www.linkedin.com/in/vladimir-herdman/" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20.5 2h-17A1.5 1.5 0 002 3.5v17A1.5 1.5 0 003.5 22h17a1.5 1.5 0 001.5-1.5v-17A1.5 1.5 0 0020.5 2zM8 19H5v-9h3zM6.5 8.25A1.75 1.75 0 118.3 6.5a1.78 1.78 0 01-1.8 1.75zM19 19h-3v-4.74c0-1.42-.6-1.93-1.38-1.93A1.74 1.74 0 0013 14.19a.66.66 0 000 .14V19h-3v-9h2.9v1.3a3.11 3.11 0 012.7-1.4c1.55 0 3.36.86 3.36 3.66z"></path></svg></a>
</span>
<div>
<p>Vladimir Herdman</p>
</div>
<p id="desc-loc">
<svg viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg"><path d="M6 3.5C6 2.67157 6.67157 2 7.5 2S9 2.67157 9 3.5 8.32843 5 7.5 5C6.67157 5 6 4.32843 6 3.5zM8 5.94999C9.14112 5.71836 10 4.70948 10 3.5 10 2.11929 8.88071 1 7.5 1 6.11929 1 5 2.11929 5 3.5c0 1.20948.85888 2.21836 2 2.44999V13.5c0 .2761.22386.5.5.5s.5-.2239.5-.5V5.94999z" fill="currentcolor" fill-rule="evenodd" clip-rule="evenodd"></path></svg>
Ohio, United States
</p>
<p id="desc-desc">
I am a 20-year-old Computer Science major attending Ohio
Northern University. I have been programming for over 3
years. I enjoy creating and being a part of a project.
</p>
</div>
</section>
<section class="experience">
</section>
<section class="projects">
</section>
<footer id="footer"></footer>
<script defer>
"use strict"
const navbar = document.getElementById("navbar");
const currentURL = window.location.href;
const header_links = [document.getElementById("header-name"), ...navbar.children];
window.onload = () => {
setTimeout(() => {
navbar.classList.add("loaded");
document.getElementById("overview").classList.add("loaded");
}, 500);
setTimeout(() => {
for (const link of header_links) {
const link_split = link.href.split("/");
if (currentURL.split("/")[currentURL.split("/").length - 1] === "" || link_split[link_split.length - 1] === currentURL.split("/")[currentURL.split("/").length - 1]) {
link.classList.add("current-link-loaded");
break;
}
if (link.href === currentURL) {
link.classList.add("current-link-loaded");
break;
}
}
}, 2850);
};
const footer = document.getElementById("footer");
const current_year = new Date().getFullYear();
console.log(current_year);
footer.innerHTML = `<p>© ${current_year} Vladimir Herdman | Check out some projects on my <a class="link-with-underline" href="https://github.com/Vladimir-Herdman" target="_blank">GitHub</a></p>`;
footer.innerHTML += '<p>Website HTML, CSS, and JS statically hosted through GitHub Pages at <a class="link-with-underline" href="https://github.com/Vladimir-Herdman/Vladimir-Herdman.github.io">this repository</a></p>';
</script>
</body>
<html>