-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
226 lines (210 loc) · 14.4 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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
<!-- mikezolo / portfolio / index.html -->
<!DOCTYPE html>
<html>
<!--HEAD (customized)-->
<head>
<title>Portfolio - Michael Zolotarenko</title>
<link rel="stylesheet" href="styles.css" type="text/css">
<meta name="viewport" content="width=device-width, initial-scale=0.75, maximum-scale=2.0, user-scalable=yes,minimum-scale=0.65"/>
</head>
<!--TOP NAV BAR (inheritable)-->
<nav>
<a href="https://mikezolo.github.io"><button>Home</button></a>
<a href="https://mikezolo.github.io/portfolio"><button>Portfolio</button></a>
<a href="https://www.linkedin.com/in/mikezolo/details/certifications/" target="_blank"><button>Certificates</button></a>
<a href="https://github.com/mikezolo/mikezolo.github.io#michael-zolotarenkos-github-page" target="_blank"><button>About (⚒︎)</button></a>
<a href="https://twitter.com/mikezolo_pro" target="_blank"><button>Blog (⚒︎)</button></a>
<a href="https://www.freedombirds.help" target="_blank"><button>Help UA 🇺🇦</button></a>
</nav>
<body>
<!--UNIVERSAL HEADER (inheritable) + PAGE TITLE (customized)-->
<div class="uni-head">
<div>
<img class="small-userpic" src="https://avatars.githubusercontent.com/u/155497122?v=4">
</div>
<div>
<h4>Michael Zolotarenko</h4>
<h5>Python Developer</h5>
</div>
</div>
<hr>
<h2>Portfolio Projects</h2>
<br>
<main>
<section>
<!--PROJECTS CONTAINER (local)-->
<div class="container">
<!--PROJECT PREVIEW BLOCK (local)-->
<!--Object -->
<div class="project">
<h4>Complex ABC Problem</h4>
<button><a href="resources/portfolio-files/pdf-files/The%20Complex%20ABC%20Problem.pdf" target="_blank"><img src="resources/portfolio-files/images/abc-complex1.png" alt="Download project PDF"></a></button>
<div>
<ul><strong>
<li>Python</li>
<li>Code Challenges</li>
<li>Problem Development</li>
<li>String Operations</li>
<li>Data Analysis</li>
<li>Modules and Functions</li><hr>
<a href="resources/portfolio-files/pdf-files/The%20Complex%20ABC%20Problem.pdf" target="_blank" alt="Download project PDF">Download project PDF</a><br>
<a href="resources/portfolio-files/python-compressed/abc-problem-complex.tar.gz" target="_blank" alt="Download Project archive">Download .tar.gz</a>
</strong></ul>
</div>
<p><a href="https://rosettacode.org/wiki/Rosetta_Code">Rosetta Code</a>'s ABC Problem is a challenge to check if a word can be spelled using provided letter blocks.
However, due to the provided blocks features, the basic task ignores combinatorial aspects. Solution provided here addresses the issue, handling randomized block sets efficiently.</p>
</div>
<!--Object -->
<div class="project">
<h4>My GitHub Pages</h4>
<button><a href="https://github.com/mikezolo/mikezolo.github.io"><img src="resources/portfolio-files/images/mikezolo-home.png" alt="My Home Page"></a></button>
<div>
<ul><strong>
<li>HTML</li>
<li>CSS</li>
<li>GitHub</li>
<li>Agile</li>
<li>CI/CD</li>
<li>Jira tools</li><hr>
<a href="https://github.com/mikezolo/mikezolo.github.io" target="_blank" alt="To my Home page">My Home Page</a><br>
<a href="https://github.com/mikezolo/portfolio/blob/main/README.md#portfolio" target="_blank" alt="Portfolio README">View README</a>
</strong></ul>
</div>
<p>My Portfolio on GitHub Pages is both a showcase and a project,
highlighting my web development skills. Using HTML/CSS/JS,
it presents my expertise. It also demonstrates proficiency
in version control and deployment, employing essential tools for seamless management.</p>
</div>
<!--Object -->
<div class="project">
<h4>Python Robot Race</h4>
<button><a href="resources/portfolio-files/pdf-files/Python-spec-col.pdf" target="_blank" alt="Python Robot Race PDF"><img src="resources/portfolio-files/images/robot-race-preview.GIF" alt="Robot Race Project"></a></button>
<div>
<ul><strong>
<li>Python</li>
<li>Data Types</li>
<li>Specialized Collections</li>
<li>Code Challenges</li><hr>
<a href="resources/portfolio-files/pdf-files/Python-spec-col.pdf" target="_blank" alt="Python Robot Race PDF">View Project PDF</a><br>
<a href="resources/portfolio-files/python-compressed/robot-race.tar.gz" target="_blank" alt="Download Project archive">Download .tar.gz</a>
</strong></ul>
</div>
<p>The Robot Race Python project is an integral component of Codecademy's
Intermediate Python 3 <a href="">course</a>, emphasizing advanced container
data types. These data structures extend beyond basic lists and dictionaries,
empowering learners to proficiently handle intricate data structures and operations.</p>
</div>
<!--Object -->
<div class="project">
<h4>Prime Number Finder</h4>
<button><a href="resources/portfolio-files/pdf-files/Python-Lists-Prime-Finder.pdf" target="_blank" alt="Prime Number Finder PDF"><img src="resources/portfolio-files/images/prime_finder.png" alt="Prime Number Finder"></a></button>
<div>
<ul><strong>
<li>Python</li>
<li>PyTest</li>
<li>Data Types</li>
<li>Oprerations on Lists</li>
<li>Code Challenges</li><hr>
<a href="resources/portfolio-files/pdf-files/Python-spec-col.pdf" target="_blank" alt="Python Robot Race PDF">View Project PDF</a><br>
<a href="resources/portfolio-files/python-compressed/prime_finder.tar.gz" target="_blank" alt="Download Project archive">Download .tar.gz</a>
</strong></ul>
</div>
<p>The Prime Number Finder is a Codecademy Code Challenge focusing on Python list operations.
It involves creating a function to detect prime numbers within a defined range. My solution adds user
input and visual output features, plus a separate testing module for an enriched experience exploring
primes.</p>
</div>
<!--Object -->
<div class="project">
<h4>ABC Problem Challenge</h4>
<button><a href="https://rosettacode.org/wiki/ABC_problem" target="_blank"><img src="resources/portfolio-files/images/rosetta-code.png" alt="Rosetta Code"></a></button>
<div>
<ul><strong>
<li>Python</li>
<li>Data Analysis</li>
<li>Code Challenges</li><hr>
<a href="https://rosettacode.org/wiki/ABC_problem" target="_blank" alt="ABC Problem">View ABC Problem page</a><br>
<a href="resources/portfolio-files/python-compressed/abc-problem.tar.gz" target="_blank" alt="Download Project archive">Download .tar.gz</a>
</strong></ul>
</div>
<p><a href="https://rosettacode.org/wiki/Rosetta_Code">Rosetta Code</a>'s string analysis challenge: create a function
to determine if a word can be spelled using provided blocks. Given letters A, B, and C representing distinct digits,
find all valid mappings for the equation A + B = C. Solutions showcase logical thinking and problem-solving skills.</p>
</div>
<!--Object -->
<div class="project">
<h4>Excursion app</h4>
<button><a href="https://mikezolo.github.io/excursion" target="_blank"><img src="resources/portfolio-files/images/excursion-preview1.png" alt="Excursion Project"></a></button>
<div>
<ul><strong>
<li>Git</li>
<li>CSS</li>
<li>HTML</li>
<li>Waterfall</li>
<li>Scrum</li><hr>
<a href="https://mikezolo.github.io/excursion" target="_blank" alt="Excursion Project">Open the app</a><br>
<a href="https://github.com/mikezolo/excursion" target="_blank" alt="Excursion Project at GitHub">View repository</a>
</strong></ul>
</div>
<p>Excursion is a simple web project aimed at practicing basic
Git skills while showcasing proficiency in HTML and CSS.
The objective of the project was to produce a working copy
of a web application based solely on a screenshot and a redline mock provided by Codecademy.</p>
</div>
<!--Object -->
<div class="project">
<h4>PhySec app</h4>
<button><a href="" target="_blank"><img src="resources/images/under-constr-3x4-small.png" alt="PhySec Project"></a></button>
<div>
<ul><strong>
<li>Django</li>
<li>SQLite</li>
<li>Agile</li>
<li>Kanban</li><hr>
<a href="https://mikezolo.github.io/physec" target="_blank" alt="PhySec Project">Coming soon (⚒︎)</i></a><br>
<a href="https://github.com/mikezolo/physec" target="_blank" alt="PhySec Project at GitHub">View repository</a>
</strong></ul>
</div>
<p>PhySec is an online tool that offers customized physical security
recommendations for various types of real estate (e.g. houses,
offices, industrial facilities, and more). Users can receive
relevant security suggestions based on their selected object type.</p>
</div>
</div> <!-- Closing tag for .container -->
</section>
<!--LOREM IPSUM BLOCK (customized)-->
<article>
<p><strong>Thank you for taking the time to visit my portfolio!</strong>
As I actively pursue new career opportunities, the main focus here is
to spotlight my skills as a fresh talent in web development. If you're
a headhunter or employer, I'm eager to explore collaboration opportunities.
Additionally, if you're interested in collaborating on web development,
Python, or security projects, please don't hesitate to reach out
via <a href="mailto:[email protected]" target="_blank">email</a>
or <a href="https://www.linkedin.com/in/mikezolo/" target="_blank">LinkedIn</a>.
I look forward to connecting with you!</p>
<br>
</article>
<!--INFO BLOCK (customized)-->
<aside>
<p class="infoblock">⚒︎ Work in progress. Some features and links may be unavailable for the moment.</p>
</aside>
<br>
</main>
<!--FOOTER (inheritable)-->
<br>
<br>
<br>
<footer>
<p>
<a class="license" href="https://github.com/mikezolo/mikezolo.github.io/blob/main/LICENSE">MIT License</a>
| © 2024 Michael Zolotarenko
<a class="contact" href="https://www.linkedin.com/in/mikezolo/" target="_blank">LinkedIn</a>
<a class="contact" href="https://github.com/mikezolo/" target="_blank">GitHub</a>
<a class="contact" href="https://twitter.com/mikezolo_pro" target="_blank">Twitter</a>
<a class="contact" href="mailto:[email protected]" target="_blank">Email</a>
</p>
</footer>
<br>
</body>
</html>