{"id":2,"date":"2021-06-29T22:42:34","date_gmt":"2021-06-29T22:42:34","guid":{"rendered":"https:\/\/www.wpbase.test\/?page_id=2"},"modified":"2026-10-28T09:58:42","modified_gmt":"2026-10-28T13:58:42","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/www.pcyc.qc.ca\/en\/","title":{"rendered":"Pointe-Claire Yacht Club"},"content":{"rendered":"\n<div class=\"news-ticker\">\n  <div class=\"ticker-track\">\n    <div class=\"ticker-text\">\n      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|&nbsp; \u2728 PCYC is raising the bar for racing in 2027, with more major regattas on its calendar\n    <\/div>\n    <!-- Additional copies of the ticker-text for seamless scrolling -->\n    <div class=\"ticker-text\"> &nbsp;|&nbsp; \u2728 PCYC is raising the bar for racing in 2027, with more major regattas on its calendar<\/div>\n    <div class=\"ticker-text\"> &nbsp;|&nbsp; \u2728 PCYC is raising the bar for racing in 2027, with more major regattas on its calendar<\/div>\n  <\/div>\n<\/div>\n\n<style>\n.news-ticker {\n  overflow: hidden;\n  background-color: #000000;\n  padding: 12px 0;\n  position: relative;\n}\n\n.ticker-track {\n  display: flex;\n  width: max-content;\n  animation: scroll linear infinite;\n}\n\n.ticker-text {\n  white-space: nowrap;\n  font-size: 20px;\n  color: #ffffff;\n  font-family: Century Gothic;\n  padding-right: 25px; \/* space between repeats *\/\n}\n\n@keyframes scroll {\n  0% { transform: translateX(0); }\n  100% { transform: translateX(-100%); }\n}\n<\/style>\n\n<script>\n  \/\/ Duplicate the ticker text\n  const tickerTrack = document.querySelector('.ticker-track');\n  const tickerText = document.querySelector('.ticker-text');\n  \n  \/\/ Dynamically calculate the width and animation duration\n  window.onload = function() {\n    const textWidth = tickerText.scrollWidth;  \/\/ Width of one ticker text\n    const spaceWidth = 25;  \/\/ Space between the texts\n    const totalWidth = (textWidth + spaceWidth) * 3;  \/\/ Total width of three ticker texts + space\n\n    \/\/ Adjust the speed and duration\n    const speed = 100;  \/\/ Pixels per second (adjust to desired speed)\n    const duration = totalWidth \/ speed;  \/\/ Calculate duration based on total width\n\n    tickerTrack.style.animationDuration = `${duration}s`;  \/\/ Apply the calculated duration\n  };\n<\/script>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n\n\n\n<hr style=\"width:2.35in; margin:20px auto; border:none; border-top:4px solid red;\">\n\n\n\n<h1 class=\"wp-block-heading has-text-align-center\">MAJOR REGATTAS <br>FOR 2027<\/h1>\n\n\n\n<p class=\"has-text-align-center\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-red-color\">TRY Youth Regatta<br>Shark Coupe du Quebec<br>J\/24 Coupe du Quebec<br>Sail Canada Youth Championship<\/mark><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Welcome to the Pointe-Claire Yacht Club website<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.pcyc.qc.ca\/en\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pcyc.qc.ca\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pcyc.qc.ca\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pcyc.qc.ca\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pcyc.qc.ca\/en\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":0,"href":"https:\/\/www.pcyc.qc.ca\/en\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.pcyc.qc.ca\/en\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}