{"id":2,"date":"2016-12-18T15:41:43","date_gmt":"2016-12-18T15:41:43","guid":{"rendered":"http:\/\/demo.awplife.com\/weather-effect\/?page_id=2"},"modified":"2026-01-21T08:51:37","modified_gmt":"2026-01-21T08:51:37","slug":"valentine-effect-demo","status":"publish","type":"page","link":"https:\/\/awplife.com\/demo\/weather-effect\/","title":{"rendered":"Weather Effect Premium WordPress Plugin"},"content":{"rendered":"\n<div style=\"height:75px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">    <div class=\"wep-demo-container\">\r\n        <!-- Settings Panel -->\r\n        <div class=\"wep-demo-settings\">\r\n            <div class=\"wep-demo-header\">\r\n                <h2>\u26c4 Weather Effect Premium<\/h2>\r\n                <p class=\"wep-demo-subtitle\">Interactive Demo - Try all the settings!<\/p>\r\n            <\/div>\r\n\r\n            <!-- Season Selector -->\r\n            <div class=\"wep-demo-section\">\r\n                <label class=\"wep-demo-label\">Select Season \/ Occasion<\/label>\r\n                <select id=\"wep-demo-season\" class=\"wep-demo-select\">\r\n                    <option value=\"christmas\" selected>\ud83c\udf84 Christmas<\/option>\r\n                    <option value=\"winter\">\u2744\ufe0f Winter<\/option>\r\n                    <option value=\"autumn\">\ud83c\udf42 Autumn<\/option>\r\n                    <option value=\"spring\">\ud83c\udf38 Spring<\/option>\r\n                    <option value=\"summer\">\u2600\ufe0f Summer<\/option>\r\n                    <option value=\"rain\">\ud83c\udf27\ufe0f Rain<\/option>\r\n                    <option value=\"halloween\">\ud83c\udf83 Halloween<\/option>\r\n                    <option value=\"thanksgiving\">\ud83e\udd83 Thanksgiving<\/option>\r\n                    <option value=\"valentine\">\u2764\ufe0f Valentine<\/option>\r\n                    <option value=\"newyear\">\ud83c\udf86 New Year<\/option>\r\n                    <option value=\"birthday\">\ud83c\udf82 Birthday<\/option>\r\n                <\/select>\r\n            <\/div>\r\n\r\n            <!-- Image Toggle Grid -->\r\n            <div class=\"wep-demo-section\">\r\n                <label class=\"wep-demo-label\">Default Particles (click to toggle)<\/label>\r\n                <div class=\"wep-demo-image-grid\" id=\"wep-demo-image-grid\">\r\n                    <!-- Images will be populated by JavaScript based on selected season -->\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Particle Settings -->\r\n            <div class=\"wep-demo-section\">\r\n                <label class=\"wep-demo-label\">Particle Count<\/label>\r\n                <div class=\"wep-demo-slider-wrap\">\r\n                    <input type=\"range\" id=\"wep-demo-count\" min=\"1\" max=\"20\" value=\"5\" class=\"wep-demo-slider\">\r\n                    <span class=\"wep-demo-slider-value\" id=\"wep-demo-count-val\">5<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wep-demo-section\">\r\n                <label class=\"wep-demo-label\">Min Size (px)<\/label>\r\n                <div class=\"wep-demo-slider-wrap\">\r\n                    <input type=\"range\" id=\"wep-demo-min-size\" min=\"10\" max=\"100\" value=\"20\" class=\"wep-demo-slider\">\r\n                    <span class=\"wep-demo-slider-value\" id=\"wep-demo-min-size-val\">20<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wep-demo-section\">\r\n                <label class=\"wep-demo-label\">Max Size (px)<\/label>\r\n                <div class=\"wep-demo-slider-wrap\">\r\n                    <input type=\"range\" id=\"wep-demo-max-size\" min=\"20\" max=\"200\" value=\"50\" class=\"wep-demo-slider\">\r\n                    <span class=\"wep-demo-slider-value\" id=\"wep-demo-max-size-val\">50<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"wep-demo-section\">\r\n                <label class=\"wep-demo-label\">Fall Speed<\/label>\r\n                <div class=\"wep-demo-slider-wrap\">\r\n                    <input type=\"range\" id=\"wep-demo-speed\" min=\"1\" max=\"15\" value=\"5\" class=\"wep-demo-slider\">\r\n                    <span class=\"wep-demo-slider-value\" id=\"wep-demo-speed-val\">5<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Advanced Effects -->\r\n            <div class=\"wep-demo-section wep-demo-section-advanced\">\r\n                <label class=\"wep-demo-label\">Advanced Effects<\/label>\r\n\r\n                <div class=\"wep-demo-toggle-group\">\r\n                    <div class=\"wep-demo-toggle\">\r\n                        <label class=\"wep-demo-toggle-label\">\r\n                            <input type=\"checkbox\" id=\"wep-demo-rotate\" checked>\r\n                            <span class=\"wep-demo-toggle-text\">Rotate & Sway<\/span>\r\n                        <\/label>\r\n                    <\/div>\r\n\r\n                    <div class=\"wep-demo-toggle\">\r\n                        <label class=\"wep-demo-toggle-label\">\r\n                            <input type=\"checkbox\" id=\"wep-demo-parallax\">\r\n                            <span class=\"wep-demo-toggle-text\">Depth\/Parallax<\/span>\r\n                        <\/label>\r\n                    <\/div>\r\n\r\n                    <div class=\"wep-demo-toggle\">\r\n                        <label class=\"wep-demo-toggle-label\">\r\n                            <input type=\"checkbox\" id=\"wep-demo-interactive\">\r\n                            <span class=\"wep-demo-toggle-text\">Interactive (Scatter)<\/span>\r\n                        <\/label>\r\n                    <\/div>\r\n\r\n                    <div class=\"wep-demo-toggle\">\r\n                        <label class=\"wep-demo-toggle-label\">\r\n                            <input type=\"checkbox\" id=\"wep-demo-accumulate\">\r\n                            <span class=\"wep-demo-toggle-text\">Accumulation<\/span>\r\n                        <\/label>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"wep-demo-section\" style=\"margin-top: 15px;\">\r\n                    <label class=\"wep-demo-label\">Wind Direction<\/label>\r\n                    <div class=\"wep-demo-slider-wrap\">\r\n                        <input type=\"range\" id=\"wep-demo-wind\" min=\"-5\" max=\"5\" value=\"0\" class=\"wep-demo-slider\">\r\n                        <span class=\"wep-demo-slider-value\" id=\"wep-demo-wind-val\">0<\/span>\r\n                    <\/div>\r\n                    <small class=\"wep-demo-hint\">Left (-5) \u2190 \u2192 Right (+5)<\/small>\r\n                <\/div>\r\n\r\n                <div class=\"wep-demo-section\">\r\n                    <label class=\"wep-demo-label\">Opacity<\/label>\r\n                    <div class=\"wep-demo-slider-wrap\">\r\n                        <input type=\"range\" id=\"wep-demo-opacity\" min=\"10\" max=\"100\" value=\"100\" step=\"5\"\r\n                            class=\"wep-demo-slider\">\r\n                        <span class=\"wep-demo-slider-value\" id=\"wep-demo-opacity-val\">100%<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Action Buttons -->\r\n            <div class=\"wep-demo-actions\">\r\n                <button type=\"button\" id=\"wep-demo-apply\" class=\"wep-demo-btn wep-demo-btn-primary\">\r\n                    \u2728 Apply Changes\r\n                <\/button>\r\n                <button type=\"button\" id=\"wep-demo-reset\" class=\"wep-demo-btn wep-demo-btn-secondary\">\r\n                    \ud83d\udd04 Reset\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <div class=\"wep-demo-cta\">\r\n                <p>Love these effects?<\/p>\r\n                <a href=\"https:\/\/awplife.com\/account\/signup\/weather-effect-premium\" target=\"_blank\"\r\n                    class=\"wep-demo-btn wep-demo-btn-success\">\r\n                    \ud83d\uded2 Get Weather Effect Premium\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Preview Panel -->\r\n        <div class=\"wep-demo-preview\">\r\n            <div class=\"wep-demo-preview-header\">\r\n                <span>Live Preview<\/span>\r\n            <\/div>\r\n            <div class=\"wep-demo-preview-area\" id=\"wep-demo-preview-area\">\r\n                <!-- WeatherCanvas will render here -->\r\n                <div class=\"wep-demo-preview-overlay\">\r\n                    <div class=\"wep-demo-preview-text\">\r\n                        <h3>Your Website Content<\/h3>\r\n                        <p>Weather effects appear beautifully over your content<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>This demo provides a preview of the plugin&#8217;s core functionality. The full version includes advanced features such as custom image uploads, effect timeout settings, and page exclusion rules.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This demo provides a preview of the plugin&#8217;s core functionality. The full version includes advanced features such as custom image uploads, effect timeout settings, and page exclusion rules.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/awplife.com\/demo\/weather-effect\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/awplife.com\/demo\/weather-effect\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/awplife.com\/demo\/weather-effect\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/awplife.com\/demo\/weather-effect\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/awplife.com\/demo\/weather-effect\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":69,"href":"https:\/\/awplife.com\/demo\/weather-effect\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":132,"href":"https:\/\/awplife.com\/demo\/weather-effect\/wp-json\/wp\/v2\/pages\/2\/revisions\/132"}],"wp:attachment":[{"href":"https:\/\/awplife.com\/demo\/weather-effect\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}