QuantStack · JohanMabille · Mar 7, 2024 · Mar 4, 2024
diff --git a/hongguang.html b/hongguang.html
@@ -0,0 +1,120 @@
+<!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>Hongguang Zhu - Scientific Software Developer</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/Hongguang_Zhu.jpg"
+              srcset="img/avatar/Hongguang_Zhu@2x.jpg 2x"
+              class="img-circle avatar"
+            />
+            <h3>
+              <strong>Hongguang Zhu</strong><br />
+              Scientific Software Developer
+            </h3>
+          </div>
+          <div class="description">
+            <p align="justify">
+              Hongguang is a Scientific Software Engineer at Quantstack.
+              He obtained a Master degree in image processing from University of Rennes 1 in 2010
+              then he went to Canada(QC) to work on research project about autonomous vehicle.
+              During that time, he became interested in scientific computing then worked 
+              on a few research projects in France related to open-source scientific computing such as
+              the parallelization of <a href="https://github.com/linbox-team/linbox">linbox</a> (a linear algebra toolbox
+              for cryptography) and the improvement of scatnet(a machine learning package for seismology).
+            </p>
+            <p align="justify">
+              Hongguang discovered the critical role of open-source work in science and is keen to contribute back to a
+              community that gives so much.
+            </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/Hongguang_Zhu.jpg b/img/avatar/Hongguang_Zhu.jpg