{"id":439,"date":"2025-09-03T15:58:18","date_gmt":"2025-09-03T15:58:18","guid":{"rendered":"http:\/\/localhost\/wordpress\/?page_id=439"},"modified":"2025-10-02T19:22:06","modified_gmt":"2025-10-02T16:22:06","slug":"439-2","status":"publish","type":"page","link":"https:\/\/johnsonqa.com\/index.php\/439-2\/","title":{"rendered":"Upcoming Events"},"content":{"rendered":"\n

Upcoming Events<\/strong><\/p>\n\n\n\n

<\/div>\n\n\n\n
\n
\n\n\n\n\n\nNo Upcoming Events \u2014 Scrolling Light Effect<\/title>\n\n<style>\n :root{\n --bg:#000;\n --panel-bg: rgba(255,255,255,0.04);\n --text:#ffffff;\n --accent: #ff3333; \/* \u09b2\u09be\u09b2 \u09b0\u0999 *\/\n --marquee-speed: 12s;\n --sweep-speed: 2.2s;\n }\n\n html,body{\n height:100%;\n margin:0;\n background:var(--bg);\n font-family: Arial, Helvetica, sans-serif;\n color:var(--text);\n display:block; \/* flex \u09ac\u09be\u09a6 \u09a6\u09c7\u0993\u09df\u09be \u09b9\u09df\u09c7\u099b\u09c7 *\/\n }\n\n .events-panel{\n width: min(1000px, 94%);\n margin: 30px auto; \/* \u2b05\ufe0f \u0989\u09aa\u09b0\u09c7 gap (30px), \u09a1\u09be\u09a8-\u09ac\u09be\u09ae\u09c7 auto center *\/\n border-radius:14px;\n overflow:hidden;\n background: var(--panel-bg);\n box-shadow: 0 6px 30px rgba(0,0,0,0.6);\n border: 1px solid rgba(255,255,255,0.04);\n padding: 22px 18px;\n }\n\n .panel-header{\n display:flex;\n align-items:center;\n gap:12px;\n margin-bottom:12px;\n }\n .dot {\n width:14px;\n height:14px;\n border-radius:50%;\n background: var(--accent);\n animation: blink 1.2s infinite; \/* \u099c\u09cd\u09ac\u09b2\u09be-\u09a8\u09bf\u09ad\u09be effect *\/\n }\n @keyframes blink {\n 0%, 100% { opacity: 1; box-shadow: 0 0 10px rgba(255,0,0,0.8); }\n 50% { opacity: 0.2; box-shadow: none; }\n }\n\n .panel-title{\n font-weight:600;\n font-size:1.2rem;\n color:var(--text);\n }\n\n .marquee-wrap{\n position:relative;\n width:100%;\n height:80px;\n display:flex;\n align-items:center;\n overflow:hidden;\n border-radius:10px;\n background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));\n }\n\n .marquee{\n display:inline-block;\n white-space:nowrap;\n padding-left:100%;\n font-size:1.6rem;\n font-weight:600;\n color:var(--text);\n animation: scroll var(--marquee-speed) linear infinite;\n }\n\n .marquee .copy { padding-right:6rem; }\n\n .sweep {\n position:absolute;\n top:0; left:-30%;\n width:30%;\n height:100%;\n pointer-events:none;\n transform:skewX(-20deg);\n background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.06) 40%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0.06) 60%, rgba(255,255,255,0) 100%);\n mix-blend-mode: screen;\n filter: blur(10px);\n animation: sweep var(--sweep-speed) ease-in-out infinite;\n }\n\n @keyframes scroll{\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n @keyframes sweep{\n 0% { left:-30%; opacity:0; }\n 50% { left:70%; opacity:0.95; }\n 100% { left:110%; opacity:0; }\n }\n<\/style>\n<\/head>\n<body>\n\n <section class=\"events-panel\" aria-label=\"Upcoming Events\">\n <div class=\"panel-header\">\n <div class=\"dot\"><\/div>\n <div class=\"panel-title\">Upcoming Events<\/div>\n <\/div>\n\n <div class=\"marquee-wrap\">\n <div class=\"marquee\">\n <span class=\"copy\">There are no upcoming events at this time. Stay connected with us for future announcements. \u2014<\/span>\n <span class=\"copy\">There are no upcoming events at this time. Stay connected with us for future announcements. \u2014<\/span>\n <\/div>\n <div class=\"sweep\"><\/div>\n <\/div>\n <\/section>\n\n<\/body>\n<\/html>\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Upcoming Events No Upcoming Events \u2014 Scrolling Light Effect Upcoming Events There are no upcoming events at this time. Stay connected with us for future announcements. \u2014 There are no upcoming events at this time. Stay connected with us for future announcements. \u2014<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-439","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/johnsonqa.com\/index.php\/wp-json\/wp\/v2\/pages\/439","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/johnsonqa.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/johnsonqa.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/johnsonqa.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/johnsonqa.com\/index.php\/wp-json\/wp\/v2\/comments?post=439"}],"version-history":[{"count":8,"href":"https:\/\/johnsonqa.com\/index.php\/wp-json\/wp\/v2\/pages\/439\/revisions"}],"predecessor-version":[{"id":709,"href":"https:\/\/johnsonqa.com\/index.php\/wp-json\/wp\/v2\/pages\/439\/revisions\/709"}],"wp:attachment":[{"href":"https:\/\/johnsonqa.com\/index.php\/wp-json\/wp\/v2\/media?parent=439"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}