{"id":93,"date":"2026-02-12T11:28:27","date_gmt":"2026-02-12T11:28:27","guid":{"rendered":"https:\/\/wpasia.org\/2026\/?page_id=93"},"modified":"2026-03-03T18:59:52","modified_gmt":"2026-03-03T18:59:52","slug":"attendee","status":"publish","type":"page","link":"https:\/\/wpasia.org\/2026\/frame\/attendee\/","title":{"rendered":"Profile Frame : Attendee"},"content":{"rendered":"\t\t<div class=\"ppfg-wrapper\">\n\t\t\t<!-- Preview Section (Left\/Top) -->\n\t\t\t<div class=\"ppfg-preview-section\">\n\t\t\t\t<div class=\"rendered-image\">\n\t\t\t\t\t<canvas id=\"resultCanvas\" width=\"1500\" height=\"1500\" data-frame-url=\"https:\/\/wpasia.org\/2026\/wp-content\/uploads\/sites\/2\/2026\/03\/V4-Profile-Frame-Attendee.png\" aria-label=\"Image preview area\"><\/canvas>\n\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"1500\" src=\"https:\/\/wpasia.org\/2026\/wp-content\/uploads\/sites\/2\/2026\/03\/V4-Profile-Frame-Attendee.png\" class=\"attachment-full size-full\" alt=\"Social media poster preview\" id=\"previewImage\" style=\"max-width: 100%; height: auto; display: none;\" data-frame=\"153\" srcset=\"https:\/\/wpasia.org\/2026\/wp-content\/uploads\/sites\/2\/2026\/03\/V4-Profile-Frame-Attendee.png 1500w, https:\/\/wpasia.org\/2026\/wp-content\/uploads\/sites\/2\/2026\/03\/V4-Profile-Frame-Attendee-300x300.png 300w, https:\/\/wpasia.org\/2026\/wp-content\/uploads\/sites\/2\/2026\/03\/V4-Profile-Frame-Attendee-1024x1024.png 1024w, https:\/\/wpasia.org\/2026\/wp-content\/uploads\/sites\/2\/2026\/03\/V4-Profile-Frame-Attendee-150x150.png 150w, https:\/\/wpasia.org\/2026\/wp-content\/uploads\/sites\/2\/2026\/03\/V4-Profile-Frame-Attendee-768x768.png 768w\" sizes=\"auto, (max-width: 1500px) 100vw, 1500px\" \/>\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<!-- Toolbar Placeholder -->\n\t\t\t\t<div class=\"ppfg-toolbar\">\n                <div class=\"ppfg-zoom-container\">\n                    <button type=\"button\" id=\"ppfg-zoom-out\" class=\"ppfg-tool-btn\" style=\"width:24px;height:24px;min-width:24px;padding:0;\" aria-label=\"Zoom Out\" title=\"Zoom Out\">\n                        <span class=\"dashicons dashicons-minus\" style=\"font-size:16px;width:16px;height:16px;line-height:16px;\"><\/span>\n                    <\/button>\n                    <input type=\"range\" id=\"ppfg-zoom-slider\" class=\"ppfg-zoom-slider\" min=\"0.1\" max=\"5\" step=\"0.1\" value=\"1\" title=\"Zoom\">\n                    <button type=\"button\" id=\"ppfg-zoom-in\" class=\"ppfg-tool-btn\" style=\"width:24px;height:24px;min-width:24px;padding:0;\" aria-label=\"Zoom In\" title=\"Zoom In\">\n                        <span class=\"dashicons dashicons-plus-alt2\" style=\"font-size:16px;width:16px;height:16px;line-height:16px;\"><\/span>\n                    <\/button>\n                <\/div>\n                <div class=\"ppfg-tool-separator\"><\/div>\n                <button id=\"rotate-left\" class=\"ppfg-tool-btn\" aria-label=\"Rotate Left\" title=\"Rotate Left\">\n                    <span class=\"dashicons dashicons-undo\"><\/span>\n                <\/button>\n                <button id=\"rotate-right\" class=\"ppfg-tool-btn\" aria-label=\"Rotate Right\" title=\"Rotate Right\">\n                    <span class=\"dashicons dashicons-redo\"><\/span>\n                <\/button>\n                <div class=\"ppfg-tool-separator\"><\/div>\n                <button id=\"reset-image\" class=\"ppfg-tool-btn\" aria-label=\"Reset Position\" title=\"Reset Position\">\n                    <span class=\"dashicons dashicons-image-rotate\"><\/span>\n                <\/button><\/div>\n\t\t\t<\/div>\n\n\t\t\t<!-- Controls Section (Right\/Bottom) -->\n\t\t\t<div class=\"ppfg-controls-section\">\n\t\t\t\t<div>\n\t\t\t\t\t<h3 class=\"ppfg-title\">Profile Frame Generator<\/h3>\n\t\t\t\t\t<p class=\"ppfg-subtitle\">Customize and download your frame.<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"ppfg-group\">\n\t\t\t\t\t<label class=\"ppfg-label\">Upload Photo<\/label>\n\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"ppfg-file-upload\">\n\t\t\t\t\t\t<label for=\"upload-photo-69d05cb247f90\" class=\"ppfg-file-label\">\n\t\t\t\t\t\t\t<span class=\"dashicons dashicons-upload\"><\/span>\n\t\t\t\t\t\t\t<span>Click to upload image<\/span>\n\t\t\t\t\t\t\t<input type=\"file\" id=\"upload-photo-69d05cb247f90\" name=\"upload-photo\" class=\"upload-photo\" accept=\"image\/*\" aria-describedby=\"file-description\" hidden>\n\t\t\t\t\t\t<\/label>\n\t\t\t\t\t\t<span id=\"file-description\" class=\"file-description screen-reader-text\">\n\t\t\t\t\t\t\tAccepted file types: JPG, PNG, GIF\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<input type=\"hidden\" id=\"profileframegen-security\" value=\"8fd01c6d20\">\n\n\t\t\t\t<!-- Extra Controls Placeholder -->\n\t\t\t\t\n            <div class=\"ppfg-group\">\n                <label for=\"gravatar-email\" class=\"ppfg-label\">Or use Gravatar<\/label>\n                <div class=\"ppfg-input-flex\">\n                    <input type=\"email\" \n                           id=\"gravatar-email\" \n                           class=\"ppfg-input\"\n                           placeholder=\"email@example.com\" \n                           aria-label=\"Enter your email address to load your Gravatar image\">\n                    <button id=\"load-gravatar\" type=\"button\" class=\"ppfg-btn-secondary\">\n                        Load\n                    <\/button>\n                <\/div>\n            <\/div>\n            <div class=\"ppfg-bokeh-control-wrapper\">\n                <div class=\"ppfg-group\">\n                    <div class=\"ppfg-toggle-row\">\n                        <span>Bokeh\/Blur Effect<\/span>\n                        <label class=\"ppfg-toggle-switch\" for=\"bokeh-toggle\">\n                            <input type=\"checkbox\" id=\"bokeh-toggle\" checked>\n                            <span class=\"ppfg-toggle-slider\"><\/span>\n                        <\/label>\n                    <\/div>\n                <\/div>\n            <\/div>\n\t\t\t\t\n\t\t\t\t<button id=\"download-photo\" class=\"ppfg-btn-primary\">\n\t\t\t\t\t<span class=\"dashicons dashicons-download\"><\/span> \n\t\t\t\t\tDownload Image\t\t\t\t<\/button>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"ppfg-instructions\"><h3>\u2728 Adjust your image:<\/h3>\r\n<ul>\r\n \t<li><strong>Mouse wheel<\/strong>: Zoom in\/out<\/li>\r\n \t<li><strong>Two fingers<\/strong>: Pinch to zoom <em>(mobile)<\/em><\/li>\r\n \t<li><strong>Drag<\/strong>: Reposition image<\/li>\r\n \t<li><strong>Rotate buttons<\/strong>: Rotate the image left or right<\/li>\r\n<\/ul><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)\"\/>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":90,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-93","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wpasia.org\/2026\/wp-json\/wp\/v2\/pages\/93","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpasia.org\/2026\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpasia.org\/2026\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpasia.org\/2026\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wpasia.org\/2026\/wp-json\/wp\/v2\/comments?post=93"}],"version-history":[{"count":4,"href":"https:\/\/wpasia.org\/2026\/wp-json\/wp\/v2\/pages\/93\/revisions"}],"predecessor-version":[{"id":159,"href":"https:\/\/wpasia.org\/2026\/wp-json\/wp\/v2\/pages\/93\/revisions\/159"}],"up":[{"embeddable":true,"href":"https:\/\/wpasia.org\/2026\/wp-json\/wp\/v2\/pages\/90"}],"wp:attachment":[{"href":"https:\/\/wpasia.org\/2026\/wp-json\/wp\/v2\/media?parent=93"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}