Skip to content

Commit dbe6f91

Browse files
SylvainCorlaySylvainCorlay
authored
Merge pull request #120 from AnastasiaSliusar/add_new_member
Add information about Anastasiia Sliusar
2 parents db549cf + 2ea56e9 commit dbe6f91

File tree

4 files changed

+134
-0
lines changed

4 files changed

+134
-0
lines changed

‎anastasiia.html

Lines changed: 111 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,111 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8" />
6+
7+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
8+
<meta name="viewport" content="width=device-width, initial-scale=1" />
9+
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
10+
<!-- Bootstrap -->
11+
<link href="css/bootstrap.min.css" rel="stylesheet" />
12+
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
13+
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
14+
<!--[if lt IE 9]>
15+
<script src="js/html5shiv.min.js"></script>
16+
<script src="js/respond.min.js"></script>
17+
<![endif]-->
18+
19+
<link href="css/styles.css" rel="stylesheet" />
20+
<title>Anastasiia Sliusar - Software Engineer</title>
21+
</head>
22+
23+
<body>
24+
<div id="content-head"></div>
25+
<div class="container-fluid fond fond5 parallax">
26+
<div class="container">
27+
<div class="col-md-10 col-md-push-1 fleche-retour">
28+
<a href="the-team.html"><img class="fleche-gauche" src="img/fleche-gauche.svg" /><span>The
29+
team</span></a>
30+
</div>
31+
</div>
32+
</div>
33+
<div class="container">
34+
<div class="col-md-8 col-md-push-2">
35+
<div class="fiche">
36+
<div class="text-center">
37+
<img src="img/avatar/Anastasiia.jpg" srcset="img/avatar/Anastasiia@2x.jpg 2x" class="img-circle avatar" />
38+
<h3>
39+
<strong>Anastasiia Sliusar</strong><br />
40+
Software Engineer
41+
</h3>
42+
</div>
43+
<div class="description">
44+
<p align="justify">
45+
Anastasiia is a Software Engineer at Quantstack.
46+
She obtained a Master's Degree in System Software at Vinnitsia National Technical University (Ukraine) in 2013.
47+
Before joining Quanstack, Anastasiia worked as a web developer at two big IT companies in East Europe such as GlobaLogic and SoftServe.
48+
</p>
49+
<p align="justify">
50+
In her free time she likes to draw, explore street art and graffiti by taking photos and writing stories about it.
51+
</p>
52+
</div>
53+
</div>
54+
</div>
55+
</div>
56+
57+
<div class="spacer big"></div>
58+
59+
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
60+
<script src="js/jquery.min.js"></script>
61+
<!-- Include all compiled plugins (below), or include individual files as needed -->
62+
<script src="js/bootstrap.min.js"></script>
63+
64+
<div id="content-foot"></div>
65+
<script src="js/include-menus.js"></script>
66+
<script>
67+
function isInViewport(node) {
68+
var rect = node.getBoundingClientRect();
69+
return (
70+
(rect.height > 0 || rect.width > 0) &&
71+
rect.bottom >= 0 &&
72+
rect.right >= 0 &&
73+
rect.top <=
74+
(window.innerHeight || document.documentElement.clientHeight) &&
75+
rect.left <=
76+
(window.innerWidth || document.documentElement.clientWidth)
77+
);
78+
}
79+
80+
$(window).scroll(function () {
81+
var scrolled = $(window).scrollTop();
82+
$(".parallax").each(function (index, element) {
83+
var initY = $(this).offset().top + 200;
84+
var height = $(this).height();
85+
var endY = initY + $(this).height();
86+
// Check if the element is in the viewport.
87+
var visible = isInViewport(this);
88+
if (visible) {
89+
var diff = scrolled - initY;
90+
var ratio = Math.round((diff / height) * 100);
91+
var move = parseInt(-(ratio * 1.5));
92+
// if (move>90)move = 90;
93+
$(this).css("background-position", "center " + move + "px");
94+
}
95+
});
96+
97+
$(".icons").each(function (index, element) {
98+
var visible = isInViewport(this);
99+
if (visible) {
100+
$(".icon-content").each(function (index, element) {
101+
$(this)
102+
.delay(index * 500)
103+
.fadeIn();
104+
});
105+
}
106+
});
107+
});
108+
</script>
109+
</body>
110+
111+
</html>

‎img/avatar/Anastasiia.jpg

7.47 KB
Loading

‎img/avatar/Anastasiia@2x.jpg

24 KB
Loading

‎the-team.html

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -665,6 +665,29 @@ <h3><a href="javascript:;">Alexis Placet</a><br />
665665
</div>
666666
</div>
667667
</div>
668+
<div class="col-md-4">
669+
<div class="portrait-bis">
670+
<div data-href="anastasiia.html">
671+
<div class="haut-portrait">
672+
</div>
673+
<div class="text-center">
674+
<a href="javascript:;" class="img-circle avatar">
675+
<img src="img/avatar/Anastasiia.jpg" srcset="img/avatar/Anastasiia@2x.jpg 2x" class="img-circle avatar">
676+
</a>
677+
<h3><a href="javascript:;">Anastasiia Sliusar</a><br />
678+
Software Engineer
679+
</h3>
680+
<a href="javascript:;"><img class="fleche" src="img/fleche-droite.svg"></a>
681+
</div>
682+
</div>
683+
<div class="text-center">
684+
<div class="reseau">
685+
<a target="_blank" href="https://github.com/AnastasiaSliusar"><img class="twi-gith" src="img/github.svg"></a>
686+
</div>
687+
<p>@AnastasiaSliusar</p>
688+
</div>
689+
</div>
690+
</div>
668691
</div>
669692
</div>
670693

0 commit comments

Comments
 (0)