https://prozon.com/assets/js/homepage/front/promote.js

1(function promote($) {
2  $(function () {
3    initPage();
4  });
5
6  function initPage() {
7    adjustTextSize();
8
9    if ($(window).width() > 725) {
10      var textWidth = $(".text-light").outerWidth() + 10;
11      var logo = $("#promote .logo");
12
13      var speedFactor = 0.5;
14      var animationDuration = (textWidth / 200) * speedFactor;
15
16      logo.css({
17        display: "block",
18        left: -textWidth / 2 + "px",
19        top: "-2px",
20        transition: "left " + animationDuration + "s linear",
21      });
22
23      setTimeout(function () {
24        $("#promote .text-dark").css({
25          "transition-duration": animationDuration + "s",
26          "clip-path": "inset(0 0 0 0)",
27        });
28      }, 0.01);
29
30      setTimeout(function () {
31        logo.css("left", textWidth / 2 - 10 + "px");
32      }, 100);
33
34      setTimeout(function () {
35        logo.css("transition", "none");
36      }, animationDuration * 1000 + 100);
37    } else {
38      $("#promote .text-dark").css({
39        "clip-path": "none",
40        transform: "none",
41        "text-align": "center",
42        "font-size": "13px",
43        "white-space": "normal",
44        margin: "0"
45      });
46      $(".text-light").hide();
47      $("#promote .logo").hide();
48    }
49  }
50
51  /**
52   * Adjusts the font size of the text to fit the full width of the screen,
53   * with a maximum font size of 20px.
54   */
55  function adjustTextSize() {
56    var $textLight = $("#promote .text-light");
57    var $textDark = $("#promote .text-dark");
58    var containerWidth = $(window).width() - 50;
59    var fontSize = parseInt($textLight.css("font-size"));
60
61    while ($textLight.outerWidth() < containerWidth && fontSize < 20) {
62      fontSize += 1;
63      $textLight.css("font-size", fontSize + "px");
64      $textDark.css("font-size", fontSize + "px");
65    }
66
67    while ($textLight.outerWidth() > containerWidth && fontSize > 1) {
68      fontSize -= 1;
69      $textLight.css("font-size", fontSize + "px");
70      $textDark.css("font-size", fontSize + "px");
71    }
72  }
73})($);