-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
159 lines (147 loc) · 6.49 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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simple Resume</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&family=Open+Sans:wght@400;600&family=Playfair+Display:wght@400;700&display=swap" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>
<style>
body {
font-family: 'Open Sans', sans-serif;
}
h1, h2, h3 {
font-family: 'Playfair Display', serif;
}
.header-info p {
line-height: 1.6;
font-family: 'Open Sans', sans-serif;
}
.section-title {
border-bottom: 2px solid #ddd;
padding-bottom: 4px;
font-family: 'Playfair Display', serif;
font-weight: 700;
}
.list-disc li {
line-height: 1.6;
}
.button {
background-color: #4C8BF5;
color: white;
font-size: 1rem;
padding: 12px 20px;
border-radius: 5px;
font-weight: 600;
text-transform: uppercase;
cursor: pointer;
transition: background-color 0.3s ease;
}
.button:hover {
background-color: #3a6ecf;
}
</style>
</head>
<body class="bg-gray-50 font-sans">
<div class="max-w-4xl mx-auto bg-white p-6 rounded-lg shadow-lg mt-8" id="resume-content">
<!-- Header Section -->
<header class="text-center mb-6">
<h1 class="text-3xl font-bold text-gray-800">Gusev Grigory</h1>
<p class="text-lg text-gray-600">Backend Developer</p>
<div class="header-info text-gray-500">
<p>Email: <a href="mailto:[email protected]" class="text-blue-500">[email protected]</a> | Phone: <a href="tel:+79176171196" class="text-blue-500">(917) 617-1196</a></p>
<p>LinkedIn: <a href="https://www.linkedin.com/in/gusev-grigory-3a5163254" class="text-blue-500">www.linkedin.com/in/gusev-grigory-3a5163254</a> | GitHub: <a href="https://github.com/gusevgrishaem1" class="text-blue-500">github.com/gusevgrishaem1</a></p>
</div>
</header>
<!-- About Me Section -->
<section class="mb-6">
<h2 class="text-2xl font-semibold text-gray-800 section-title">About Me</h2>
<p class="text-gray-600 mt-2">
My name is Grigory, and I am a software developer with a strong passion for creating solutions for both businesses and users.
My love for programming began during my university years, and since then,
I have been actively exploring various areas of development, including web development, game development, and other fields.
</p>
</section>
<!-- Education Section -->
<section class="mb-6">
<h2 class="text-2xl font-semibold text-gray-800 section-title">Education</h2>
<ul class="list-disc ml-6">
<li>
<span class="font-semibold">Bachelor's in Computer Science</span> - Samara University, Samara, 2022
</li>
</ul>
</section>
<!-- Work Experience Section -->
<section class="mb-6">
<h2 class="text-2xl font-semibold text-gray-800 section-title">Work Experience</h2>
<ul class="space-y-4">
<li>
<h3 class="font-semibold text-gray-700">GO Developer (GO, Clickhouse, Nats)</h3>
<p class="text-gray-600">Wildberries - Remote | 2024 - now </p>
<p class="text-gray-600">Contact info: www.wildberries.ru</p>
<ul class="list-disc ml-6 mt-2 text-gray-600">
<li>Added numerous unit tests and significantly reduced bugs after updating the production environment.</li>
<li>Optimized algs and reduced the execution time for business process.</li>
<li>Increased user purchase conversion by adding a search feature.</li>
</ul>
</li>
<li>
<h3 class="font-semibold text-gray-700">Java Developer (Java, Spring, PostgreSQL, Kafka)</h3>
<p class="text-gray-600">IT-Services - Samara | 2023 - 2024 </p>
<p class="text-gray-600">Contact info: serviceit.su</p>
<ul class="list-disc ml-6 mt-2 text-gray-600">
<li>Developed and implemented a module for generating user's reports using Java, JasperSoft and SQL.</li>
<li>Optimized SQL queries by using query plan.</li>
<li>Added numerous unit tests and significantly reduced bugs after updating the production environment.</li>
</ul>
</li>
<li>
<h3 class="font-semibold text-gray-700">Full Stack Developer (JavaScript, Python, Java, PostgreSQL)</h3>
<p class="text-gray-600">Open Code - Samara | 2022 - 2023 </p>
<p class="text-gray-600">Contact info: www.o-code.ru</p>
<ul class="list-disc ml-6 mt-2 text-gray-600">
<li>Developed and implemented a module for storing user files using Java (Spring Boot) for the backend and JavaScript (ExtJS) for the frontend.</li>
<li>Optimized the calculation process, which significantly reduced the execution time.</li>
<li>Developed Python scripts that is useful for managing daily routine tasks.</li>
</ul>
</li>
</ul>
</section>
<!-- Skills Section -->
<section class="mb-6">
<h2 class="text-2xl font-semibold text-gray-800 section-title">Skills</h2>
<ul class="grid grid-cols-2 gap-4 mt-2 text-gray-600">
<li>GO</li>
<li>Python</li>
<li>Java</li>
<li>JavaScript</li>
<li>HTML & CSS</li>
<li>SQL</li>
</ul>
</section>
<!-- Button to download PDF -->
</div>
<div class="text-center mt-4 mb-2">
<button onclick="downloadPDF()" class="button">Download as PDF</button>
</div>
<script>
function downloadPDF() {
const { jsPDF } = window.jspdf;
const doc = new jsPDF();
// Capture the HTML content with html2canvas
html2canvas(document.getElementById("resume-content"), {
useCORS: true, // Разрешает кросс-доменные запросы для изображений
logging: true, // Включаем логирование для дебага
onrendered: function(canvas) {
// After rendering the canvas, create the PDF
const imgData = canvas.toDataURL("image/png");
doc.addImage(imgData, 'PNG', 10, 10, 190, 220);
doc.save("resume.pdf");
},
})
}
</script>
</body>
</html>