-
Notifications
You must be signed in to change notification settings - Fork 1
/
resume.html
147 lines (140 loc) · 6.24 KB
/
resume.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
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.11.338/pdf.min.js"></script>
<!-- Link -->
<link href="assets/favicon/favicon.ico" rel="icon" type="image/x-icon"/>
<link href="css/style.css" rel="stylesheet"/>
<link href="css/utilities.css" rel="stylesheet"/>
<link crossorigin="anonymous"
href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"
integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm"
rel="stylesheet"/>
<!--Meta-->
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<!--Title-->
<title>Tigran Sargsyan - CV</title>
</head>
<body>
<header id="hero">
<!-- Navbar -->
<nav class="navbar">
<div class="container">
<!-- Logo -->
<h1 id="logo">
<a href="index.html"
><img alt="User Icon" id="user-icon" src="/assets/user_light.png"
/></a>
</h1>
<!-- Navbar links -->
<ul class="nav-menu">
<li><a class="nav-link" href="about-me.html">ABOUT ME</a></li>
<li><a class="nav-link" href="projects.html">PROJECTS</a></li>
<li><a class="nav-link" href="contacts.html">CONTACTS</a></li>
<li><a class="nav-link btn btn-primary" href="resume.html">RESUME <i
class="far fa-hand-point-right"></i></a>
</li>
<!-- Toggle switch -->
<div class="theme-switch">
<input id="switch" type="checkbox"/>
<label class="toggle-icons" for="switch">
<img class="moon" src="assets/moon.svg"/>
<img class="sun" src="assets/sun.svg"/>
</label>
</div>
</ul>
<!-- Hamburger menu -->
<div class="hamburger">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
</div>
</nav>
</header>
<!--CV-->
<section class="header-container">
<div class="content-text">
<h2>Curriculum Vitae (CV)</h2>
<p>Check out my comprehensive CV below or
download it for a detailed overview of my professional background and skills</p>
</div>
<!--PDF Viewer-->
<div class="division" style="width: 80%"></div>
<div id="pdfContainer">
<canvas class="pdf-page" id="page1"></canvas>
<canvas class="pdf-page" id="page2"></canvas>
</div>
<!--By Change CV, do not forget to change links-->
<!--Script for PDF read/show-->
<script>
var url = 'CV/CV-Tigran Sargsyan.pdf';
var pdfjsLib = window['pdfjs-dist/build/pdf'];
pdfjsLib.getDocument(url).promise.then(function (pdf) {
var totalPages = pdf.numPages;
for (let i = 1; i <= totalPages; i++) {
pdf.getPage(i).then(function (page) {
var scale = 1.5;
var viewport = page.getViewport({scale: scale});
var canvas = document.getElementById('page' + i);
var context = canvas.getContext('2d');
canvas.height = viewport.height;
canvas.width = viewport.width;
var renderContext = {
canvasContext: context,
viewport: viewport
};
page.render(renderContext);
});
}
});
</script>
<!--Downloader-->
<div class="division" style="width: 80%"></div>
<img id="download-icon" src="assets/download-light.png" style="width: 50px; height: 50px;"/>
<p class="download-container">Download formats</p>
<!--Links for download format-->
<div class="icon-container">
<a download href="CV/CV-Tigran Sargsyan.pdf">
<img alt="Download" src="assets/pdf.png" style="width: 50px; height: 50px;"/>
</a>
<a download href="CV/CV-Tigran Sargsyan.docx">
<img alt="Download" src="assets/word.png" style="width: 50px; height: 50px;"/>
</a>
</div>
</section>
<footer id="footer">
<div class="container">
<a href="mailto:[email protected]">[email protected]</a>
<!-- Social links -->
<div class="social">
<a href="https://www.linkedin.com/in/tigran-sargsyan-w/" target="_blank"><img alt="Linkedin"
src="assets/socials/linkedin-icon.svg"/></a>
<a href="https://github.com/tigran-sargsyan-w" target="_blank"><img alt="GitHub"
src="assets/socials/github-icon.svg"/></a>
<a href="https://www.instagram.com/tigran.sargsyan.w/" target="_blank"><img alt="Instagram"
src="assets/socials/instagram-icon.png"/></a>
<a href="https://www.facebook.com/tigran.sargsyan.w/" target="_blank"><img alt="Facebook"
src="assets/socials/facebook-icon.svg"/></a>
<a href="https://twitter.com/t_sargsyan_w" target="_blank"><img alt="Twitter"
src="assets/socials/twitter-icon.svg"/></a>
</div>
<!-- Attribution -->
<div class="attribution">
<a href="https://github.com/CommunityPro/portfolio-html"
rel="noopener noreferrer"
target="_blank">
<img
alt="attribution"
src="https://user-images.githubusercontent.com/62628408/157202263-9174da24-b19a-4017-9b7c-a1d26ae8f014.svg"
width="150px"/></a>
</div>
<p> © Tigran Sargsyan <span id="datee"></span></p>
<p>All content and trademarks property of their respective owners.</p>
</div>
</footer>
<!-- Scripts -->
<script src="js/script.js"></script>
</body>
</html>