R2P2-Wellness/Community.html at main · ojsam77/R2P2-Wellness · GitHub

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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html lang="en">

<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <link rel="icon" type="image/svg+xml" href="/assets/R2P2.svg">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>R2P2</title>
  <link type="text/css" rel="stylesheet" href="index.css">
</head>

<body class="jquery-ripples">
  <nav role="navigation" class="nav-menu-wrapper-three w-clearfix w-nav-menu">
    <script src="https://calendar.google.com/calendar/scheduling-button-script.js" async></script>
    <script>
      (function () {
        var target = document.currentScript;
        window.addEventListener('load', function () {
          calendar.schedulingButton.load({
            url: 'https://calendar.google.com/calendar/appointments/AcZssZ1vFZDKGDoMNxED-8op6bS4BfpMUCUB3ci1ogM=?gv=true',
            color: '#2e3192',
            label: "Embark Now",
            target,
          });
        });
      })();
    </script>
  </nav>
  <div class="logo"><a href="index.html"><img src="/assets/R2P2Logo.webp" alt="R2P2Logo"></a></div>
  <nav class="navbar"> <a onclick="showSidebar()" href="#" class="toggle-button" aria-label="Mobile Menu">
      <span class="bar"></span> <span class="bar"></span> <span class="bar"></span>
    </a>
    <div class="navbar-links">
      <ul>
        <li><a href="About.html">About Us</a></li>
        <li><a href="Services.html">Services</a></li>
        <li><a href="Community.html">Community Beat</a></li>
        <li><a href="Schedule.html">Schedule</a></li>
        <li><a href="Learn.html">Learn</a></li>
        <li><a href="Shop.html">Shop</a></li>
      </ul>
    </div>
    <ul class="sidebar">
      <li onclick="hideSidebar()"><a href="#"><svg xmlns="http://www.w3.org/2000/svg" height="24"
            viewBox="0 -960 960 960" width="24" fill="#646cff">
            <path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z">
            </path>
          </svg></a><br>
      </li>
      <li><a href="About.html">About Us</a></li>
      <li><a href="Services.html">Services</a></li>
      <li><a href="Community.html">Community Beat</a></li>
      <li><a href="Schedule.html">Schedule</a></li>
      <li><a href="Learn.html">Learn</a></li>
      <li><a href="Shop.html">Shop</a></li>
    </ul>
  </nav>
  <div id="root"></div>
  <div class="cf-features-section-2">
    <div class="cf-features-section-2-wrapper">
      <h2 class="cf-features-section-2-heading">Community Beat</h2>
    </div>
  </div>
  <div style="text-align: center; margin: 0 auto; width: 100%; min-width: 200px;">
    <div style="position: relative; width: 100%; overflow: hidden; background: linear-gradient(357deg, rgb(76 160 33) 0%, rgba(242, 246, 234, 1) 84%, #F1F5E8 100%);"><iframe
        allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
        allowfullscreen="allowfullscreen" allowtransparency="false" width="100%" frameborder="0" name="vocalvideo_1823"
        scrolling="no" sandbox="allow-same-origin allow-scripts allow-popups allow-forms"
        src="https://vocalvideo.com/embed/v1/galleries/1823" title="Vocal Video"
        style="position: relative; width: 1%; min-width: 100%; height: 80vh; z-index: 1; display: block;"></iframe>
      <script src="https://vocalvideo.com/embed/v1/host.js" defer="defer" type="text/javascript"></script>
    </div>
  </div>
  <script type="module" src="/src/main.jsx"></script>
  <script src="/assets/js/jquery.min.js"></script>
  <script src="/assets/js/jquery.ripples.js"></script>
  <script>
    $(document).ready(function () {
      $('body, .pic, .hero-subscribe-right').ripples({
        resolution: 512,
        dropRadius: 20,
        perturbance: 0.04
      });

      setInterval(function () {
        var $el = $('body');
        var x = Math.random() * $el.outerWidth();
        var y = Math.random() * $el.outerHeight();
        var dropRadius = 20;
        var strength = 0.04 + Math.random() * 0.04;

        $el.ripples('drop', x, y, dropRadius, strength);
      }, 400);
    });
  </script>
  <script>
    function showSidebar() {
      const sidebar = document.querySelector('.sidebar')
      sidebar.style.display = 'flex'
    }

    function hideSidebar() {
      const sidebar = document.querySelector('.sidebar')
      sidebar.style.display = 'none'
    }
  </script>
</body>

</html>