{"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\" aria-label=\"Zoom Out\" title=\"Zoom Out\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#555555\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\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\" aria-label=\"Zoom In\" title=\"Zoom In\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#555555\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\n                    <\/button>\n                <\/div>\n                <div class=\"ppfg-tool-separator\"><\/div>\n                <button type=\"button\" id=\"rotate-left\" class=\"ppfg-tool-btn\" aria-label=\"Rotate Left\" title=\"Rotate Left\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#555555\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"\/><path d=\"M3 3v5h5\"\/><\/svg>\n                <\/button>\n                <button type=\"button\" id=\"rotate-right\" class=\"ppfg-tool-btn\" aria-label=\"Rotate Right\" title=\"Rotate Right\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#555555\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M21 12a9 9 0 1 1-9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"\/><path d=\"M21 3v5h-5\"\/><\/svg>\n                <\/button>\n                <div class=\"ppfg-tool-separator\"><\/div>\n                <button type=\"button\" id=\"reset-image\" class=\"ppfg-tool-btn\" aria-label=\"Reset Position\" title=\"Reset Position\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#555555\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"23 4 23 10 17 10\"\/><polyline points=\"1 20 1 14 7 14\"\/><path d=\"M3.51 9a9 9 0 0 1 14.85-3.36L23 10\"\/><path d=\"M1 14l4.64 4.36A9 9 0 0 0 20.49 15\"\/><\/svg>\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-6a224f15e7cf6\" class=\"ppfg-file-label\">\n\t\t\t\t\t\t\t<span class=\"ppfg-upload-icon\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n\t\t\t\t\t\t\t\t\t<path d=\"M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242\"\/>\n\t\t\t\t\t\t\t\t\t<path d=\"M12 12v9\"\/>\n\t\t\t\t\t\t\t\t\t<path d=\"m16 16-4-4-4 4\"\/>\n\t\t\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span>Click to upload image<\/span>\n\t\t\t\t\t\t\t<span class=\"ppfg-upload-hint\">JPG, PNG or GIF<\/span>\n\t\t\t\t\t\t\t<input type=\"file\" id=\"upload-photo-6a224f15e7cf6\" 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<!-- 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                <span id=\"ppfg-gravatar-message\" role=\"alert\" aria-live=\"polite\" style=\"display:none;font-size:13px;margin-top:4px;\"><\/span>\n            <\/div>\n            <div class=\"ppfg-bokeh-control-wrapper\">\n                <div class=\"ppfg-group\">\n                    <div class=\"ppfg-toggle-row\">\n                        <label class=\"ppfg-label ppfg-toggle-label\" for=\"bokeh-toggle\">Bokeh \/ Blur Effect<\/label>\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\n\t\t\t\t<div id=\"ppfg-status-message\" role=\"alert\" aria-live=\"polite\" style=\"display:none;margin:8px 0;padding:8px 12px;border-radius:4px;font-size:14px;\"><\/div>\n\n\t\t\t\t<button id=\"download-photo\" class=\"ppfg-btn-primary\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\n\t\t\t\t\t\t<path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/>\n\t\t\t\t\t\t<polyline points=\"7 10 12 15 17 10\"\/>\n\t\t\t\t\t\t<line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/>\n\t\t\t\t\t<\/svg>\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}]}}