Merge pull request #120 from AnastasiaSliusar/add_new_member

Add information about Anastasiia Sliusar
QuantStack · Apr 8, 2024 · dbe6f91 · dbe6f91
2 parents db549cf + 2ea56e9
commit dbe6f91
Show file tree

Hide file tree

Showing 4 changed files with 134 additions and 0 deletions.
diff --git a/anastasiia.html b/anastasiia.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8" />
+
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
+    <!-- Bootstrap -->
+    <link href="css/bootstrap.min.css" rel="stylesheet" />
+    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+    <!--[if lt IE 9]>
+      <script src="js/html5shiv.min.js"></script>
+      <script src="js/respond.min.js"></script>
+    <![endif]-->
+
+    <link href="css/styles.css" rel="stylesheet" />
+    <title>Anastasiia Sliusar - Software Engineer</title>
+</head>
+
+<body>
+    <div id="content-head"></div>
+    <div class="container-fluid fond fond5 parallax">
+        <div class="container">
+            <div class="col-md-10 col-md-push-1 fleche-retour">
+                <a href="the-team.html"><img class="fleche-gauche" src="img/fleche-gauche.svg" /><span>The
+                        team</span></a>
+            </div>
+        </div>
+    </div>
+    <div class="container">
+        <div class="col-md-8 col-md-push-2">
+            <div class="fiche">
+                <div class="text-center">
+                    <img src="img/avatar/Anastasiia.jpg" srcset="img/avatar/[email protected] 2x" class="img-circle avatar" />
+                    <h3>
+                        <strong>Anastasiia Sliusar</strong><br />
+                        Software Engineer
+                    </h3>
+                </div>
+                <div class="description">
+                    <p align="justify">
+                        Anastasiia is a Software Engineer at Quantstack.
+                        She obtained a Master's Degree in System Software at Vinnitsia National Technical University (Ukraine) in 2013.
+                        Before joining Quanstack, Anastasiia worked as a web developer at two big IT companies in East Europe such as GlobaLogic and SoftServe.
+                    </p>
+                    <p align="justify">
+                        In her free time she likes to draw, explore street art and graffiti by taking photos and writing stories about it.
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="spacer big"></div>
+
+    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
+    <script src="js/jquery.min.js"></script>
+    <!-- Include all compiled plugins (below), or include individual files as needed -->
+    <script src="js/bootstrap.min.js"></script>
+
+    <div id="content-foot"></div>
+    <script src="js/include-menus.js"></script>
+    <script>
+        function isInViewport(node) {
+            var rect = node.getBoundingClientRect();
+            return (
+                (rect.height > 0 || rect.width > 0) &&
+                rect.bottom >= 0 &&
+                rect.right >= 0 &&
+                rect.top <=
+                (window.innerHeight || document.documentElement.clientHeight) &&
+                rect.left <=
+                (window.innerWidth || document.documentElement.clientWidth)
+            );
+        }
+
+        $(window).scroll(function () {
+            var scrolled = $(window).scrollTop();
+            $(".parallax").each(function (index, element) {
+                var initY = $(this).offset().top + 200;
+                var height = $(this).height();
+                var endY = initY + $(this).height();
+                // Check if the element is in the viewport.
+                var visible = isInViewport(this);
+                if (visible) {
+                    var diff = scrolled - initY;
+                    var ratio = Math.round((diff / height) * 100);
+                    var move = parseInt(-(ratio * 1.5));
+                    //  if (move>90)move = 90;
+                    $(this).css("background-position", "center " + move + "px");
+                }
+            });
+
+            $(".icons").each(function (index, element) {
+                var visible = isInViewport(this);
+                if (visible) {
+                    $(".icon-content").each(function (index, element) {
+                        $(this)
+                            .delay(index * 500)
+                            .fadeIn();
+                    });
+                }
+            });
+        });
+    </script>
+</body>
+
+</html>
diff --git a/img/avatar/Anastasiia.jpg b/img/avatar/Anastasiia.jpg
diff --git a/img/avatar/[email protected] b/img/avatar/[email protected]
diff --git a/the-team.html b/the-team.html
@@ -665,6 +665,29 @@ <h3><a href="javascript:;">Alexis Placet</a><br />
                     </div>
                 </div>
             </div>
+            <div class="col-md-4">
+                <div class="portrait-bis">
+                    <div data-href="anastasiia.html">
+                        <div class="haut-portrait">
+                        </div>
+                        <div class="text-center">
+                            <a href="javascript:;" class="img-circle avatar">
+                                <img src="img/avatar/Anastasiia.jpg" srcset="img/avatar/[email protected] 2x" class="img-circle avatar">
+                            </a>
+                            <h3><a href="javascript:;">Anastasiia Sliusar</a><br />
+                                Software Engineer
+                            </h3>
+                            <a href="javascript:;"><img class="fleche" src="img/fleche-droite.svg"></a>
+                        </div>
+                    </div>
+                    <div class="text-center">
+                        <div class="reseau">
+                            <a target="_blank" href="https://github.com/AnastasiaSliusar"><img class="twi-gith" src="img/github.svg"></a>
+                        </div>
+                        <p>@AnastasiaSliusar</p>
+                    </div>
+                </div>
+            </div>
        </div>
     </div>