-
Notifications
You must be signed in to change notification settings - Fork 0
/
urban.html
54 lines (50 loc) · 3.39 KB
/
urban.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
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link href="styles.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Aleksei Antipov, Junior Software Developer and Aviation Engineer</title>
<meta charset="UTF-8">
<link href="styles.css" rel="stylesheet">
</head>
<body>
<div class="progress-container fixed-header">
<div class="progress-bar" id="myBar"></div>
</div>
<div class="container mt-3">
<div class="alert alert-success" style="text-align: center;">
This page was inspired by my best friend's <a href="http://jenya.pl/" target="_blank">page</a>. He's fantastic Product Designer and wonderful person.
</div>
</div>
<div class="container">
<h5>Junior Software developer</h5>
<div style="font-size:16px;text-align:left;padding-left: 20%;" data-customstyle="yes">2022 - present</div>
<div style="text-align: center;">
<a href="https://transmetrika.com/?locale=en" target="_blank"><img src="https://transmetrika.com/assets/new_logo-83285b2c562accf3558bd6814b8a6a7eb0ea78409105dcce24f282625a9dd81f.png" id="responsive-image" style="width: 30%;"></a>
</div>
<p>As a Junior software developer I've supporting <a href="https://buslanes.transmetrika.com/">buslanes</a> and <a href="https://tramlanes.transmetrika.com/">tramlanes</a>.
<p>These two projects was developed to show people the routes and numbers of the bus and tram lines in the Russian cities.
So that community can improve public transport in Russian cities.
</p>
<p> As a developer I've added to tabs (for big and small cities) on the buslanes web page.
Also, I've performed some minor design improvements based on users feedback. You can see difference between tramlanes design and buslanes design below.<br>
<img src="tram.png" style="width: 50%;"><img src="bus.png" style="width: 50%;">
<p>In this role I learned how to read code, use Docker, Jinja, HTML/CSS, git.</p>
</div>
<hr>
<div style="text-align: center; padding-bottom: 10%; font-family: monospace;">
I'm on <a href="https://www.facebook.com/aleksey.a.antipov/" target="_blank">Facebook</a>, <a href="https://t.me/Alexkeny" target="_blank">Telegram</a> and <a href="https://www.linkedin.com/in/alexkeny/" target="_blank">LinkedIn</a>.
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"> </script>
<script>
window.onscroll = function() {myFunction()};
function myFunction() {
var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
var scrolled = (winScroll / height) * 100;
document.getElementById("myBar").style.width = scrolled + "%";
}
</script>
</body>
</html>