{"id":25,"date":"2021-03-26T20:18:28","date_gmt":"2021-03-26T20:18:28","guid":{"rendered":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/drawattention\/?page_id=25"},"modified":"2021-04-14T09:44:36","modified_gmt":"2021-04-14T09:44:36","slug":"home","status":"publish","type":"page","link":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/drawattention\/","title":{"rendered":"Home"},"content":{"rendered":"<p>Draw Attention Pro is a plugin for creating interactive images.<\/p>\n<p>This site shows some of the uses of the Draw Attention plugin that can be used in Glow Blogs. \u00a0The Draw Attention Image below will allow you to navigate around this site and go to other links.<\/p>\n\n<style>\n\t#hotspot-71 .hotspots-image-container,\n\t#hotspot-71 .leaflet-container {\n\t\tbackground: #efefef\t}\n\n\t#hotspot-71 .hotspots-placeholder,\n\t.featherlight .featherlight-content.lightbox-71 {\n\t\tbackground: #ffffff;\n\t\tborder: 0 #ffffff solid;\n\t\tcolor: #000000;\n\t}\n\n\t#hotspot-71 .hotspot-title,\n\t#hotspot-71 .bc-product__title a,\n\t.featherlight .featherlight-content.lightbox-71 .hotspot-title,\n\t.featherlight .featherlight-content.lightbox-71 .bc-product__title a {\n\t\tcolor: #000000;\n\t}\n\n\t\t\t#hotspot-71 .hotspot-style-1 {\n\t\t\tstroke-width: 1;\n\t\t\tfill: #ffffff;\n\t\t\tfill-opacity: 0;\n\t\t\tstroke: #ffffff;\n\t\t\tstroke-opacity: 0;\n\t\t}\n\t\t#hotspot-71 .hotspot-style-1:hover,\n\t\t#hotspot-71 .hotspot-style-1:focus-visible,\n\t\t#hotspot-71 .hotspot-style-1.hotspot-active {\n\t\t\tfill: #ffffff;\n\t\t\tfill-opacity: 0.81;\n\t\t\toutline: none;\n\t\t\tstroke: #ffffff;\n\t\t\tstroke-opacity: 0.81;\n\t\t}\n\t\t\t#hotspot-71 .hotspot-default {\n\t\t\tstroke-width: 1;\n\t\t\tfill: #ffffff;\n\t\t\tfill-opacity: 0;\n\t\t\tstroke: #ffffff;\n\t\t\tstroke-opacity: 0;\n\t\t}\n\t\t#hotspot-71 .hotspot-default:hover,\n\t\t#hotspot-71 .hotspot-default:focus-visible,\n\t\t#hotspot-71 .hotspot-default.hotspot-active {\n\t\t\tfill: #ffffff;\n\t\t\tfill-opacity: 0.81;\n\t\t\toutline: none;\n\t\t\tstroke: #ffffff;\n\t\t\tstroke-opacity: 0.81;\n\t\t}\n\t\t#hotspot-71 .leaflet-tooltip,\n\t#hotspot-71 .leaflet-rrose-content-wrapper {\n\t\tbackground: #ffffff;\n\t\tborder-color: #ffffff;\n\t\tcolor: #000000;\n\t}\n\n\t#hotspot-71 a.leaflet-rrose-close-button {\n\t\tcolor: #000000;\n\t}\n\n\t#hotspot-71 .leaflet-rrose-tip {\n\t\tbackground: #ffffff;\n\t}\n\n\t#hotspot-71 .leaflet-popup-scrolled {\n\t\tborder-bottom-color: #000000;\n\t\tborder-top-color: #000000;\n\t}\n\n\t#hotspot-71 .leaflet-tooltip-top:before {\n\t\tborder-top-color: #ffffff;\n\t}\n\n\t#hotspot-71 .leaflet-tooltip-bottom:before {\n\t\tborder-bottom-color: #ffffff;\n\t}\n\t#hotspot-71 .leaflet-tooltip-left:before {\n\t\tborder-left-color: #ffffff;\n\t}\n\t#hotspot-71 .leaflet-tooltip-right:before {\n\t\tborder-right-color: #ffffff;\n\t}\n<\/style>\n\n\n\t<div class=\"hotspots-container  layout-tooltip event-click\" id=\"hotspot-71\" data-layout=\"tooltip\" data-trigger=\"click\">\n\t\t<div class=\"hotspots-interaction\">\n\t\t\t<div class=\"hotspots-image-container\">\n\t<img\n\t\twidth=\"1024\"\n\t\theight=\"768\"\n\t\tsrc=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/drawattention\/uploads\/sites\/8667\/2021\/04\/08175908\/homenav2.jpeg\"\n\t\talt=\"Home Nav2\"\n\t\tclass=\"hotspots-image skip-lazy\"\n\t\tusemap=\"#hotspots-image-71\"\n\t\tdata-image-title=\"Home Nav2\"\n\t\tdata-image-description=\"\"\n\t\tdata-event-trigger=\"click\"\n\t\tdata-always-visible=\"false\"\n\t\tdata-id=\"71\"\n\t\tdata-no-lazy=\"1\"\n\t\tdata-lazy-src=\"\"\n\t\tdata-lazy=\"false\"\n\t\tloading=\"eager\"\n\t\tdata-skip-lazy=\"1\"\n\t\t>\n<\/div>\t\t<\/div>\n\t\t<map name=\"hotspots-image-71\" class=\"hotspots-map\">\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"25,133,353,132,352,325,28,327\"\n\t\t\t\t\thref=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/drawattention\/scratch-tv\/\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"Scratch TV Example\"\n\t\t\t\t\talt=\"Scratch TV Example\"\n\t\t\t\t\tdata-action=\"url\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\tdata-id=\"area-hotspot-71-0\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"url-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"403,137,589,133,590,323,402,322\"\n\t\t\t\t\thref=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/drawattention\/math-map\/\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"Maths Garden\"\n\t\t\t\t\talt=\"Maths Garden\"\n\t\t\t\t\tdata-action=\"url\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\tdata-id=\"area-hotspot-71-1\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"url-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"673,126,998,125,997,345,673,347\"\n\t\t\t\t\thref=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/drawattention\/butterflies\/\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"Butterflies Example\"\n\t\t\t\t\talt=\"Butterflies Example\"\n\t\t\t\t\tdata-action=\"url\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\tdata-id=\"area-hotspot-71-2\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"url-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"38,582,321,582,318,730,39,733\"\n\t\t\t\t\thref=\"#hotspot-hotspot-71-3\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"Countdown to Safer Internet Day\"\n\t\t\t\t\talt=\"Countdown to Safer Internet Day\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\tdata-id=\"area-hotspot-71-3\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"412,405,613,406,613,556,411,556\"\n\t\t\t\t\thref=\"#hotspot-hotspot-71-4\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"Virtual Classroom\"\n\t\t\t\t\talt=\"Virtual Classroom\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\tdata-id=\"area-hotspot-71-4\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"738,404,937,405,937,590,737,590\"\n\t\t\t\t\thref=\"#hotspot-hotspot-71-5\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"Advent Calendar\"\n\t\t\t\t\talt=\"Advent Calendar\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\tdata-id=\"area-hotspot-71-5\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"75,405,305,405,303,561,75,559\"\n\t\t\t\t\thref=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/drawattention\/post-editor-guide\/\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"Post Editor\"\n\t\t\t\t\talt=\"Post Editor\"\n\t\t\t\t\tdata-action=\"url\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\tdata-id=\"area-hotspot-71-6\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"url-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"418,590,603,589,604,717,420,718\"\n\t\t\t\t\thref=\"#hotspot-hotspot-71-7\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"Glow Blogs Help\"\n\t\t\t\t\talt=\"Glow Blogs Help\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\tdata-id=\"area-hotspot-71-7\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"682,616,987,615,988,692,681,691\"\n\t\t\t\t\thref=\"#hotspot-hotspot-71-8\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"Draw Attention\"\n\t\t\t\t\talt=\"Draw Attention\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\tdata-id=\"area-hotspot-71-8\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t<\/map>\n\n\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-71-3\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">Countdown to Safer Internet Day<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t<p><a href=\"https:\/\/blogs.glowscotland.org.uk\/fa\/centralesafety\/countdown-to-safer-internet-day-2021\/\">Countdown to Safer Internet Day<\/a> 2021 uses the Draw Attention plugin to show activities for each day on the visual calendar<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-71-4\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">Virtual Classroom<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t<p>A Virtual Classroom used in Lockdown at the start of 2021: <a href=\"https:\/\/blogs.glowscotland.org.uk\/nl\/bantonbiggies\/home-learning-2\/\">Home Learning \u2013 Banton Biggies<\/a><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-71-5\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">Advent Calendar<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t<p>An example Advent Calendar. This uses the Display Posts plugin to display information in the Info Boxes. Post are scheduled so that they do not show up until the day. <a href=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/advent\/\">Advent Calendar \u2013 An Example Glow Blog for Christmas<\/a><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-71-7\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">Glow Blogs Help<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t<p>The Glow Blog help blog give information on using Glow Blogs: <a href=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/\">Glow Blog Help <\/a> ther is a <a href=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/glowbloghelp\/settings\/plugins-3-2\/draw-attention-pro\/\">Draw Attention Pro<\/a> page.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-71-8\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">Draw Attention<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t<p>The <a href=\"https:\/\/wpdrawattention.com\/\">WP Draw Attention | WordPress Plugin for Interactive Images<\/a> site has more information and examples.<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Draw Attention Pro is a plugin for creating interactive images. This site shows some of the uses of the Draw Attention plugin that can be used in Glow Blogs. \u00a0The Draw Attention Image below will allow you to navigate around this site and go to other links.<\/p>\n","protected":false},"author":22,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/front-page.php","meta":{"footnotes":""},"class_list":["post-25","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/drawattention\/wp-json\/wp\/v2\/pages\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/drawattention\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/drawattention\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/drawattention\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/drawattention\/wp-json\/wp\/v2\/comments?post=25"}],"version-history":[{"count":6,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/drawattention\/wp-json\/wp\/v2\/pages\/25\/revisions"}],"predecessor-version":[{"id":78,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/drawattention\/wp-json\/wp\/v2\/pages\/25\/revisions\/78"}],"wp:attachment":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/drawattention\/wp-json\/wp\/v2\/media?parent=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}