{"id":4262,"date":"2024-11-25T14:16:07","date_gmt":"2024-11-25T14:16:07","guid":{"rendered":"https:\/\/emblemax.com\/?page_id=4262"},"modified":"2025-03-17T23:14:08","modified_gmt":"2025-03-17T23:14:08","slug":"art-ideas-portal","status":"publish","type":"page","link":"https:\/\/emblemax.com\/?page_id=4262","title":{"rendered":"Art Ideas Portal"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Video Popup<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400&display=swap\" rel=\"stylesheet\">\n <style>\n \/* Basic styling for the page *\/\n body {\n font-family: Arial, sans-serif;\n margin: 50px;\n text-align: center;\n }\n\n \/* Styled link *\/\n #openModal {\n font-family: 'Poppins', sans-serif;\n font-weight: normal;\n font-size: 30px; \/* Increased font size for the button *\/\n text-decoration: none;\n color: #FF6C0E;\n cursor: pointer;\n display: inline-block;\n margin-top: 30px; \/* More space above *\/\n }\n\n \/* Hover effect *\/\n #openModal:hover {\n color: #d95c0b;\n text-decoration: underline;\n }\n\n \/* Styling for the modal (hidden by default) *\/\n .modal {\n display: none;\n position: fixed;\n z-index: 1000;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.7); \/* Slightly dark background outside the modal *\/\n }\n\n \/* Centered video container with a larger white border and rounded edges *\/\n .modal-content {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 90%; \/* Increased width *\/\n max-width: 1200px; \/* Max width of the modal *\/\n background: #fff; \/* White background for content *\/\n border-radius: 30px; \/* Larger rounded corners *\/\n border: 10px solid #fff; \/* Larger white border *\/\n padding: 20px; \/* Increased padding *\/\n }\n\n \/* Modal text inside *\/\n .modal-text {\n font-family: 'Poppins', sans-serif;\n color: #000; \/* Black text for better visibility *\/\n font-size: 20px; \/* Text size *\/\n margin-bottom: 20px; \/* Space below the text *\/\n }\n\n \/* Close button *\/\n .close {\n position: absolute;\n top: -20px;\n right: -20px;\n font-size: 35px; \/* Increased size of the close button *\/\n background: #fff;\n color: #000;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n text-align: center;\n cursor: pointer;\n line-height: 40px;\n }\n <\/style>\n<\/head>\n<body>\n\n <!-- Trigger Button -->\n <a href=\"#\" id=\"openModal\">First time here? Watch this quick tour!<\/a>\n\n <!-- The Modal -->\n <div id=\"videoModal\" class=\"modal\">\n <div class=\"modal-content\">\n <span class=\"close\" id=\"closeModal\">×<\/span>\n <div class=\"modal-text\">\n Need some help? <br>\n Watch this video overview to learn how to find design ideas.\n <\/div>\n <iframe id=\"videoFrame\" width=\"100%\" height=\"700\" src=\"\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Elements\n const modal = document.getElementById(\"videoModal\");\n const openModalBtn = document.getElementById(\"openModal\");\n const closeModalBtn = document.getElementById(\"closeModal\");\n const videoFrame = document.getElementById(\"videoFrame\");\n\n \/\/ Embed URL for YouTube (no branding & no ads mode)\n const videoUrl = \"https:\/\/www.youtube.com\/embed\/uMghRZE1Zqk?autoplay=1&rel=0&modestbranding=1&controls=1&showinfo=0\";\n\n \/\/ Open modal and set video source\n openModalBtn.onclick = function(event) {\n event.preventDefault();\n videoFrame.src = videoUrl;\n modal.style.display = \"block\";\n }\n\n \/\/ Close modal and stop video playback\n closeModalBtn.onclick = function() {\n modal.style.display = \"none\";\n videoFrame.src = \"\"; \/\/ Stop the video when closing\n }\n\n \/\/ Close modal if clicking outside content\n window.onclick = function(event) {\n if (event.target === modal) {\n modal.style.display = \"none\";\n videoFrame.src = \"\"; \/\/ Stop the video\n }\n }\n <\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b729748 e-con-full e-flex e-con e-parent\" data-id=\"b729748\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4485f18 elementor-widget elementor-widget-html\" data-id=\"4485f18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"art-portal-embed-container\">\n <div id=\"artPortalEmbed\" style=\"width: 100%; height: 1000px; padding: 0; margin: 0; border: 0; max-height: 100%; width: 100%;\"><\/div>\n <\/div>\n <script type=\"text\/javascript\">\n (function() {\n function init() {\n var scriptElement = document.createElement(\"script\");\n scriptElement.type = \"text\/javascript\";\n scriptElement.async = true;\n scriptElement.src = \"https:\/\/app.graphicsflow.com\/assets\/scripts\/art-portal-embed.js\";\n scriptElement.onload = function() { launchArtPortal() };\n document.getElementsByTagName(\"body\")[0].appendChild(scriptElement);\n }\n\n function launchArtPortal() {\n window.gfApi.launchEmbeddedArtPortal({\n targetElementId: \"artPortalEmbed\",\n artPortalUrl: \"https:\/\/app.graphicsflow.com\/art-portal\/emblemax\/89742d5f-5f9a-4f72-8b30-eca6fd9f01c5?view=embed\",\n });\n }\n\n init();\n })();\n <\/script>\n \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Video Popup First time here? Watch this quick tour! × Need some help? Watch this video overview to learn how […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":4200,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_mo_disable_npp":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-4262","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/emblemax.com\/index.php?rest_route=\/wp\/v2\/pages\/4262","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/emblemax.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/emblemax.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/emblemax.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/emblemax.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4262"}],"version-history":[{"count":0,"href":"https:\/\/emblemax.com\/index.php?rest_route=\/wp\/v2\/pages\/4262\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/emblemax.com\/index.php?rest_route=\/wp\/v2\/pages\/4200"}],"wp:attachment":[{"href":"https:\/\/emblemax.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}