{"id":10388,"date":"2013-04-12T15:27:38","date_gmt":"2013-04-12T19:27:38","guid":{"rendered":"http:\/\/aforgrave.ca\/detritus\/?p=10388"},"modified":"2013-04-12T15:42:17","modified_gmt":"2013-04-12T19:42:17","slug":"bringittogether-ca-fireworks","status":"publish","type":"post","link":"https:\/\/aforgrave.ca\/detritus\/2013\/04\/12\/bringittogether-ca-fireworks\/","title":{"rendered":"bringITtogether.ca Fireworks"},"content":{"rendered":"<p>This little item doesn&#8217;t re-draw as nicely as I&#8217;d like within my WordPress theme when you try to view it on a mobile device (the canvas is on a page that is iframed into the WordPress post framework, which then gets morphed by the Responsive coding now present in the theme). If it looks a bit cut off on your device, you can see the actual page in it&#8217;s full glory by linking to <a href=\"http:\/\/aforgrave.ca\/detrituslab\/ecoo_fireworks\/\" title=\"ECOO Fireworks on detritusLAB\" target=\"_blank\">the de\u2022tri\u2022tusLAB space<\/a> where it was test-developed.<\/p>\n<style>\n       .errordiv { padding:10px; margin:10px; border: 1px solid #555555;color: #000000;background-color: #f8f8f8; width:500px; }#advanced_iframe {visibility:visible;opacity:1;vertical-align:top;}.ai-info-bottom-iframe { position: fixed; z-index: 10000; bottom:0; left: 0; margin: 0px; text-align: center; width: 100%; background-color: #ff9999; padding-left: 5px;padding-bottom: 5px; border-top: 1px solid #aaa } a.ai-bold {font-weight: bold;}#ai-layer-div-advanced_iframe p {height:100%;margin:0;padding:0}<\/style><script type=\"text\/javascript\">var ai_iframe_width_advanced_iframe = 0;var ai_iframe_height_advanced_iframe = 0;var aiOnloadScrollTop=\"true\";var aiShowDebug=false;\n\t\tif (typeof aiReadyCallbacks === 'undefined') {\n\t\t\tvar aiReadyCallbacks = [];\n\t\t} else if (!(aiReadyCallbacks instanceof Array)) {\n\t\t\tvar aiReadyCallbacks = [];\n\t\t}    function aiShowIframeId(id_iframe) { jQuery(\"#\"+id_iframe).css(\"visibility\", \"visible\");    }    function aiResizeIframeHeight(height) { aiResizeIframeHeight(height,advanced_iframe); }    function aiResizeIframeHeightId(height,width,id) {aiResizeIframeHeightById(id,height);}<\/script>Http iframes are not shown in https pages in many major browsers. Please read <a href=\"\/\/www.advanced-iframe.com\/iframe-do-not-mix-http-and-https\" target=\"_blank\">this post<\/a> for details.<iframe id=\"advanced_iframe\"  name=\"advanced_iframe\"  src=\"http:\/\/aforgrave.ca\/detrituslab\/ecoo_fireworks\/\"  width=\"100%\"  height=\"100%\"  scrolling=\"no\"  frameborder=\"0\"  border=\"0\"  allowtransparency=\"true\"  loading=\"lazy\"  style=\";border-width: 0px;;border: none;;width:100%;;height:100%;\" ><\/iframe><script type=\"text\/javascript\">var ifrm_advanced_iframe = document.getElementById(\"advanced_iframe\");var hiddenTabsDoneadvanced_iframe = false;\nfunction resizeCallbackadvanced_iframe() {}<\/script><script type=\"text\/javascript\"><\/script><p style=\"display:block !important; visibility:visible !important;margin: -18px 14px 0 0;padding-left: 3px;padding-top:3px;background: white; overflow: hidden; position: relative; line-height:15px;width: fit-content;\"><small style=\"display:block !important;visibility:visible !important\">powered by Advanced iFrame<\/small><\/p>\n<p>The animation is the second in a series of promotion items for our annual <a href=\"http:\/\/ecoo.org\/\" title=\"ECOO | Educational Computer Organization of Ontario\" target=\"_blank\">ECOO<\/a> conference, and sat as a landing page at the <a href=\"http:\/\/bringITtogether.ca\" title=\"#ecoo13 bringITtogether.ca | October 23-25 | Niagara Falls, Ontario\" target=\"_blank\">bringITtogether.ca<\/a> URL for a couple weeks before the actual site went live.<\/p>\n<p>I found the fireworks code on <a href=\"http:\/\/github.com\/kennethkufluk\/js-fireworks\" target=\"_blank\">github,<\/a> where it was shared by the developer <a href=\"http:\/\/kenneth.kufluk.com\" target=\"_blank\">Kenneth Kufluk<\/a>.<\/p>\n<p>Poking around in the javascript and CSS let me change the fireworks message and background image, adjust the popup content, and place conference logo and the social icons. A nice little learning opportunity, with more learning to follow!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This little item doesn&#8217;t re-draw as nicely as I&#8217;d like within my WordPress theme when you try to view&#46;&#46;&#46;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[14,46,13,16],"tags":[466,349,467,468,511,1078,514,515,67,513,456,512],"class_list":["post-10388","post","type-post","status-publish","format-standard","hentry","category-cool-tech","category-imaginages","category-learning","category-something-made","tag-ecoo13","tag-animation","tag-bring-it-together","tag-bringittogether-ca","tag-css","tag-ds106","tag-ecoo","tag-ecoo-2013","tag-fireworks","tag-github","tag-javascript","tag-kenneth-kufluk"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p2UvWF-2Hy","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/aforgrave.ca\/detritus\/wp-json\/wp\/v2\/posts\/10388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aforgrave.ca\/detritus\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aforgrave.ca\/detritus\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aforgrave.ca\/detritus\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aforgrave.ca\/detritus\/wp-json\/wp\/v2\/comments?post=10388"}],"version-history":[{"count":5,"href":"https:\/\/aforgrave.ca\/detritus\/wp-json\/wp\/v2\/posts\/10388\/revisions"}],"predecessor-version":[{"id":10393,"href":"https:\/\/aforgrave.ca\/detritus\/wp-json\/wp\/v2\/posts\/10388\/revisions\/10393"}],"wp:attachment":[{"href":"https:\/\/aforgrave.ca\/detritus\/wp-json\/wp\/v2\/media?parent=10388"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aforgrave.ca\/detritus\/wp-json\/wp\/v2\/categories?post=10388"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aforgrave.ca\/detritus\/wp-json\/wp\/v2\/tags?post=10388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}